/*
================================================================================
SYNOPSIS
--------------------------------------------------------------------------------
	1) HTML - ELEMENTE
	
	2) Zentrale DIV-Container
		mit ID benannte Elemente in der Reihenfolge ihres Auftreten
	
	3) Untergeordnete DIV-Container
		mit ID benannte Elemente unterhalb der in 2) bezeichneten 
	
	4) Layout-Differenzierung
	
	5) Portalabhängige Einstellungen

		für alle Elemente, in dnenen die Klasse subportal[RUBRIK_ID] 
		eingesetzt wird
		(am Ende, damit zuvor definiert Styles überschrieben werden)


	FARBSCHEMA
	Hintergrund:	#E8E8E8

	Rot:			#BE0C00
	Blau:			#27387A
	
	Grün:			#4E8600
	Dunkelblau:		#00357C
	Orange:		#FF8100

	Schriftgrau: 	#4A4D48


	Änderungen am Layout am 29.01.2008 unter
	#seitenkopf
	#unterportal
	#subnavibericht1
	#subnavibericht2
	#logo

--------------------------------------------------------------------------------
*/






/*
--------------------------------------------------------------------------------
1) HTML - ELEMENTE
--------------------------------------------------------------------------------
*/

body {

	background-color: #E8E8E8;
	margin:0px;
	font-family:Tahoma,Verdana,sans-serif;
	font-size:12px;
	line-height:18px;
}

td, th  {
	margin:0px;
	font-family:Tahoma,Verdana,sans-serif;
	font-size:12px;
	line-height:18px;
}

form {
	margin:0px;
	border:0px;
	display:inline;
}


a {
	text-decoration:none;
	color: #151F43;
}

a:hover {
	text-decoration:none;
}



h1 {
	font-size:12px;
	margin:2px;
	font-weight:bold;
	color:#000000; 
	text-transform:uppercase;
	letter-spacing:2px;
}

h2 {
	font-size:12px;
	margin:0px;
	font-weight:bold;
	color:#000000;
}

h3 {
	font-size:11px;margin:1px;font-weight:bold;
}

h4 {
	font-size:11px;margin:1px;font-weight:bold;
}


hr {
	margin-top:5px;
	margin-bottom:5px;
	border-style:dotted;
	border:0px;
	border-bottom-width:2px;
	padding:2px;
}


/*
--------------------------------------------------------------------------------
2) Zentrale DIV-Container
--------------------------------------------------------------------------------
*/


#body {
	margin:0px;
	padding:0px;
	border:0px;
	float:none;
}

#seitenkopf {
	height:121px !important;
	/*alter Wert: height:95px*/
	overflow:hidden;
}


#standards {
	clear:both;
	height:20px !important;
	margin:0px;
	padding:0px;
	/*margin-left:345px;*/
	margin-right:20px;
	vertical-align:center;
	padding-top:5px;
	text-align:right;

}


#unterportal {
	clear:both;
	height:25px;
   	width:600px;
	/*alter Wert: keine width-Angabe*/
	margin:0px;
	padding:0px;
	margin-left:200px;
	margin-right:20px;
	text-align:left;
	vertical-align:top;
}

/*hier unterportalzusatz schreiben um Medien+Demokratie zu platzieren*/ 
#unterportalzusatz{
	
}

#kopfzusatz {
	clear:both;
	display:block;
	height:30px;
	margin:0px;
	padding:0px;
	margin-right:5px;
	text-align:left;
	vertical-align:top;
}

#brotkrumen {
	width:50%;
	height:20px;
	border-width:1px;
	border-color:#4A4D48;
	border-style:solid;
	padding:3px;
	padding-left:20px;
	padding-right:20px;
	float:left;
}

#suchbox {
	display:inline;
	margin:10px;
	vertical-align:center;
}



#navicontainer{
	clear:both;;
	float:left;
	width:200px !important;
	padding-top:20px;

}



#maincontainer {
	float:left;
	width:50%;
	margin-bottom:40px;
	padding-left:20px;
	padding-right:20px;
	padding-top:40px;
	background-color:#FFFFFF;
	min-height:400px;
}


#kontextcontainer{
	min-width:180px;
	float:left;
	display:block;
	padding-top:30px;
}

#kontext div {
	display:block;
	padding:10px;	
}


#fuss {
	clear:both;
	margin-right:5px;
	margin-bottom:20px;
	margin-top:20px;
	padding-bottom:20px;
}



/*
--------------------------------------------------------------------------------
3) Untergeordnete DIV-Container
--------------------------------------------------------------------------------
*/


#navigation {
	margin-right:20px;
	margin-left:10px;
}




