/*********************************************************
 * Sharepoint Baukasten 
 *
 * Stylesheet für Sharepoint Baukasten
 *
 * @copyright       Copyright 2013, Softceed GmbH
 * @author          Andreas Lulay
 * @package         spbk 
 * @lastmodified    $Date: 2014-10-29, Time: 12:42 p.m.$
 *********************************************************/


/* import layout < ... | Layout für Bildschirmbreite kleiner einbinden */
/*@media screen and (max-width: 569px) {*/
@media screen and (max-width: 749px) {
	html body.spbk, body.spbk #s4-workspace, body.spbk .s4-title.s4-lp, body.spbk #s4-topheader2, body.spbk #s4-mainarea, body.spbk #MSO_ContentTable, .spbk-Grid-50.floatRight {background-color: #FCFDF5;}
	body.spbk { width: 100% !important; min-width: 0 !important; max-width: auto !important;}
	body.spbk #s4-bodyContainer {min-width: 0 !important;width: 100% !important;}
	body.spbk #s4-leftpanel { width: auto !important;}
	body.spbk #spbk-leftcolumn, body.spbk #spbk-rightcolumn, body.spbk .spbk-Grid-50 {width: 100% !important;}
	
	body.spbk #outermenue, body.spbk #s4-titlerow {margin: 0 !important;}
	body.spbk {width: 100% !important;padding: 0 !important; margin: 0 !important;}
	body.spbk #s4-workspace {width: auto !important; padding: 6px !important;}
	body.spbk #s4-mainarea{margin: 6px 0 !important;}
	body.spbk div#spbkRibbon {display:none;}
	body #s4-leftpanel-content {padding: 0;}
	body.spbk .ms-quicklaunchouter {margin:0}
	body.spbk #s4-leftpanel-content .ms-quickLaunch {margin: 0 0 3px;}
	body.spbk #s4-workspace div.ms-WPBody > img {max-width: 100% !important; height: auto !important;}
	
	/* s4-titlerow*/
	body.spbk .s4-title.s4-lp {min-height: 0 !important;}
	body.spbk #s4-workspace .s4-titletable {margin: 0 auto;}
	
	/* H-Menü */
	body.spbk #spbk-menue {border: 0px solid #505050;box-shadow: 1px 1px 3px rgba(157, 150, 147, 0.5) !important;background: #505050;background: linear-gradient(to bottom, #505050 40%, #303030 60%) repeat-x;color: #FFF;}
	body.spbk #spbk-menueauswahl:hover {text-decoration: underline;}
	body.spbk li#spbk-menue ul {display: none !important;}
	/* DEPRICATED
	body.spbk li#spbk-menue:hover ul {display: block !important;background: #505050;background: linear-gradient(to bottom, #505050 40%, #303030 60%) repeat-x;color: #FFF;}
	body.spbk li#spbk-menue:hover ul ul ul {display: none !important;}
	*/
	
	/* 2 unterschiedliche Ausklapp-Varianten */
	body.spbk li#spbk-menue ul ul li.selected ul {display: block !important;}
	/* body.spbk li#spbk-menue ul ul li:hover ul {display: block !important;} */
	
	body.spbk #spbk-menueauswahl {display: block;padding: 4px 0 4px 29px;position:relative; left: -58px;font-family: 'EBGaramond',Georgia,'TimesNewRoman',Times,serif; font-size: 18px;background: url("/Style%20Library/Images/spbk/mapfeil.png") no-repeat scroll 80px 11px !important; }
	body.spbk #spbk-menue #spbk-menueauswahl:before {background: url("/Style%20Library/Images/spbk/menu-arrow-light2.png") no-repeat !important;content: "";left: 18px;padding: 38px;position: relative;top: 29px;}	
	body.spbk #spbk-menue a:before {background: none !important;}
	body.spbk .s4-lp.s4-toplinks .menu-horizontal ul.root li ul li a span span.menu-item-text {padding: 0 !important; margin: 0 !important; }
	
	/* H-Menü: Untermenüs */
	body.spbk #spbk-menue .menu-horizontal li:last-child {border-bottom: none;}
	body.spbk #spbk-menue .menu-horizontal * {background: #FFF ;}
	body.spbk #spbk-menue .menu-horizontal a:hover, body.spbk #spbk-menue .menu-horizontal a:hover * {background: #CCC !important;}
	body.spbk #spbk-menue .menu-horizontal .menu-item {padding-left: 12px !important;border-bottom: 1px solid #e4e4e4;}
	body.spbk #spbk-menue .menu-horizontal .dynamic.menu-item  {padding-left: 18px !important;}	
	body.spbk .s4-toplinks .s4-tn .menu-horizontal ul.static li.static ul.static li a.selected, body.spbk .s4-toplinks .s4-tn .menu-horizontal ul.static li.static ul.static li a.selected span, body.spbk .s4-lp.s4-toplinks .menu-horizontal ul.static li.static ul.static li a:hover {font-style:normal !important;text-decoration:none;background: #CCC !important;font-weight: bold;}
	body.spbk .s4-toplinks .s4-tn .menu-horizontal ul.static li.static ul.static > li:first-child > a:before {float: none !important; position: absolute !important;}
	body.spbk .s4-lp.s4-toplinks .menu-horizontal {height: auto !important;}
	body.spbk #spbk-menue * {overflow:hidden !important; }
	body.spbk .menu ul.dynamic, body.spbk .menu ul.dynamic li a:hover {position: relative !important;overflow: visible !important; top: 0 !important; left: 0 !important;}
	body.spbk .s4-tn ul.dynamic {border: none !important;}
		
	
	body.spbk .s4-lp.s4-toplinks, body.spbk #s4-leftpanel {margin: 9px 3px 9px 6px !important;}
	body.spbk .s4-title {padding: 0 0px !important;}
	body.spbk #outermenue, body.spbk #s4-titlerow {margin: 0 6px;}

	/* Toplinks: Variante 1 
	body.spbk #outermenue a, body.spbk #outermenue a:link, body.spbk #outermenue a:active, body.spbk #outermenue a:focus {display: block;padding: 10px 0;line-height: 1.2em;}
	*/
	
	/* Toplinks: Variante 2 */
	body.spbk #outermenue > span {display: block;text-align: left;width: 100%;}
	body.spbk #outermenue a, body.spbk #outermenue a:link, body.spbk #outermenue a:active, body.spbk #outermenue a:focus {padding:0;}
	body.spbk #outermenue a:after {content: " | ";}
	body.spbk #outermenue a:last-child:after {content: "";}
	
	body.spbk .s4-ba {margin: 0 3px;}
	body.spbk #footer {margin: 0 0 0 6px;}
	body.spbk #outermenue {text-align: left; right: 0;}
	body.spbk #outermenue {top: 0 !important;}
	body.spbk .s4-titletext {display: run-in;vertical-align:inherit;}
	body.spbk #spbkBc {margin: 3px 0 !important;}
	body.spbk .s4-title.s4-lp {height: auto !important;margin: 1em 0;}
	body.spbk #s4-searcharea {display: none;}
	body.spbk .s4-lp.s4-toplinks {height: auto !important;}
	body.spbk .s4-lp.s4-toplinks .menu-horizontal {position: relative; margin-left: 0px;}
	
	body.spbk .s4-lp.s4-toplinks {background-color: #fff !important;margin: 0 !important;}
	body.spbk .s4-lp.s4-toplinks .menu-horizontal {display: inline !important;}
	body.spbk .s4-lp.s4-toplinks .menu-horizontal ul.root li a {color: #505050;}
	body.spbk .s4-lp.s4-toplinks .menu-horizontal ul.root li a:hover {color: #fff;}
	body.spbk .s4-lp.s4-toplinks .menu-horizontal ul.root li ul a {height: auto;}
	body.spbk .s4-lp.s4-toplinks .menu-horizontal ul.root li ul li a span span.menu-item-text {padding: 0;font-size: inherit;}
	.menu-horizontal li.static, .menu-horizontal a.static, .menu-horizontal span.static {float: none !important;}
	body.spbk #s4-leftpanel-content .menu-vertical {margin: 0 !important;}
	body.spbk #s4-leftpanel {float: none;margin-right: 1em;}
	body.spbk #MSO_ContentTable {margin: 0;}
	body.spbk .s4-ba {padding: 0;}
	body.spbk .spbk-Grid-BorderBottom {display:none;}
	body.spbk .spbk-Grid-Row-Top .floatLeft, body.spbk .spbk-Grid-RowBottom .floatLeft, body.spbk .spbk-Grid-Row-Top.afterBottom .floatLeft, body.spbk .spbk-Grid.lastRowBottom .floatLeft {float:none;}
	body.spbk .spbk-Grid-Row-Top .floatRight, body.spbk .spbk-Grid-RowBottom .floatRight, body.spbk .spbk-Grid-Row-Top.afterBottom .floatRight, body.spbk .spbk-Grid.lastRowBottom .floatRight {float:none;}
	body.spbk .spbk-Grid-50.floatRight {padding: 3px 0 0 !important;}
	body.spbk #footer {background-position: right bottom;}
	body.spbk #footer p.spbkAnkerTop {margin-bottom: 1em !important;float: none;}	
	body.spbk #footer p.spbkAnkerTop a {padding-left: 6px;}
	body.spbk #footer_inner {height: auto !important; }
	body.spbk #footer_inner, body.spbk #footer_inner #service_nav, body.spbk #footer_inner #service_nav li {display: inherit !important;}
	body.spbk #footer_inner #service_nav {padding: 3px 0;}
	body.spbk #footer_inner #service_nav li {padding: 0 6px;}
	
	body.spbk #footer_inner #service_nav * {display: block !important;}
	
	
	/* Slider */
	.floatbox {position:relative;}
	.floatboxpic img  {width: 100%;}
	.floatboxpic img  {width: 100%;}
	.floatboxtxt {border-bottom: 1px dotted #644E81;margin-bottom: 15px;padding:4px;position:absolute;bottom: 10%;background: #fff;opacity: 0.75;margin-right: 10%;}
	.floatboxtxt p {display: none;}
	
	/* NEW */
	body.spbk #spbk-menue {background: #644E81 !important;}
	body.spbk .ms-WPBody {padding: 0 !important;}
	body.spbk .spbk-Grid-Row.spbk-padding0 .ms-WPBody {padding: 0 !important;}	
	.s4-titlelogo img {max-width: 377px !important;width: 100% !important;}
	body.spbk #s4-workspace .coda-slider h1 {font-size: 20px !important;}
	body.spbk #s4-workspace .coda-slider h2 {font-size: 12px !important;}
	body.spbk .spbkSlideshow .coda-slider div.teaserbox {padding: 0 !important;}
	body.spbk #s4-workspace #spbk-leftcolumn .spbk-Grid-Border table div.ms-WPBody[id^="WebPartctl00"] {padding-bottom: 0 !important;}	
	body.spbk .spbk-Grid-25 {width: 100%; }
	body.spbk .spbk-Grid-Border {margin: 0 3px 4px 6px !important;padding: 4px 4px 0 !important;}
	body.spbk .spbk-Grid-Row.spbk-padding0 .ms-WPBody .spbk-picbox {padding: 0 !important;margin: 0 0 4px !important;}
	.spbk-picbox img {height: auto !important;}
	#spbk-rightcolumn .spbk-rteElement-fullpic img, .spbk-rteElement-pic img {left: 0; top: 0;width: 100% !important;height: auto !important;}
	body.spbk .spbk-Grid-Border .ms-rtestate-field, body.spbk .ms-rtestate-field {padding: 0 !important;}
	.ms-rtestate-field .spbk-rteElement-fullpicname {position: absolute !important; bottom: 30px !important; left: 12px !important;}
	.ms-rtestate-field .spbk-rteElement-fullpicrole {position:absolute !important; bottom: 12px !important; left: 12px !important;}
	h3.spbk-rteElement-quote {margin: 0 !important; padding: 0 1em !important; font-size: 14px !important;}
	.spbk-rteTableEvenRow-default td, .spbk-rteTableOddCol-default td {float: left;text-align: center;width: 100% !important;border-top:1px dotted #644E81;padding: 1em 0;overflow: hidden;}
	.spbk-rteElement-fullpic {margin-bottom: -24px !important;}
	body.spbk #footer_inner #service_nav li a, body.spbk .spbkAnkerTop > a {font-size: 12px !important;}
	body.spbk .spbk-rteElement-header.spbk-absolute {top: 30%; width: auto;min-width: 40%;margin-left: 4px;}
	
	/*
	body.spbk #s4-workspace .coda-slider-wrapper .coda-slider .panel-container .panel .floatboxpic {width: 59% !important;}
	body.spbk #MSO_ContentTable .coda-slider-wrapper .coda-slider .panel-container .panel .floatboxtxt {width: 36% !important;}
	.coda-slider-wrapper .coda-slider .panel-container .panel {width: 600px !important;}
	.coda-slider-wrapper .coda-slider .panel-container .panel .floatbox {display: inline-block !important;}
	.coda-slider-wrapper .coda-slider .panel-container .panel .floatbox .floatboxtxt {right: -60px;bottom: -16px;}
	*/
	/*body.spbk #MSO_ContentTable .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {top: auto !important; bottom: 0 !important;}*/
	body.spbk #MSO_ContentTable .coda-slider-wrapper .coda-slider .panel-container .panel .floatboxtxt {top: 75px !important;left: 50x !important; margin-left: 50px !important;	height: 175px !important;width: 250px !important;overflow:hidden !important;opacity: 0.7;background: #644E81 !important;padding: 12px 36px !important;}
	body.spbk #MSO_ContentTable .coda-slider-wrapper .coda-slider .panel-container .panel .floatboxtxt *,
	body.spbk #MSO_ContentTable .coda-slider-wrapper .coda-slider .panel-container .panel .floatboxtxt a:link {color: #fff !important;}
	body.spbk #MSO_ContentTable .coda-slider-wrapper .coda-slider .panel-container .panel .floatboxtxt a {background: url("/Style%20Library/Images/spbk/link-fff.png") no-repeat 0 2px;}
	body.spbk #s4-workspace .coda-slider-wrapper .coda-nav-left a,
	body.spbk #s4-workspace .coda-slider-wrapper .coda-nav-right a {height: 31px !important; width: 31px !important;background-position: -9px -6px;}
	
	body.spbk #s4-workspace .spbk-Grid-Row .coda-slider-wrapper {height: 364px !important;}
	body.spbk #s4-workspace .spbk-Grid-Row .coda-slider-wrapper .coda-slider .panel-container .panel {width: 749px;}
	body.spbk #s4-workspace .spbk-Grid-Row .coda-slider-wrapper .coda-slider .panel-container .panel .floatboxtxt {margin: 0 !important; padding: 0 !important;top: 150px !important;opacity:0.8;border: none !important; height: 175px !important;}
	body.spbk #s4-workspace .spbk-Grid-Row .coda-slider-wrapper .coda-slider .panel-container .panel .floatboxpic img {height: auto !important;}
	

	/* Klassen für Redakteure */
	body.spbk .spbk-image-map {
		overflow: auto !important;
	}
	
	body.spbk .spbk-widthUnset,
	body.spbk #spbk-rightcolumn .spbk-rteElement-fullpic img.spbk-widthUnset,
	.spbk-rteElement-pic img.spbk-widthUnset,
	body.spbk #s4-workspace div.ms-WPBody > img.spbk-widthUnset,
	body.spbk .spbk-Grid-Row.spbk-padding0 .ms-WPBody img.spbk-widthUnset {
		width: initial !important;
		max-width: none !important;
		height: auto !important;
	}
	body.spbk .spbk-widthUnsetCenter,
	body.spbk #spbk-rightcolumn .spbk-rteElement-fullpic img.spbk-widthUnsetCenter,
	.spbk-rteElement-pic img.spbk-widthUnsetCenter,
	body.spbk #s4-workspace div.ms-WPBody > img.spbk-widthUnsetCenter,
	body.spbk .spbk-Grid-Row.spbk-padding0 .ms-WPBody img.spbk-widthUnsetCenter {
		width: auto !important;
		max-width: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display:block !important;
		height: auto !important;
	}	
	/* END */

}