body {
  /* verhindern dass positionierte Elemente bei Veraenderung der Fenstergroesse 
  nicht mit verschoben werden */
  color: #000;
  font-family: Arial,Helvetica, sans-serif;
  font-size: 12px;
  background-color: #AEAFB2;
  margin: 0px;
padding: 0px;
}

h1,h2,h3 {
/* im Typo ueberschreiben */

}

h3{
  font-size: 0.8em;
}
p {
line-height: 120%; 
margin: 0px;
}

a { 
text-decoration: none;
}

a:link    { color: #000; text-decoration: underline;}
a:visited { color: #000; text-decoration: underline;}
/* In Typo3 mit gleicher Farbe wie H1 ueberschreiben*/
a:focus, a:hover, a:active { color: #D89540;text-decoration: underline;}


/*
/* Anpassungen CSC-Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.csc-textpic-caption{
	font-size:11px;
	color:#FFF;
	background-color: #D89540;
	padding-left: 5px;
}


/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}


/* Struktur
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#center {
text-align: center;
position: absolute;
width: 100%;
top: 50%;
left: 0px;
margin-top: -295px;
}

#wrapper {
  width: 920px;
  height: 590px;
  background-color: #FFF;
   text-align: left; 
margin: auto;
background-image: url(images/background.jpg);
   }
	
	#wrapper_start {
  width: 920px;
  height: 590px;
   text-align: left; 
margin: auto;
   }  

#oben {
  width: 920px;  
}

#logo {
  width: 170px;
  height: 143px;
  float: left;
  

}

#header{
  width: 750px;
  height: 143px;
  float: right;
  background-repeat: no-repeat;
}



#bilder img {
padding-left: 3px;
  /*background-image: url(images/bild_oben1.jpg);*/
}


#searchTitle{
float: left;
width: 177px;
}


#content{
  /*border: green 1px solid;*/
  width: 750px;
  float:left;
  margin-top: 10px;
}

#content-left{
  /*border: green 1px solid;*/
  width: 730px;
padding-left: 0px;
text-align: left;
}


#content-normal{
  /*border: green 1px solid;*/
  width: 345px;
padding-left: 0px;
text-align: left;
}

#content ul{
list-style-position: outside;
margin: 0px;
padding-left:16px;
padding-bottom: 5px;
padding-top: 3px;
}

* html #content ul{
padding-left:16px;
}

#content li{
margin: 0px;
line-height: 14px;
color: #2A5B9C;
}

#content-right{
  /*border: green 1px solid;*/
  width: 730px;
padding-left: 0px;
text-align: left;
}

#content-border{
  /*border: green 1px solid;*/
  width: 345px;
padding-left: 0px;
text-align: left;
}

.content-border_braun{
background-color: #96938A;
padding: 5px;
color: #FFFFFF;
border: 3px solid #7E1718;
}

.content-border_yellow{
padding: 5px;
border-bottom: 1px dashed #96938A;
margin-bottom: 10px;
}

.content-border_gray{
background-color: #D8D8D8;
padding: 5px;
margin-bottom: 10px;
}

#col1{
float:left;
/*background: green*/
}
#col2{
float: left;
/*background: red;*/
}
#col3{
float: right;
/*background: blue*/
}

.csc-frame-links30{
float:left;
width: 220px;
/*background: pink;*/
padding-right: 23px;
}

.csc-frame-mitarbeiter{
float:left;
width: 130px;
/*background: pink;*/
padding-right: 16px;
}

.csc-frame-links50{
float:left;
width: 345px;
/*background: pink;*/
}

.csc-frame-rechts50{
float:right;
width: 345px;
/*background: lightblue;*/
}

.csc-frame-bigFloat{
/*background:orange;*/
float:left;
width: 730px;
}


/* Aussehen der Inhalte im Conent */
#content h1, #content h3{
color:#1B1B1F;
  font-size: 15px;
  margin: 0px;
  padding-bottom: 3px;
}
#content h2{
color:#2A5B9C;
  font-size: 13px;
  margin: 0px;
  padding-bottom: 3px;
}

#content h5{
color:#868686;
  font-size: 10px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}

#content h4{
  font-size: 12px;
  margin: 0px;
  padding: 0px;
line-height: 20px;
font-weight: normal;
}


