/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.caption{max-width:100%}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
legend{width:100%;display:block;font-weight:bold;border:0}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type="file"]{cursor:pointer}select,input[type="file"]{display:block}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type="radio"],input[type="checkbox"]{margin:0 3px 0 0}input[type="radio"],input[type="checkbox"],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background:transparent}input[type="submit"],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type="submit"]:hover,.button:hover{text-decoration:none;background-position:0 -15px !important}input[type="submit"]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px !important}input[type="submit"].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type="submit"].blue:active,.button.blue:active{background-color:#2e95b3}input[type="submit"].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type="submit"].green:active,.button.green:active{background-color:#4f9f4f}input[type="submit"].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type="submit"].orange:active,.button.orange:active{background-color:#f28f04}input[type="submit"].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type="submit"].red:active,.button.red:active{background-color:#be322b}
/* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen <http://iaian7.com>, MIT-style license */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}
/*
* pe_schule.css für CSS der ganzen Website
* Fast-Doc UG (haftungsbeschränkt) Berlin
* www.fast-doc.berlin
*
* Aufbau entsprechend dem Box-Modell 
* 	=> body
* 	=> #wrapper
* 	=> #header
* 	=> #container
* 	=> #main
* 	=> #left
* 	=> #right
* 	=> #footer
* 
* 	=> Typografie 
* 
* 	=> #... Hauptnavigation
* 	=> #... Individuelle Navigatin
* 	=> #... Meta-Navigation für start | sitemap | impressum | kontakt
* 
* 	Farben: HTML hexadezimal
* 	Schreibweise:
* 
* #div .class ul li {
* 	margin-top: 10px;
* }
* 	
*	Styleguide Pflegeelternschule Berlin
*
* Raster:
* 24 px kleinste Einheit 6px
* 
* Maße: 
* 960 px x 600 px Höhe variabel je nach Textlänge oder Scrollbalken?
* 
* Farben Logo:
* Grün: 97be0d hexadezimal, 152,191,14 RBG
* Rot: b21f17 hexadezimal, 178,31,23 RBG.
* Farbe Balken:
* Hellgrün #e9f1cc wie auch Textfläche
* Gelb #facc14
* Rot der Rollover Schrift wie Logofarbe
* 
* Farbe Footer:
* Grün wie Logo
* 
* Farbe Schrift:
* Menübalken und Kontaktinfos: Grün #75930a
* Lesetext: #565655
* 
* Schriftgrößen:
* Menü: Meta Bold 13 pt
* Lesetext: Meta normal 13 pt   Zeilenabstand 18 pt
* 
* Textfläche im CSS anlegen mit abgerundeten Ecken wie Logo (in etwa Faktor 2)
* 
* 
*/

/* body */
body {
	background-color: #e9f1cc;
}
/* end body */

/* Typografie */
/* Meta-Book OT einbinden */
/* first for IE 4–8 */
@font-face {
    font-family: MetaWeb-Book;
    src: url("../../files/pe_schule/css/fonts/MetaWeb-Book.eot");
}
/* then for WOFF-capable browsers */
@font-face {
    font-family: MetaWeb-Book;
    src: url("../../files/pe_schule/css/fonts/MetaWeb-Book.woff") format("woff");
}

/* first for IE 4–8 Kapitälchen */
@font-face {
    font-family: MetaScWeb-Book;
    src: url("../../files/pe_schule/css/fonts/MetaScWeb-Book.eot");
}
/* then for WOFF-capable browsers Kapitälchen */
@font-face {
    font-family: MetaScWeb-Book;
    src: url("../../files/pe_schule/css/fonts/MetaScWeb-Book.woff") format("woff");
	
}
@font-face {
	font-family: MetaWeb-Book;
	src: url("../../files/pe_schule/css/fonts/MetaComp-Book.ttf");
}

/* ende Meta-Book OT einbinden */

body {
	font-family:"MetaWeb-Book", Arial, sans-serif;
	font-size: 13px;
	line-height: 1.417;
	color: #565655;
	}

a {
		color: #b21f17;
		text-decoration: none;
	}
	
a:hover {
	color: #b21f17; text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 { margin:0 0 8px 0;}
h1 { font-size:1.5em; color: #b21f17;} h2{font-size:1.333em;} h3{font-size:1.167em;}

/* list*/
 ul {
    list-style-type: square;
    padding-left: 12px;
}
 ul ul {
    list-style-type: circle;
    padding-left: 15px;
}
/* end list */

/* end Typografie */


/* #wrapper */
#wrapper {
	position: relative;
	margin-top: 24px;
	background-color: #ffffff;
	border: 1px solid #75930a;
	border-radius: 6px; 
	
			}
/* end #wrapper */

/* #header */
#header	{height:96px;}
#header .inside {position: relative;z-index: 999; }

#header .logo {
	position: absolute;
	top: 24px;
	left: 24px;
	z-index: 1000;
}
#header #logo img { display:block;}

