/* CSS-STYLES LEHRPLAN-UEBERSICHT (LPU) */


div#lpu_main_wrapper {

width: 	700px;
height: 635px;
border: 1px solid #cccccc;
padding-top: -1em;
}

div#lpu_inner_wrapper {
float:left;
width: 630px;
height: 550px;
/* background-image: url('../images/lp21_web_hg_inner_wrapper.png'); /* 2.2.13 - ersetzt von Adrian, PNG-File*/
background-repeat: repeat-y;	
margin-bottom: 5px;

}


div#lpu_uefa_themen {
float:left;
width: 690px;
height: 610px;	
background-color: #9D9F8E;
}



div#lpu_uefa_kompetenzen {
float:left;
width: 660px;
height: 580px;	
background-color: #BCBEAC;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
margin-bottom: 5px;
}


div#lpu_uefa_themen p {
	font-family: DINWeb-Bold, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #ffffff;
	text-align: right;
	margin-right: 8px;
	float:right;

		}


div#lpu_uefa_kompetenzen p {
	font-family: DINWeb-Bold, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #ffffff;
	text-align: right;
	margin-right: 8px;
		}
		
		

div#lpu_header {
	height: 40px;

	}
	
div#lpu_header p {
	font-family: DINWeb-Bold, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	padding: 4px 4px 2px 4px;
	margin:0px;
	float:left;

	}	
	
div#lpu_header p.mager {
	font-family: DINWeb, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 4px 2px 4px;
	font-weight: normal;
	margin:0px;
	float:left;
	clear:both;
	}		

div#lpu_header_z1 {
	float: left;
	width: 200px;
	background-color:#FCF3E0;
	}

div#lpu_header_z2 {
	float: left;
	width: 200px;
	background-color:#E0EFF4; 
}

div#lpu_header_z3 {
	float: left;
	width: 200px;
	background-color:#F2F9E8; 
}


div#lpu_fachbereiche {
margin-top: 30px;
}

div#lpu_fachbereiche p {
	font-family: DINWeb-Bold, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left !important;
	padding: 4px 4px 2px 4px;
	margin:0px;
	float:left;

	}	
	
	
	
div#lpu_fachbereiche p.eingezogen {
	font-family: DINWeb-Bold, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left !important;
	padding: 4px 4px 2px 60px;
	margin:0px;
	float:left;
	}
	
		

div#lpu_schulsprache {
float: left;
clear:both;
width: 600px;
background-image: linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -o-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -moz-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -webkit-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -ms-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);

background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.51, rgb(213,213,199))
);
height: 1.7em;


filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8'); /* IE6 & IE7 */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8')"; /* IE8 */




}

div#lpu_fremdsprache_1 {
float: left;
clear:both;
position: relative;
left: 199px;
width: 401px;
background-color:#D5D5C7;
margin-top: 1px;
height: 1.7em;
}


div#lpu_fremdsprache_2 {
float: left;
clear:both;
position: relative;
left: 300px;
width: 300px;
background-color:#D5D5C7;
margin-top: 1px;
height: 1.7em;

}

div#lpu_fremdsprache_2 {
float: left;
clear:both;
position: relative;
left: 340px;
width: 260px;
background-color:#D5D5C7;
margin-top: 1px;
height: 1.7em;

}


div#lpu_fremdsprache_3 {
float: left;
clear:both;
position: relative;
left: 399px;
width: 201px;
background-color:#D5D5C7;
margin-top:1px;
height: 1.7em;

}


div#lpu_latein {
float: left;
clear:both;
position: relative;
left: 399px;
width: 201px;
background-color:#D5D5C7;
margin-top:1px;
height: 1.7em;

}



div#lpu_mathematik {
float: left;
width: 600px;
margin-top: 10px;
background-image: linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -o-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -moz-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -webkit-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -ms-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);

background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.51, rgb(213,213,199))
);

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8'); /* IE6 & IE7 */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8')"; /* IE8 */

}


div#lpu_nmg{
float: left;
width: 399px;
margin-top: 10px;
background-image: linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -o-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -moz-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -webkit-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -ms-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);

background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.51, rgb(213,213,199))
);

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8'); /* IE6 & IE7 */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8')"; /* IE8 */

}

div#lpu_nmg_sub {
width: 201px;
float:left;	
}


div#lpu_nmg_sub p {
	font-family: DINWeb-Bold, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 1.4em;
	text-align: left;
	padding: 4px 4px 2px 4px;
	margin:0px;
	}	
	
div#lpu_nmg_sub p.mager {
	font-family: DINWeb, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 1.4em;
	text-align: left;
	padding: 0px 4px 2px 4px;
	margin:0px;

	}


div#lpu_nmg_sub-1 {
float:right;
width: 201px;
background-color:#D5D5C7;
margin-top: 10px;
}


div#lpu_nmg_sub-2, div#lpu_nmg_sub-3, div#lpu_nmg_sub-4   {
float:right;
clear:both;
width: 201px;
background-color:#D5D5C7;
margin-top: 0px;
border-top: 1px dotted #000000;
}
	
	
	


div#lpu_bildnerisches_gestalten {
float: left;
clear:both;
width: 600px;
margin-top: 10px;
background-image: linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -o-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -moz-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -webkit-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -ms-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);

