/*
Theme Name: fro-design
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: Designtemplate für die Fritz-Reuter-Oberschule
Author: Thomas Feder
Author URI: 
*/





/*****************************************Standart******************************************/

html {overflow-y: scroll; 
	  margin-top: -28px !important; 
} 

* html body { margin-top: -28px !important; 
} 

* {margin: 0;
   padding: 0;
}




/*****************************************Links******************************************/

a {color: #000; 
   text-decoration: underline;
}

a:hover {color: #444;
		 text-decoration: none;
}

.gal a,
.left-post a{color: #fff; 
			font-weight: bold; 
			text-decoration: none;
			background-color: #71C8A0; 
			padding: 1px 6px 1px ; 
			font-family: "Arial";
			-webkit-transition: 0.4s;
			-moz-transition:0.4s;
			-o-transition:0.4s;
			transition:0.4s;
}

.welcome a
			{color: #71C8A0; 
			font-weight: bold; 
			text-decoration: none;
			background-color: #fff; 
			padding: 8px 14px 8px ; 
			font-family: "Arial";
			-webkit-transition: 0.4s;
			-moz-transition:0.4s;
			-o-transition:0.4s;
			transition:0.4s;
			font-size: 14px;
}



.gal a:hover,
.welcome a:hover,
.left-post a:hover {color: #fff;
				  text-decoration: none;
				  background-color: #000;
}



.right-post a {color: #fff;  
			   text-decoration: none; 
			   font-weight: bold;
			   padding: 1px 6px 1px ;
			   -webkit-transition: 0.4s;
			-moz-transition:0.4s;
			-o-transition:0.4s;
			transition:0.4s;
			background-color: #71C8A0;
			font-size: 1.2em;
			   
}





.ihk a {padding: 0!important;}
.ihk a:hover {opacity: 0.8;}
.zusatz-teaser a {color: #fff; 
			font-weight: bold; 
			font-size: 1.4em;
			text-decoration: none;
			background-color: #71C8A0; 
			padding: 25px 78px 25px 78px; 
			font-family: "Arial";
			-webkit-transition: 0.4s;
			-moz-transition:0.4s;
			-o-transition:0.4s;
			transition:0.4s;			
}

.zusatz-teaser2 a {color: #fff; 
			font-weight: bold; 
			font-size: 1.4em;
			text-decoration: none;
			background-color: #71C8A0; 
			padding: 25px 62px 25px 62px; 
			font-family: "Arial";
			-webkit-transition: 0.4s;
			-moz-transition:0.4s;
			-o-transition:0.4s;
			transition:0.4s;
}


.right-post	a:hover {
					color: #fff;
					 text-decoration: none;
					 background-color: #000;
}

.zusatz-teaser a:hover  {color: #fff;
				  text-decoration: none;
				  background-color: #000;
}

.zusatz-teaser2 a:hover  {color: #fff;
				  text-decoration: none;
				  background-color: #000;
}
.fb-like-box {
margin-top: 20px;
}

a img {border: none;}


/*****************************************Body******************************************/

body {
	background: #fff;
	color: #444;
	font: normal 62.5% Arial,sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font: bold 1.8em sans-serif;padding-bottom: 20px;}
h2 {font: bold 1.4em sans-serif;padding-top: 20px!important;}
h3 {font: bold 1.2em sans-serif;}
h4 {font: bold 1.4em sans-serif;line-height: 1.6em;padding-bottom: 15px;} /*footer-headline*/

.left-post h2{padding-top: 6px!important;}