#subnavibericht1 {
	position:absolute;
	left:205px;
	top:140px;
	/*alter Wert: top:100px*/
	z-index:98;
	width:50% !important;
	width:/**/420px;
	height:30px !important;
	display:block;
}

#subnavibericht2 {
	background-color:#E8E8E8;
	border-left:1px #FFFFFF solid;
	border-top:1px #FFFFFF solid;
	border-right:2px #989898 solid;
	border-bottom:2px #989898 solid;
	position:absolute;
	left:205px;
	top:140px;
	/*alter Wert: top:100px*/
	width:200px;
	z-index:99;
	display:none;
}


#subnavibericht1 a.subnavitop {
	padding-left:18px !important;
	background-image:url(../images/pfeilunten1.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	float:left;
}


#subnavibericht2 a.subnavitop {
	padding-left:18px !important;
	background-image:url(../images/pfeilrechts1.gif);
	background-repeat:no-repeat;
	background-position:0px -1px;
}

.subnavibericht a.prev {

	padding-left:18px !important;
	background-image:url(../images/pfeillinks1.gif);
	background-repeat:no-repeat;
	background-position:0px -1px;
}

.subnavibericht a.next {
	
	padding-left:18px !important;
	background-image:url(../images/pfeilrechts1.gif);
	background-repeat:no-repeat;
	background-position:0px -1px;
}

.subnavibericht div {
	padding:3px;
	padding-left:15px;
	font-size:11px;
	color:#4A4D48;
}


.subnavibericht a {
	text-decoration:none;
	color:#4A4D48;
	display:inline;
	position:relative,
}

a.subnavitop, .subnavibericht a.prev,  .subnavibericht a.next {
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
}



  
 

/*
--------------------------------------------------------------------------------
4) Layout-Differenzierung
--------------------------------------------------------------------------------
*/


.row1 td {
	background-color:#F0F0F0;
	text-align:left;
	vertical-align:top;
}
.row2 td {
	background-color:#F9F9F9;
	text-align:left;
	vertical-align:top;
}

#content a {
	text-decoration:underline;
}

#standards a, #fuss a {
	font-size:11px;
	font-weight:bold;
	text-transform:lowercase;
	color:#4A4D48;
	margin:0px;
	margin-right:20px;
	padding-left:15px;
	background-image:url(../images/a_stand_normal.gif);
	background-repeat:no-repeat;
	background-position:0px;	
}

#standards a:hover , #fuss a:hover {
	color:#BE0C00;
	background-image:url(../images/a_stand_hover.gif);
	background-repeat:no-repeat;
}


#logo {
	position:absolute;
	left:0px;
	top:30px;
	/*alter Wert: top:0px*/
	z-index:12px;	
	width:200px !important;	
	height:90px !important;
	padding:0px;

}

#seitenkopf {
	border-style:solid;
	border-width:0px;
	border-bottom-width:5px;
	/* Farbeinstellung via subportal - siehe unten */
}

#unterportal .stand , #unterportal .standaktiv {
	width:145px  !important;
	height:25px;
	float:left;
	overflow:hidden;
}


#unterportal .stand a, #unterportal .standaktiv a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-top:3px;
	width:145px  !important;
	height:25px;
	display:block;
}

/* //medien+demokratie

#unterportal .stand .subportal133, #unterportal .standaktiv .subportal133{
	width:266px  !important;
	height:25px;
	margin-right:133px;
	overflow:hidden;
}
#unterportal .stand a .subportal133, #unterportal .standaktiv a .subportal133{
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	letter-spacing:0;
	text-transform:uppercase;
	padding-top:3px;
	width:245px  !important;
	height:25px;
	display:block;
margin-right:133px;
}


*/
a.brotkrumen {
	background-image:url(../images/pfeil_slim_12x12.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-left:18px;
	margin-left:5px;
}


#navigation a {
	display:block;
	xpadding:1px;
	xmargin:1px;
}

a.navlist {
	color:#4A4D48;
}



.navlist1 {
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:bold;
	border-width:0px;
	padding-top:20px;
	/* Farbe über die Klasse subportal einstellen !!! */
}

.navlist2{
	font-size:11px;
	font-weight:normal;
	padding-left:10px;
}



.navlist3 {
	font-size:11px;
	font-weight:normal;
	padding-left:30px;
}

.navlist4 {
	font-size:11px;
	font-weight:normal;
	padding-left:40px;
}


div.navlist1 {
	margin-bottom:5px;
}

div.navlist2 {
	margin-top:5px;
	margin-top:5px;
}

div.navlist3, div.navlist4 {
	margin-top:5px;
	line-height:12px;
}







#kontext a.printlink {
	background-image:url(../images/printbutton.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	padding-left:30px;
	height:30px;
	padding-bottom:5px;
}

