/* ++++++++++ STYLESHEET SANDERBUSCH.DE / PYRAMEDIA MEDIENGESTALTUNG 2007-2008 / TIM R. GLOYSTEIN ++++++++++ */
@charset "utf-8";

/* ++++++++++ ALLGEMEINES ++++++++++ */
html[xmlns^="http"]
 {
		overflow-y:scroll;
	}

*
 {
	 margin:0;
	 padding:0;
	 border:0;
 }

html
	{
		height:100%;
	}

body
 {
	 height:100%;
		width:100%;
	 font-family:Verdana, sans-serif;
	 font-size:1px;
	 line-height:1px;
  color:#444444;
		background:#C4D3E2 url(../_bilder/hintergrund-kopf.png) repeat-x;
 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */


/* ++++++++++ LAYOUT ++++++++++ */
#container
 {
		position:relative;
		width:952px;
		margin:0 auto;
	}

#kopf
 {
	 height:80px;
	}
	
#logo
 {
	position:absolute;
	top:15px;
	left:22px;
}
	
#claim
 {
		position:absolute;
		/*top:84px;*/
		top: 56px;
		padding:8px 0 0 25px;
		width:925px;
		height:17px;
		font-size:9px;
		line-height:10px;
		font-weight:bold;
		color:#FFFFFF;
		text-transform:uppercase;
		background:url(../_bilder/hintergrund-claim.gif) no-repeat;
	}
	
#foto-kopf
 {
	 position:absolute;
		top:80px;
		width:950px;
		height:145px;
		overflow:hidden;
	}
	
#container-inhalt
 {
	 position:absolute;
		top:233px;
	}
	
#spalte-links
 {
  position:absolute;
		width:225px;
		background:url(../_bilder/hintergrund-links.png);
		overflow:hidden;
	}

#inhalt
 {
  position:absolute;
		top:0px;
		left:228px;
		width:448px;
		padding:49px 24px 35px 24px;
		background:url(../_bilder/hintergrund-inhalt.png) repeat-y;
	}
	
#inhalt img
 {
	float:right;
  margin:3px;
	padding:3px;
	border:1px solid #2655AC;
	}
	
.csc-textpic-caption
 {
  font-size:10px;
  line-height:14px;
  padding:0;
  margin:0;
  text-align:right;
 }
	
#spalte-rechts
 {
  position:absolute;
		left:727px;
		width:225px;
		padding-bottom:35px;
		background:url(../_bilder/hintergrund-rechts.png);
	}
	
#extranavigation
 {
	position:absolute;
	left: 500px;
	top: 100px;
	z-index: 1;
	}
	
/* ++++++++++ ENDE LAYOUT ++++++++++ */
	

/* ++++++++++ NAVIGATION ++++++++++ */
#navigation
 {
		width:225px;
		color:#FFFFFF;
		text-transform:uppercase;
		overflow:hidden;
	}
	
.nav-li {
	list-style: none;
	color: #fff;
}

.nav-li a {
	color: #fff;
}

.li-ebene-2 {
	list-style: none;
	color: #fff;
/*	border-bottom: 1px solid #fff;*/
}

.li-ebene-2 a {
	color: #fff;
	margin-left: -20px;
	text-decoration: none;
}

.li-ebene-2 a:hover {
	background:url(../_bilder/mouseover.png) top left no-repeat;	
}	

#navigation dfn
 {
	 text-decoration:none;
		border-bottom:0px solid #ffffff;
		cursor:pointer;
	}
	
#navigation ul
 {
		list-style-type:none;
		margin:0 0 30px 0;
		padding:0;
	}
	
#navigation li
 {
	 margin:0;
		padding:0;
		border-bottom:1px dotted #ffffff;
	}
	
#navigation a
 {
  display:block;
		width:198px;
	 padding:0 0 0 25px;
	 font-size:11px;
		line-height:19px;
		text-decoration:none;
	 color:#FFFFFF;
		/*border-bottom:1px dotted #ffffff;*/
	}
	
#navigation a:hover
 {
		background:url(../_bilder/mouseover.png) no-repeat;	
	}
	
#navigation ul .aktiv
 {
		padding:0 0 0 0px;
		/*font-size:11px; by mf */
		line-height:19px;
		border-bottom:1px dotted #ffffff;
		background:url(../_bilder/mouseover.png) no-repeat;
	}
	
#navigation ul .aktiv_link
 {
		padding:0px;
		font-size:11px;
		line-height:19px;
	 border-bottom:1px dotted #ffffff;
		background:url(../_bilder/mouseover.png) no-repeat;
	}
	
#navigation ul ul li
 {
	 border:none;
	}
	
#navigation ul ul
 {
 	border-top:1px dotted #ffffff;
		margin:0px 0 15px -25px;
		padding-left:12px;
 }
	
#navigation ul .ebene_2
 {
	 margin-left:0px;
	}
	
#navigation ul ul li
 {
		margin-top:2px;
	}
	
#navigation ul ul a
 {
		font-size:10px;
		line-height:18px;
		text-transform:none;
		background:none;
		border:none;
	}
	
#navigation ul ul .aktiv
 {
		font-size:10px;
		line-height:18px;
		text-transform:none;
		background:url(../_bilder/mouseover.png) no-repeat;
		border:none;
	}
	
#navigation ul ul ul
 {
 	border:none;
		margin:0px 0 15px -25px;
		padding-left:37px;
 }

#navigation a.aktiv_zweite-ebene
 {
	 border:none;
		padding:0;
	}	
	
#navigation a:hover.aktiv_zweite-ebene
 {
	 background:none;
	}
	
#navigation .root
 {
		padding:0 0 0 0px;
		font-size:11px;
		line-height:19px;
		background:url(../_bilder/mouseover.png) no-repeat;
	}	
/* ++++++++++ ENDE NAVIGATION ++++++++++ */	
	
	
/* ++++++++++ SUBNAVIGATION ++++++++++ */	
#subnavigation
 {
	 float:right;
		width:180px;
	 margin-bottom:10px;
  list-style-type:none;
	}
	
#subnavigation li
 {
	 margin:0;
		padding:0;
	}
	
#subnavigation .space
 {
	 height:19px;
		padding-left:4px;
		font-size:10px;
		line-height:18px;
		color:#FFFFFF;
		background:#2655AD;
		border-bottom:1px solid #FFFFFF;		
		margin:0;
	}
	
#subnavigation a
 {
	 display:block;
		height:auto !important;
		height:11px;
		padding:4px;
		font-size:10px;
		line-height:14px;
		color:#333333;
		text-decoration:none;
		background:#C4D3E2;
		border-bottom:1px solid #FFFFFF;
		margin:0;
	}
	
*+html #subnavigation a  /* nur für den IE7 */
 {
	 padding: 0px 0 2px 4px;
		line-height:12px;
	}

#subnavigation a:hover
 {
		color:#FFFFFF;
		text-decoration:none;
		background:#2655AD;
		margin:0;
	}
	
#subnavigation .aktiv
 {
	 color:#FFFFFF;
		background:#2655AD;
		font-size:10px;
		margin:0;
	}
/* ++++++++++ ENDE SUBNAVIGATION ++++++++++ */


/* ++++++++++ FORMATIERUNGEN REITER ++++++++++ */
.reiter-navigation
 {
  height:23px;
		padding:3px 0 0 25px;
		font-size:9px;
		line-height:20px;
		text-transform:none;
		background:url(../_bilder/reiter-navigation.png);
	}
	
.reiter-aktuelles
 {
  height:23px;
		padding:3px 0 0 25px;
		font-size:9px;
		line-height:20px;
		text-transform:none;
		color:#FFFFFF;
		background:url(../_bilder/reiter-aktuelles.png);
	}	

#breadcrumb-container
 {
	 position:absolute;
		top:0px;
		left:228px;
		width:496px;
		height:26px;
		background:url(../_bilder/reiter-links-breadcrumb.png) no-repeat;
	}

#breadcrumb 
 {
  float:left;
		height:26px;
  background:url(../_bilder/hintergrund-breadcrumb.png) repeat-x bottom;
 }
		
#breadcrumb ul 
 {
  margin:0;
  list-style:none;
 }

#breadcrumb li
 {
  float:left;
  background:url(../_bilder/breadcrumb-reiter-links.png) no-repeat left top;
  height:26px;
		margin:0;
  padding:0 0 0 18px;
		white-space:nowrap;
 }

#breadcrumb span 
 {
  float:left;
  display:block;
		height:19px;
  background:url(../_bilder/breadcrumb-reiter-rechts.png) no-repeat right top;
  padding:7px 26px 0 6px;
  font-size:9px;
		line-height:12px;
		text-decoration:none;
  color:#333333;
 }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#breadcrumb a 
 {
	 float:none;
		color:#333333;
	}
/* End IE5-Mac hack */

#breadcrumb a:hover 
 {
  text-decoration:none;
 }	

.inhalt-aktuelles
 {
  width:173px;
		margin:29px 0 25px 22px;
		font-size:10px;
		color:#FFFFFF;		
	}
	
.inhalt-aktuelles a
 {
	 color:#FFFFFF;
	}	

/* ++++++++++ ENDE FORMATIERUNGEN REITER ++++++++++ */


/* ++++++++++ SUCHE ++++++++++ */	
#suche
 {
	 margin:0 15px 30px 15px;
	}
	
#suche input
 {
	 width:140px;
	 height:14px;
		padding:3px;
		font-family:Verdana, sans-serif;
		font-size:12px;
		vertical-align:middle;
	}
	
#suche .button
 {
	 width:45px;
		height:20px;
		padding:0;
		font-family:Verdana, sans-serif;
		font-size:10px;
		font-weight:bold;
		color:#FFFFFF;
		border:1px solid #FFFFFF;
		background:#2655AD;
	}
	
select
 {
	height:18px;
	margin-right:3px;
	font-family:Verdana, sans-serif;
	font-size:12px;
	vertical-align:middle;
	border:1px solid #666666;	
 }	
	
.tx-indexedsearch {
	font-size: 12px;
	line-height: 1.3em;
	width:448px;
}

.tx-indexedsearch input {
	border:1px solid #666;
	padding-left:0.3em;
	margin-bottom:0.6em;
}
/* ++++++++++ ENDE SUCHE ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
  margin-bottom:20px;
	 font-size:18px;
		line-height:20px;
		font-weight:normal;
		text-transform:uppercase;
		color:#2655AC;	
	}
	
h2
 {
	 padding-top:10px;
		font-size:12px;
		line-height:24px;
		text-transform:uppercase;
		color:#2655AC;	
	}
	
.nach-oben
 {
  font-weight:normal;
	 text-transform:none;
		text-align:right;
	}
	
h3
 {
	 font-size:12px;
		line-height:24px;
		color:#2655AC;;
	}
	
#spalte-rechts h2
 {
		margin-bottom:15px;
		padding:0;
		font-size:11px;
		line-height:14px;
		color:#FFFFFF;
	}
	
p
 {
		margin-bottom:15px;
		font-size:12px;
		line-height:20px;
	}
	
.center
 {
	 text-align:center;
	}
	
a
 {
	 color:#444444;
	}
	
a:hover
 {
	 text-decoration:none;
	}
	
ul
 {
	 font-size:12px;
		line-height:20px;
		margin-left:30px;
		margin-bottom:25px;
	}
	
li
 {
	 margin-bottom:5px;
	}
	
ul.pdf
 {
	 margin:-10px 0 0 20px;
		list-style-image:url(../_bilder/pdf.gif);
		line-height:12px;
	}

ul.pdf li
 {
	 margin:0px;
		padding-left:7px;
		line-height:12px;
	}
	
.klein
 {
	 font-size:9px;
		line-height:12px;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */	


/* ++++++++++ GLOSSARFORMATIERUNGEN ++++++++++ */
.glossary
 {
	 text-decoration:none;
	}
	
dfn
 {
		font-style:normal;	
	}
	
dt
 {
	 padding-top:10px;
		font-size:12px;
		line-height:24px;
		text-transform:uppercase;
		color:#2655AC;	
	}
	
dd span, dd b
 {
	 padding-top:10px;
		font-size:12px;
		line-height:16px;
		color:#2655AC;	
	}
	
.description
 {
	 margin-top:4px;
	}
/* ++++++++++ ENDE GLOSSARFORMATIERUNGEN ++++++++++ */

	
/* ++++++++++ FORMULARFORMATIERUNGEN ++++++++++ */	

label
 {
  width:120px;
  float:left;
  margin-top:2px;
  padding:2px;
  margin-bottom:2px;
  cursor:pointer;
		line-height:16px;
 }

fieldset 
 {
  width:450px;
  padding:0 0 0 0px;
  font-family:Verdana, sans-serif;
  font-size:12px;
 }

input, select, textarea 
 {
  margin-top:2px;
  padding:2px;
  margin-bottom:2px;
  width:200px;
  font-family: Verdana, sans-serif;
  font-size:12px;
		color:#444444;		
  background:#FFFFFF;
  border:1px solid #2655AD;
 }
	
.csc-mailform-submit
 {
  clear:both;
		width:206px;
		margin-left:124px;
		color:#444444;
		margin-bottom:25px;
 }
/* ++++++++++ ENDE FORMULARFORMATIERUNGEN ++++++++++ */