background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.51, rgb(213,213,199))
);

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8'); /* IE6 & IE7 */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8')"; /* IE8 */

}

div#lpu_texttech_gestalten {
float: left;
clear:both;
width: 600px;
margin-top: 5px;
background-image: linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -o-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -moz-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -webkit-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -ms-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);

background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.51, rgb(213,213,199))
);

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8'); /* IE6 & IE7 */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8')"; /* IE8 */

}
	


div#lpu_musik {
float: left;
clear:both;
width: 600px;
margin-top: 10px;
background-image: linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -o-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -moz-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -webkit-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -ms-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);

background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.51, rgb(213,213,199))
);

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8'); /* IE6 & IE7 */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8')"; /* IE8 */

}
	
	
	
	
div#lpu_bewegung_sport {
float: left;
clear:both;
width: 600px;
margin-top: 10px;
background-image: linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -o-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -moz-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -webkit-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);
background-image: -ms-linear-gradient(left , rgb(255,255,255) 0%, rgb(213,213,199) 51%);

background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.51, rgb(213,213,199))
);

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8'); /* IE6 & IE7 */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#D5D4C8')"; /* IE8 */



}

/* VERTIKALES DIV FÜR ERGÄNZUNGEN ZU FACHÜBERGREIFENDEN THEMEN */
		
div.ft_vertical  {
	margin:0px;
	padding:0px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	position: relative;
	left: -24px;
	bottom: 20%;
	color:#fff;
	font-family: DINWeb;
	display:block;
	font-size: 13px !important;
	height: 1em;

}


/* ENDE VERTIKALES DIV FÜR ERGÄNZUNGEN ZU FACHÜBERGREIFENDEN THEMEN */

/* VERTIKALES DIV FÜR ERGÄNZUNGEN ZU FACHÜBERGREIFENDEN KOMPETENZEN */
		
div.ft_vertical_komp  {
	margin:0px;
	padding:0px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	position: relative;
	left: -54px;
	bottom: 25%;
	color:#fff;
	font-family: DINWeb;
	display:block;
	font-size: 13px !important;
	height: 1em;

}

div.ft_vertical_komp a.grafiklink {text-decoration:none; color:#FFF;}
div.ft_vertical_komp a:hover {text-decoration:underline; color:#FFF;}


/* ENDE VERTIKALES DIV FÜR ERGÄNZUNGEN ZU FACHÜBERGREIFENDEN KOMPETENZEN */








div#lpu_fachbereiche div p.eingezogen a.grafiklink, div#lpu_fachbereiche div#lpu_nmg_sub div p a.grafiklink, div#lpu_fachbereiche div#lpu_fremdsprache_1 p a, div#lpu_fachbereiche div#lpu_fremdsprache_2 p a, div#lpu_fachbereiche div#lpu_fremdsprache_2_FL p a, div#lpu_fachbereiche div#lpu_fremdsprache_3 p a, div#lpu_fachbereiche div#lpu_latein p a {text-decoration:none;}

div#lpu_fachbereiche div p.eingezogen a.grafiklink:hover, div#lpu_fachbereiche div#lpu_nmg_sub div p a.grafiklink:hover, div p a.grafiklink1:hover, div.ft_vertical a.grafiklink:hover, div#lpu_fachbereiche div#lpu_fremdsprache_1 p a.grafiklink:hover, div#lpu_fachbereiche div#lpu_fremdsprache_2 p a:hover, div#lpu_fachbereiche div#lpu_fremdsprache_3 p a:hover, div#lpu_fachbereiche div#lpu_latein p a:hover {text-decoration:underline;}

div p a.grafiklink1, div.ft_vertical a.grafiklink {text-decoration:none; color:#FFF;}



div#lpu_inner_wrapper_nmg {
float:left;
/*width: 600px;*/
height: 235px;
background-image: url('../images/lp21_web_hg_inner_wrapper.png'); /* 2.2.13 - ersetzt von Adrian, PNG-File*/
background-repeat: repeat-y;	
margin-bottom: 5px;

}
div#lpu_main_wrapper_nmg {

/*width: 	600px;*/
height: 235px;
border: 1px solid #cccccc;
padding-top: -1em;
}


div#lpu_inner_wrapper_gestalten{
float:left;
/*width: 600px;*/
height: 144px;
background-image: url('../images/lp21_web_hg_inner_wrapper.png'); /* 2.2.13 - ersetzt von Adrian, PNG-File*/
background-repeat: repeat-y;	
margin-bottom: 5px;

}
div#lpu_main_wrapper_gestalten {

/*width: 	600px;*/
height: 144px;
border: 1px solid #cccccc;
padding-top: -1em;
}


div#lpu_inner_wrapper_langues{
float:left;
/*width: 600px;*/  
height: 194px;
background-image: url('../images/lp21_web_hg_inner_wrapper.png'); /* 2.2.13 - ersetzt von Adrian, PNG-File*/
background-repeat: repeat-y;	
margin-bottom: 5px;

}
div#lpu_main_wrapper_langues {

/*width: 	600px;*/
height: 194px;
border: 1px solid #cccccc;
padding-top: -1em;
}

.left {float:left;}

.abstand {margin-right:12px;}

div#suchanzeige p {
	font-family: DINWeb-Bold, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;

	}