#header address {
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	line-height:1.3;	
	color:#75930a;
float:left; margin:24px 0 0 186px;

}
#header address p { margin:0 0 5px 0;}

#header address .boxleft{border-right: 1px solid #75930a; float: left; padding-right: 10px;}
#header address .boxright {float: left; padding-left: 10px;}

/* end #header */

/* #container */
#container {
	background-image: url("../../files/pe_schule/css/img/berlin_skyline.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}
#container{min-height:1px;}
/* end #container */

/* #main */
#main .inside {
/*	width: 528px;*/
	min-height: 336px;
/*	margin-left: 180px;*/
	margin-bottom: 85px;
	background-color: #e9f1cc;
	padding:10px;
	font-size:1.083em;
	border-radius: 6px;
}
/* end #main */

/* #left */

/* end #left */

/* #right */
#right .inside{ margin:1px 10px 0 10px;
	
}
#right .infobox2 { margin:20px 0 0 0;}
#right .infobox2 .ce_image{ float:left; margin:0 12px 0 0;}
/* end #right */

/* #footer */
#footer {
	min-height: 24px;
	background-color: #97be0d;
}
/* end #footer */


/* #custom unterhalb header Hauptnavigation */
#mainnav .mod_navigation {
	background-color: #e9f1cc;
	height: 24px;
	margin: 0 0 36px 0;
	overflow:visible;
	clear:both;
	

}
#mainnav .mod_navigation ul {
	float: left;
	width: auto;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 180px;
}
#mainnav .mod_navigation ul li {
	float: left;
	width: auto;
	padding: 0; 
}

#mainnav .mod_navigation li a,
#mainnav .mod_navigation  li span {
	font-weight: normal;
	text-decoration: none;
	color: #75930a;
	display: block;
	line-height: 24px;
	padding: 0 6px;
	font-size:15px;
}

#mainnav .mod_navigation .active, #mainnav .mod_navigation .trail {
	/*background-image: url("../../files/pe_schule/css/img/haken_links");
	background-position: bottom center;
	background-repeat: no-repeat;*/
	color: #b21f17;
	background-color: #facc14;
}
#mainnav .mod_navigation ul.level_1 li { position:relative;}

#mainnav .mod_navigation li.active:after, #mainnav .mod_navigation li.trail:after/*,#mainnav .mod_navigation li:hover:before*/{	  
    display: block;
    left: 30%;
    position: absolute;
    top: 36px;
	content:url("../../files/pe_schule/css/img/haken_links.png");	
	}
	
	
#mainnav .mod_navigation li.active:nth-last-child(-n+2):after/*,#mainnav .mod_navigation li:nth-last-child(-n+2):hover:before*/{	  
    display: block;
    left:0;
	margin-left:-40px;
    position: absolute;
    top: 36px;
	content:url("../../files/pe_schule/css/img/haken_rechts.png");	
	}	

#mainnav .mod_navigation a:hover,
#mainnav .mod_navigation a:focus {
	color: #b21f17;
	background-color: #facc14;
}
/*
#mainnav .mod_navigation ul.level_2  {
	float: none;
	width: auto;
	height: auto;
	position: absolute;
	z-index: 99999;
	background: #FFF;
	opacity: 0;
	transition-delay: 0s, 0.2s;
	transition-duration: 0.2s, 0s;
	transition-property: opacity, visibility;
	visibility: hidden;
	white-space: nowrap;	
}

#mainnav .mod_navigation ul.level_2 {margin:0; background-color: #FFF;}
#mainnav .mod_navigation ul.level_2 li {float:left;}

#mainnav .mod_navigation  li:hover ul.level_2 {
    opacity:0.7;
    transition-delay: 0s, 0s;
    visibility: visible;
} 
*/
/* #header Hauptnavigation  */

/* #...  Navigatin im Artikel */
#main .inside .mod_navigation {margin:10px 0 0 0;}
/* end #... Navigatin im Artikel */

/* #footer Meta-Navigation */
#footer .mod_customnav ul {
	float: left;
	width: auto;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 174px;
}
#footer .mod_customnav ul li {
	float: left;
	width: auto;
	padding: 0;
}