h1,h2,h3 {padding-top: 6px; color: #000; margin-bottom: 4px;}


code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 1em Arial,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

/* structure */
.inner-container {
	
	background: #fff;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 40px 10px 0 10px;
	width: 920px;

}

.outer-container {
	/* background: url('img/container.jpg') no-repeat center bottom; 
	padding-bottom: 64px;*/
}

/* headere & title */

.header {
	background: #eee  url('img/header.jpg') no-repeat ;
	height: 120px;

}

.header .title {
	color: #444;
	padding-top: 40px;
	text-align: left;
	width: 677px;
	float: left;
}

.suche {
	text-align: left;
	width: 200px;
	padding-top: 55px;
	float: left;
}
.header .title .sitename a {
	
	color: #000;
	font: normal 2.2em sans-serif;
	padding-bottom: 2px;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: 0.4s;
			-moz-transition:0.4s;
			-o-transition:0.4s;
			transition:0.4s;
}
.header .title a:hover {color: #71C8A0;}
.header .title .slogan {
	font: normal 1.0em sans-serif;
	font-family: "Arial";

	padding-top: 0px;

}



fieldset.search {
	border: none;
	width: 189px;
	margin: 0 auto;
	background: #fff;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #999;
	font-size: 1em;
	width: 150px;
	height: 20px;
	padding: 5px 5px 0;
	background: #fff url(search_bg.gif) no-repeat;
	margin-right: 1px;
}
.search input.box:focus {
	background: #fff url(search_bg.gif) no-repeat left -38px;
	outline: none;
}
.search button.btn {
	width: 28px;
	height: 28px;
	cursor: pointer;
	text-indent: -9999px;
	background: #71C8A0 url('img/lupe.png') no-repeat top right;
	-webkit-transition: 0.4s;
			-moz-transition:0.4s;
			-o-transition:0.4s;
			transition:0.4s;

}
.search button.btn:hover {
	background: #000 url('img/lupe.png') no-repeat bottom right;
}


/* path */
.path {
	
	background: #fff;
	font: normal 1.2em Verdana,sans-serif;
	padding: 40px 0 0 0; 
	height: 54px;
/* 	border-top: 2px solid #F7F7F7; */

	
}


.path li,.path ul {display: inline;}
.path a {
	position: relative;
	color: #000;
	text-decoration: none;
	border-bottom: 5px solid #fff;
	 margin-right: 10px; 
	margin-bottom: 20px;
	padding: 0 8px 5px 8px;  
	-webkit-transition: 0.4s;
			-moz-transition:0.4s;
			-o-transition:0.4s;
			transition:0.4s;
	
}


.path a:hover ,
.path .home-active,
.path .current_page_item a,
.path .current_page_parent a,
.path .current_page_ancestor a
 {
        border-bottom: 5px solid #71C8A0;
        color: #71C8A0; 
        padding: 0 8px 5px 8px;  
}
.path a:hover  {
        color: #71C8A0;   
}





/* main */

.main-front {
	padding: 0 12px 0 0;
}

.main {
	background: url('img/main.gif') repeat-y;
	border-top: 4px solid #FFF;
	padding: 8px 17px 0 0;
	min-height: 450px;
}

.main-uebersicht {
	background: url('img/main.gif') repeat-y;
	border-top: 4px solid #FFF;
	padding: 0 0 0 0;
	min-height: 450px;
}

.uebersichtsseite-schule{
height: 250px;
background-color: #fff;
background-image: url(img/unsere-schule.jpg);
}

.uebersichtsseite-oberstufe{
height: 250px;
background-color: #fff;
background-image: url(img/oberstufe.jpg);
}

.uebersichtsseite-fachbereiche{
height: 250px;
background-color: #fff;
background-image: url(img/fachbereiche.jpg);
}

.uebersichtsseite-gsv{
height: 250px;
background-color: #fff;
background-image: url(img/gsv.jpg);
}

/*
.uebersichtsseite-projekte{
height: 250px;
background-color: #fff;
background-image: url(img/engls.jpg);
}
*/

/* content */


.content-uebersicht {
	float: right;
	width: 708px;
}
.content-uebersicht .descr {
	color: #999;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content-uebersicht li {
	line-height: 1.7em;
	list-style: url('img/li.gif');
	margin-left: 25px;
}
.content-uebersicht p {font-family: "Arial",sans-serif;
line-height: 1.7em;}


.content-front {
	float: left;
	width: 920px;

}

.content-front .descr {
	color: #999;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content-front li {
	line-height: 1.4em;
	list-style: url('img/li.gif');
	margin-left: 16px;
	border-bottom: color:#ccc!important;
}

.content-front li p {
padding-left: 6px;
padding-bottom: 20px;
padding-top: 5px;
}


/* .content-front p {font-family: "Lucida Sans Unicode",sans-serif;} */

.content-front p {font-family: "Arial",sans-serif;
line-height: 1.7em;}


.content {
	float: right;
	width: 670px;
}
.content .descr {
	color: #999;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	line-height: 1.7em;
	list-style: url('img/li.gif');
	margin-left: 25px;
}
.content p {font-family: "Arial",sans-serif;
line-height: 1.7em;}

.calender{width: 4px;
			height: 16px;
			background-color: #71C8A0;
			float: left;
			margin-top: 2px;
}


/* navigation */

			

.navigation {
	float: left;
	width: 211px;
}
.navigation h2 {
	color: #000;
	font: bold 1.2em arial,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 20px;
	padding-top: 12px!important;
}

.navigation a {
	text-decoration: none; 
}

.navigation ul {
	padding: 0;
	border-top: 1px solid #fff;
}

.navigation li {
	border-bottom: 1px solid #fff;
}

.navigation li a {
	font-size: 1.1em;
	color: #555;
	display: block;
	padding: 8px 0 8px 20px;
	text-decoration: none;
	width: 91%;
	-webkit-transition: 0.4s;
			-moz-transition:0.4s;
			-o-transition:0.4s;
			transition:0.4s;

}

.navigation li a:hover {
	background:  #CAF1E0 ;
	color: #000;	
}

.navigation .current_page_item { background: #CAF1E0; font-weight: 600;}
.navigation .current_page_ancestor { background: #CAF1E0; font-weight: 600;}
.navigation .current_page_item a {color: #000;}



.navigation-uebersicht {
	float: left;
	width: 211px;
}
.navigation-uebersicht h2 {
	color: #000;
	font: bold 1.2em arial,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 20px;
	padding-top: 14px;
}

.navigation-uebersicht a {
	text-decoration: none; 
}

.navigation-uebersicht ul {
	padding: 0;
	border-top: 1px solid #fff;
}

.navigation-uebersicht li {
	border-bottom: 1px solid #fff;
}

.navigation-uebersicht li a {
	font-size: 1.1em;
	color: #555;
	display: block;
	padding: 8px 0 8px 20px;
	text-decoration: none;
	width: 91%;
	-webkit-transition: 0.4s;
			-moz-transition:0.4s;
			-o-transition:0.4s;
			transition:0.4s;

}

.navigation-uebersicht li a:hover {
	background:  #CAF1E0 ;
	color: #000;	
}

.navigation-uebersicht .current_page_item { background: #CAF1E0; font-weight: 600;}
.navigation-uebersicht .current_page_ancestor { background: #CAF1E0; font-weight: 600;}
.navigation-uebersicht .current_page_item a {color: #000;}






li.page_item ul.children {
  display:none;
}

li.current_page_ancestor ul.children,
li.current_page_item ul.children a:hover {
  background: #CAF1E0;
}

li.current_page_ancestor ul.children,
li.current_page_item ul.children {
  display:block;
  margin-left: 10px;
  font-weight: normal;
  background: #E4F8EF;
}

.pagehead {padding-bottom: 10px;

}

.navigation-space {height: 100px;

}

/* posts */

.hi{
	height: 64px;
}
.headline{
	text-decoration: none;
	border-bottom: 2px solid #EBEBEB;
	height: 36px;
}


.left-post{
	float: left;
	width: 530px;

	margin-top: 80px;
}

.left-post-suche{
	float: left;
	width: 660px;
	margin-left: 20px;
	margin-top: 30px;
}

.right-post{
	float: left;
	width: 310px;
    margin: 80px 0 0 60px;
}

.post h2 a {
	color: #664;
	text-decoration: none;
}

.post h2 a:hover {
	color: #553;
}

.post {
			 margin: 5px 0 10px 0 ; 
			}
.left-post .post {
			margin: 6px 0 0 0 ;
			}
			
.content-uebersicht .post {
			margin: 20px 0 0 21px ;
			}

.post .info{
	background: #F5F5F5;
	border: 1px solid #E3E4E4;
	color: #666;
	margin: 2px 0 4px;
	padding: 5px 10px;
}

.post img {
	border: 4px solid #DDD;
	margin: 4px 0;
}

.post a img {border: 4px solid #DDD;}
.post a:hover img {border-color: #CCC;}

.info a {text-decoration: none;}
.info a:hover {text-decoration: underline;}


/* welcome */
.bild {height: 375px;
		width: 920px;
		  float: left;
		  background: #333;
		  background-image: url(img/schule.jpg);
}

.teaser {height: 295px;
		width: 365px;
		  background: #71C8A0;
		  background: -webkit-linear-gradient(left, #71C8A0 , #78CDC2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #71C8A0 , #78CDC2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #71C8A0 , #78CDC2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #71C8A0 , #78CDC2); /* Standard syntax */
		  float:right;
		 margin: 125px 0 0 0;
}

.welcome {  width: 305px;
			margin: 20px 0 0 30px;
		    float: left;
		    color: #fff;

}


/*
.welcome p {  font: normal 1.1em arial,sans-serif;line-height: 1.5em;

}
*/





.welcome h1{  
		    color: #fff;
		    font: bold 3.0em sans-serif;padding-bottom: 10px;

}

/* comments */
.content ol li {
	background: none;
}

.commentlist {margin: 0; padding: 0;}
.commentlist li {
	margin-bottom: 1.2em;
	list-style: decimal;
}
#commentform {
	margin: 1em 0;
	background: #FAFAFA;
	width: 360px;
}
.commentmetadata {padding: 2px 0 4px;}
.commentmetadata a {
	color: #444;
	text-decoration: none;
}
.commentmetadata a:hover {text-decoration: underline;}

textarea.styled {width: 280px;}

.styled {
	font-size: 1.1em;
	background: #F8F7F6;
	border: 1px solid #D6D3D3;
}
.styled:hover {
	background: #FFF;
	border: 1px solid #D6D3D3;
}
.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}

/* calendar */
#wp-calendar {color:#A0A0A0;}

.navigation table caption {border-bottom-color:#000;}

.navigation table thead tr {
  border-bottom-color:#000;
  color:#A53512;
}

.navigation table th {border-bottom-color:#000;}

.navigation table td#today {
  border-color:#000;
  color:#A53512;
}

.navigation table td a {
  border-bottom-color:#000;
  background-color:#EDF3DE;
}

.navigation table tfoot {border-top-color:#000;}

.navigation table tfoot a {background:none;}

/* calendar--------------------------------------------------*/
#wp-calendar {
  display:inline-table;
  border-collapse:collapse;
  width:185px;
  margin:0px 10px 0 10px;
  text-align:center;
}

.navigation table caption {
  margin: -5px 10px 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  letter-spacing: 0.1em;
}

.navigation table thead tr {border-bottom:1px solid;}

.navigation table th {border-bottom:1px solid;}

.navigation table td {
  width: 225px; /* maximaize width; honestly, I don't know much about tables... */
  padding: 1px;
  font-size: 0.9em;
}

.navigation table td#today {
  padding: 0;
  border: 1px solid;
  font-size: 1em;
  font-weight: bold;
}

.navigation table td a {
  display: block;
  border-bottom: 1px solid;
  font-weight: bold;
  font-size: 1.15em;
}

.navigation table tfoot {border-top:1px solid;}
.navigation table tfoot a {
  border: none;
  font-weight: bold;
}
.navigation table tfoot #prev a {text-align:left;}
.navigation table tfoot #next a {text-align:center;}




.alignleft, .left {
  float: left;
  margin-right: 20px!important;
 
}

/*
.alignleft{
margin-bottom: 60px!important;
}
*/

.alignright, .right {
  float: right;
  margin-left: 15px;
}
	.aligncenter, .center {
	display: block;
	margin: 0 auto 20px auto;
	}
	

	/* footer */
	
	.footer {
	background: #71C8A0;
	background: -webkit-linear-gradient(left, #71C8A0 , #78CDC2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #71C8A0 , #78CDC2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #71C8A0 , #78CDC2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #71C8A0 , #78CDC2); /* Standard syntax */
	color: #fff;
	font: normal 1em Arial, sans-serif; 
	margin-top: 4px;
	padding: 40px 40px;
	line-height: 1.6em;
	height: 160px;
	margin-bottom: -20px; 
	}
	
	.footer-left {float: left;
			  width: 220px;
			  height: 130px;
			  margin-right: 30px;
			  border-right: 1px solid #fff; }
			  
	.footer-middle {float: left;
			  width: 180px;
			  height: 130px;
			  margin-right: 30px;
			  border-right: 1px solid #fff; }		  
			
			  
	.footer-right {float: left;
			  width: 80px;
			  height: 130px;
			  }
	
.footer a
			{color: #71C8A0; 
			font-weight: bold; 
			text-decoration: none;
			background-color: #fff; 
			padding: 1px 6px 1px ; 
			font-family: "Arial";
			-webkit-transition: 0.4s;
			-moz-transition:0.4s;
			-o-transition:0.4s;
			transition:0.4s;
}



.footer a:hover {color: #fff;
				  text-decoration: none;
				  background-color: #000;
}