#kontext h3 {
	background-image:url(../images/pfeil_grau_12x12.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	font-size:12px;
	color:#4A4D48;
	font-weight:bold;
	padding-left:20px;
	
}

#kontext .linkbox {
	font-size:11px;
	padding:5px;
	padding-left:10px;
}

#kontext .linkbox div {
	padding:0px;
	padding-left:0px;
}

#kontext .linkbox a {
	xbackground-image:url(../images/pfeil_slim_12x12.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	background-position:0px 3px;
}

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



/*
	--------------------------------
	Bildbehandlung
	--------------------------------
*/



.imageleft {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.imageleft a {
	padding-left:0px;
}


.imageright {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}

.imageright a {
	padding-left:0px;
}


#collage .collage img {
	margin-right:20px;
	border-style:solid;
	border-width:1px;
	border-color:#9A9D98;
}


/*
--------------------------------------------------------------------------------
5) Portalabhängige Einstellungen
--------------------------------------------------------------------------------
*/

.subportal0 {
	/* ROT */
	color: #BE0C00;
	border-color: #BE0C00;
}

.subportal1 {
	/* Grün */
	color: #4E8600;
	border-color: #4E8600;
}

.subportal2 {
	/* Blau */
	color: #27387A;
	border-color: #27387A;
}

.subportal3 {
	/* Orange */
	color: #FF8100;
	border-color: #FF8100;
}

.subportal9 {
	/* Schwarz */
	color: #000000;
	border-color: #000000;
}

.subportal10 {
	/* ROT */
	color: #BE0C00;
	border-color: #BE0C00;
}

.subportal11 {
	/* Orange
	color: #FF8100;
	border-color: #FF8100; */
	/* Schwarz */
	color: #000000;
	border-color: #000000;
}

.subportal12 {
	/* Blau */
	color: #27387A;
	border-color: #27387A;
}
/*
.subportal13 {
	 Schwarz 
	color: #000000;
	border-color: #000000;
}
*/
.subportal14 {
	/* ROT */
	color: #BE0C00;
	border-color: #BE0C00;
}
.subportal13 {
	/* VIOLETT */
	color: #663366;
	border-color: #663366;
}

.subportal0 a:hover, #content.sp0 a {
	/* ROT */
	color: #BE0C00;
}

.subportal1 a:hover, #content.sp1 a {
	/* Grün */
	color: #4E8600;
}

.subportal2 a:hover, #content.sp2 a {
	/* Blau */
	color: #27387A;
}

.subportal3 a:hover, #content.sp3 a {
	/* Orange */
	color: #FF8100;
}

.subportal9 a:hover {
	/* Grau bei MouseOver in Navigation */
	color: #747474;
}

.subportal10 a:hover, #content.sp10 a {
	/* ROT */
	color: #BE0C00;
}

.subportal12 a:hover, #content.sp12 a {
	/* Blau */
	color: #27387A;
}

.subportal11 a:hover, #content.sp11 a {
	/* Orange
	color: #FF8100; */
	/* Schwarz */
	color: #000000;
}
/*
.subportal13 a:hover {
	 Grau bei MouseOver in Navigation 
	color: #747474;
}*/

.subportal14 a:hover, #content.sp14 a {
	/* ROT */
	color: #BE0C00;
}
.subportal13 a:hover, #content.sp13 a{
	/* VIOLETT */
	color: #663366;
}

#content.sp9 a {
	/* Invertiertes Schwarz für Link im Content */
	color: #FFFFFF;
	background-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-color: #000000;
}


#unterportal .stand , #unterportal .standaktiv {
	text-align:center;
} 

#unterportal .stand a.subportal1 {
	background-image:url(../images/subportal1_button.gif);
}
#unterportal .stand a.subportal2 {
	background-image:url(../images/subportal2_button.gif);
}
#unterportal .stand a.subportal3 {
	background-image:url(../images/subportal3_button.gif);
}
#unterportal .stand a.subportal9 {
	background-image:url(../images/subportal9_button.gif);
}
#unterportal .stand a.subportal10 {
	background-image:url(../images/subportal10_button.gif);
}
#unterportal .stand a.subportal11 {
	/*background-image:url(../images/subportal11_button.gif);*/
		background-image:url(../images/subportal13_button.gif);

}
#unterportal .stand a.subportal12 {
	background-image:url(../images/subportal12_button.gif);
}
/*#unterportal .stand a.subportal13 {
	background-image:url(../images/subportal13_button.gif);
}*/
#unterportal .stand a.subportal14 {
	background-image:url(../images/subportal14_button.gif);
}
#unterportal .stand a.subportal13 {
	background-image:url(../images/subportalMD_long_button.gif);
}