#footer .mod_customnav a,
#footer .mod_customnav span
 {
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	display: block;
	line-height: 24px;
	padding: 0 6px;
}
#footer .mod_customnav a:hover,
#footer .mod_customnav a:focus {
	font-weight: normal;
	text-decoration: underline;
	color: #b21f17;
	
}
/* end #footer Meta-Navigation */

/* sitemap */
.mod_sitemap ul {
    list-style-type: square;
    padding-left: 12px;
}
.mod_sitemap ul ul {
    list-style-type: circle;
    padding-left: 15px;
}

/* end sitemap */

/*form*/
.formbody {width:90%}
.pfform {}
.pfform label { display:block;}	
.pfform .explanation {margin:20px 0 0 0; font-style:italic;}

.pfform .textarea {
    
    min-height: 220px;
	margin-bottom:15px;
	padding:6px;
}

.pfform p.error {
	color: #FF3535;
	margin: 3px 0;
}
.pfform input[type="text"].error,.pfform input[type="email"].error, .pfform textarea.error {
    border: 1px solid #FF3535;
}

.pfform input[type="text"].captcha {
    display:inline;
    margin:5px 5px 0 0;
    text-align: center;
	width:40px;
   
}

.pfform input[type="text"], .pfform input[type="password"], .pfform input[type="date"], .pfform input[type="datetime"], .pfform input[type="email"], .pfform input[type="number"], .pfform input[type="search"], .pfform input[type="tel"], .pfform input[type="time"], .pfform input[type="url"], textarea {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    /*box-shadow: 3px 3px 6px #CFCFCF inset;*/
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 10px;
    padding: 3px 6px;
    transition: all 0.15s linear 0s;
	color: #333;
    width: 100%;}
.pfform input[type="text"]:focus,  .pfform input[type="password"]:focus,  .pfform input[type="date"]:focus,  .pfform input[type="datetime"]:focus,  .pfform input[type="email"]:focus,  .pfform input[type="number"]:focus,  .pfform input[type="search"]:focus,  .pfform input[type="tel"]:focus,  .pfform input[type="time"]:focus,  .pfform input[type="url"]:focus, textarea:focus {
    background: none repeat scroll 0 0 #F4F4F4;
    border-color: #BBBBBB;
    outline: 0 none;
}		

.pfform input[type="submit"], .button {font-size:14px; margin:15px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
/*End form*/

/*Map Blase*/
/*.gm-style-iw[style] {min-width:180px !important; min-height:100px !important;}
.routinglink input[type="text"] {width:150px !important;}
.routinglink input[type="submit"] {padding: 4px; !important; margin:0 0 0 2px !important; vertical-align:top;}*/
/*End Map Blase*/

/* Tabs - tabcontrol */
.tabcontrol_tabs {
	margin:5px 0 5px 0;
}
.tabcontrol_tabs ul {margin:0; padding:0;}
.tabcontrol_tabs li.tabs {
	  margin: 0 10px 0 0 !important;
	  padding: 0 !important;
	  list-style: none !important;
	  /*display: inline !important;*/
	  color: #75930a; word-wrap: normal !important
}
.tabcontrol_tabs li:hover, .tabcontrol_tabs li.selected {
	text-decoration: underline;
	cursor: pointer;
	color: #75930a;
}

.tabcontrol_tabs li.tabs:before {
	 border-bottom: 5px solid transparent;
	 border-top: 5px solid transparent;
	 border-left: 5px solid #75930a;
	 width: 0;
	 height: 0;
	 content: " ";
	 display: inline-block;
	 margin: 0 5px 0 0;
	 
}
/* #End Tabs - tabcontrol */

.ce_download .mime_icon {
    vertical-align: text-bottom;
}


@media (max-width:767px)
{
#main .inside {margin-bottom:10px;}
#right .inside {margin-bottom:200px;}
#mainnav .mod_navigation li.active:after,#mainnav .mod_navigation li.trail:after,#mainnav .mod_navigation li.active:nth-last-child(-n+2):after,#mainnav .mod_navigation ul.level_2 li {display: none;}
#header .logo { position:static; margin:5px auto; max-width:114px;}	
#header address {float:none; margin:auto; text-align:center; }
#header address .boxleft{border-right:none; float:none; padding:0;}
#header address .boxright {float:none; padding-left: 0px;}
#header{ height:auto;}

#mainnav .mod_navigation{ height:auto; overflow:hidden; float:none;}
#mainnav .mod_navigation ul {margin:0;}
#footer .mod_customnav ul {margin:0; width:100%; } #footer .mod_customnav ul li{float:none; width:100%; text-align:center; }
		

}