/* Navigation
/* * * * * * * * * * * * * * * * * * * * * * * * * * */




/*****************************************************/
#menuRootline{
float: left;
width: 791px;
}


/* Menue Level23
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#navi {
width: 150px;
margin-top: 10px;
font-weight: bold;
float: left;
padding-left: 20px;
}

.navi1 {
color:#555457;
	list-style: none;
	padding: 0px;
	margin: 0px;
} 
	
.naviL1 {
	list-style: none;
	margin: 0px;
	font-size: 12px;
	line-height: 18px;
background-image: url(images/plus.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
} 

.naviL1 a:link, .naviL1 a:visited {
	color:#555457;
	text-decoration:none;
	
	text-transform: uppercase;
}

.naviL1 a:hover {
   color:#D89540;
}

.naviL1_act {
padding: 0px;
	margin: 0px;
	color:#D89540;
	list-style: none;
	text-decoration:none;
	line-height: 18px;
		background-image: url(images/plus.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	text-transform: uppercase;
}

.naviL1_act a:link, .naviL1_act a:visited {
padding: 0px;
	margin: 0px;
	color:#D89540;
	list-style: none;
	text-decoration:none;
	line-height: 18px;
	text-transform: uppercase;
}



.navi2 {
color:#868686;
	list-style: none;
	padding-left: 14px;
	margin: 0px;
	padding-bottom: 5px;
} 

* html .navi2 {
	padding-left: 0px;
} 

.naviL2 {
   list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	line-height: 15px;
}

.naviL2 a:link, .naviL2 a:visited {
	color:#868686;
	text-decoration:none;
	line-height: 15px;
	text-transform: none;
}

.naviL2 a:hover {
   color:#D89540;
	text-decoration:underline;
}

.naviL2_act, .naviL2_act a:link, .naviL2_act a:visited{
padding: 0px;
	margin: 0px;
	color:#D89540;
	list-style: none;
	text-decoration:underline;
	line-height: 15px;
	text-transform: none;
	font-size: 11px;
}



/* Content
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.nachoben { text-align: right; }




/* Spalte 3
/* * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Footer
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#footer {
	text-align:center;
	color: #000;
}


/* Formular 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#mail_container {
margin-top: 8px;
padding: 0px;
}

#mail_namen {
margin-bottom: 5px;
}

#spacer_form {
float: left;
width: 80px;
}
.submit{
width: 120px;
color: #005DAB;
font-size: 12px;
}

.csc-mailform-submit{
font-size: 12px;
color: #005DAB;
font-weight:normal;
}

.csc-mailform-check{
text-align:left;
width:20px;
background:#123;
}

#content #mailform{
float: left;
margin:0px;
padding: 0px;
margin-top: 10px;
}

#content fieldset{
border:none;
padding-bottom:20px;
margin: 0px;
padding: 0px;
}

label {
clear:both;
  float: left;
  width: 70px;
  text-align: left;
}

label {
  display: block; /* damit auch die alten IEs das padding anwenden */
  font-size: 12px;
  font-weight: normal;
  margin-right: 10px;
}


form p {
  font-size: 12px;
  margin: 0px;
}



/* Achtung: nicht alle Browser stellen Sachen wie die border
von Eingabefeldern dar, in Safari z.B. laesst sich nur wenig
am Aussehen von Formularelementen aendern */

input,
textarea {
  width: 20em;
  background: #DEDEDE;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  border: 1px solid #005DAB;
  margin-bottom:0.3em;
}
select{
  background: #DEDEDE;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  border: 1px solid #005DAB;
  margin-bottom:0.3em;
}

#mailform input.csc-mailform-submit{
width: 80px;
  margin-left: 80px;
}

* html #mailform input.csc-mailform-submit{
margin-left: 83px;
}

/* Die folgenden Anweisungen sorgen fuer schoene Effekte beim
Ausfuellen in standardkonformen Browsern, die IEs koennen
damit aber nix anfangen */

input:hover,
textarea:hover {
  background: #EFEFEF;
  border: 1px solid #005DAB;
}

input:focus,
textarea:focus {
  background: #EFEFEF;
  border: 1px solid #005DAB;
}

.on a{ color: #222;}

div .csc-textpic-imagewrap{
margin-left:0px;
}