#unterportal .standaktiv a.subportal1 {
	background-image:url(../images/subportal1_button_on.gif);
}
#unterportal .standaktiv a.subportal2 {
	background-image:url(../images/subportal2_button_on.gif);
}
#unterportal .standaktiv a.subportal3 {
	background-image:url(../images/subportal3_button_on.gif);
}
#unterportal .standaktiv a.subportal9 {
	background-image:url(../images/subportal9_button_on.gif);
}
#unterportal .standaktiv a.subportal10 {
	background-image:url(../images/subportal10_button_on.gif);
}
#unterportal .standaktiv a.subportal11 {
/*	background-image:url(../images/subportal11_button_on.gif);*/
	background-image:url(../images/subportal13_button_on.gif);
}
#unterportal .standaktiv a.subportal12 {
	background-image:url(../images/subportal12_button_on.gif);
}
/*
#unterportal .standaktiv a.subportal13 {
	background-image:url(../images/subportal13_button_on.gif);
}
*/
#unterportal .standaktiv a.subportal14 {
	background-image:url(../images/subportal14_button_on.gif);
}
#unterportal .standaktiv a.subportal13 {
	background-image:url(../images/subportalMD_long_button_on.gif);
}


#unterportal .stand a.subportal1:hover, #unterportal .standaktiv a.subportal1:hover {
	background-image:url(../images/subportal1_button_hover.gif);
}
#unterportal .stand a.subportal2:hover, #unterportal .standaktiv a.subportal2:hover {
	background-image:url(../images/subportal2_button_hover.gif);
}
#unterportal .stand a.subportal3:hover, #unterportal .standaktiv a.subportal3:hover {
	background-image:url(../images/subportal3_button_hover.gif);
}
#unterportal .stand a.subportal9:hover, #unterportal .standaktiv a.subportal9:hover {
	background-image:url(../images/subportal9_button_hover.gif);
}
#unterportal .stand a.subportal10:hover, #unterportal .standaktiv a.subportal10:hover {
	background-image:url(../images/subportal10_button_hover.gif);
}
#unterportal .stand a.subportal11:hover, #unterportal .standaktiv a.subportal11:hover {
	background-image:url(../images/subportal13_button_hover.gif);
}
#unterportal .stand a.subportal12:hover, #unterportal .standaktiv a.subportal12:hover {
	background-image:url(../images/subportal12_button_hover.gif);
}
#unterportal .stand a.subportal13:hover, #unterportal .standaktiv a.subportal13:hover {
	background-image:url(../images/subportalMD_long_button_hover.gif);
}
#unterportal .stand a.subportal14:hover, #unterportal .standaktiv a.subportal14:hover {
	background-image:url(../images/subportal14_button_hover.gif);
}




hr {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	border-color:#4A4D48;
}
hr.subportal0 {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	border-color:#BE0C00;
}

hr.subportal1  {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	border-color:#4E8600;
}
hr.subportal2 {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	border-color:#00357C;
}
hr.subportal3 {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	border-color:#FF8100;
}
hr.subportal9 {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	border-color:#000000;
}
hr.subportal10 {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	border-color:#BE0C00;
}
hr.subportal11 {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	/*border-color:#FF8100;*/
	border-color: #000000;
}
hr.subportal12 {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	border-color:#00357C;
}
/*
hr.subportal13 {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	border-color:#000000;
}
*/
hr.subportal14 {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	border-color:#BE0C00;
}
hr.subportal13 {
	border-style:dotted;
	color:transparent;
	border-bottom-width:2px;
	border-color:#663366;
}

#navilist hr {
	margin-top:0px;
	margin-bottom:10px;
	position:relative;
	left:-20px;
}

#kontext hr {
	width:100%;
}


.brotkrumen a {
	font-size:11px;
	letter-spacing:0px;
	text-transform:uppercase;
	font-weight:bold;
}

.dach {
	font-size:11px;
	margin:2px;	
	font-weight: normal;
	font-style: italic;
}

.bu {
	font-size:11px;
	margin:2px;	
	font-weight: normal;
	font-style: italic;
}

 .navlist2 .subportal1 {
	position:relative;
	left:-12px;
	padding-left:18px !important;
	background-image:url(../images/pfeilrechts1.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	
}  

 .navlist2 .subportal1 {
 	font-weight:bold;
 }

/*
 .navlist3 .subportal1 {
	position:relative;
	left:-12px;
	padding-left:18px !important;
	background-image:url(../images/pfeilrechts1.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	
}
 .navlist4 .subportal1 {
	position:relative;
	left:-12px;
	padding-left:18px !important;
	background-image:url(../images/pfeilrechts1.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
} 
*/