/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
* {
	padding:0;
	margin:0;
}

/* Taeusche NS und FF lange Seiten vor damit das Layout bei langen Seiten nicht wg. dem Scrollbalken huepft */
html {height:100%}
body {
  min-height:101%;
  /* verhindern dass positionierte Elemente bei Veraenderung der Fenstergroesse nicht mit verschoben werden */
  position: relative;
}

body {
  color: #D7D4D4;
  background: #444;
  font-family: Arial,Helvetica, sans-serif;
  font-size: 100.01%;
  padding: 0px 0 12px 0;
  text-align: center;
}


h1,h2,h3 {
/* im Typo ueberschreiben */
  color:#fff;
  font-size: 1.1em;
  line-height: 1em;
  padding-bottom: 0.4em;
}


h2{
  padding-top: 6px;
  padding-left: 0.9em;
  font-size: 1em;
  font-weight: bold;
}

h3{
  font-size: 0.8em;
  padding-top: 6px;
}
p,dt,dl {
line-height: 140%; 
margin: 0.5em 0 1em 0;
}

a { 
text-decoration: underline;
}

a:link    { color: #D7D4D4;}
a:visited { color: #D7D4D4;}
/* In Typo3 mit gleicher Farbe wie H1 ueberschreiben*/
a:focus, a:hover, a:active,li.on a:link,li.on a:visited { color: #FFFFFF;}


ul{

}


table{}
th, td {padding: 0;
font-size:0.8em;
}

/*
/* Anpassungen CSC-Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.csc-textpic-caption{
	font-size:70%;
	color:#FFF;
}



/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

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

/* Struktur
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  /*background-image: url(images/content_back1.jpg);*/
}

#logo {
  width: 100%;
  line-height:0;
  background: #FFF;
}

#head {
	height: 196px;
	width:100%;
	background-image: url(images/header-back.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #AB6930;
	overflow: hidden;
}

#head img{
	/*height:196px;*/
}

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

#menu_head {
	background: #666666; 
	font-size: 0.75em;
	color: #FFF;
	/*background-image: url (images/headnavi-back.jpg*/ 
}

#menu_head a {text-decoration: none; color: #FFF;}

#menu_head-left{
float: left;
width: 49%;
}
#menu_head-left li {
list-style: none;
white-space: nowrap;
padding:0 1em;
}

#menu_head-right {
float: right;
width: 49%;
}

#menu_head-right li {
list-style: none;
float: right;
white-space: nowrap;
padding: 0 1em;
}


.printlink, #language_menu{
float:right;
width: 160px;
text-align:right;
padding-right:6px;
padding-top: 4px;
}

.printlink img{
margin-left: 6px;
}

#language_menu li{
list-style: none;
display: inline;
margin: 0 4px;
}
/* Menue Level1
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/*li.on a{ color: #222;}*/


div#menu_L1{
	float:left;
	width: 100%;
	background-image:url(images/navL1-back.jpg);
	height:32px;
	color: #D7D4D4;
}
#menu_L1 ul{
padding-left:20px;
}
#menu_L1 li{
	float:left;
	list-style: none;
	white-space: nowrap;
	/*background: url(images/navL1-divider.gif) right no-repeat;*/
	/*padding: 0 1.2em;*/
	font-size: 0.8em;
	font-weight: bold;
	line-height: 32px;
}

#menu_L1 li.last {
	background: transparent;
}


#menu_L1 a{
	text-decoration: none;
	/*divider ausgleichen*/
	padding-right:1px;
	color: #D7D4D4;
}
#menu_L1 li.on a, #menu_L1 li a:hover{
border-bottom:1px dotted white;
color: #FFF;
}

/* Menue Level12
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/*li.on a{ color: #222;}*/
#L12_container{
	float:left;
	width: 100%;
	background-image: url(images/menu_L12-back2.gif);
	height: 20px;
}

div#menu_L12{
	float:left;
	width: 100%;
	color: #222;
}

#menu_L12 ul{
padding-left:20px;
}

#menu_L12 li{
	float:left;
	list-style: none;
	white-space: nowrap;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 20px;
}

#menu_L12 li.last {
	background: transparent;
}

#menu_L12 a{
	text-decoration: none;
	/*divider ausgleichen*/
	padding-right:1px;
	color: #222;
}
#menu_L12 li.on a, #menu_L12 li a:hover{
border-bottom:1px dotted #000;
color: #000;
}

/* Menue Level2 Info-Bereich und osBox-right
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
div#menu_L2 {
	min-height: 400px;
	/*background-image: url(images/navi_back.gif);
  background-repeat: no-repeat;
  background-color: #D7D7D7;*/
  }

* html #menu_L2{
	height: 400px;
}
#menu_L2 a{
margin-left: 30px;
text-align: left;
}
#menu_L2 h3, #menu_L2 h2{
margin-left: 20px;
padding-left:5px;
border-left: 2px solid #FFFFFF; 
margin-top: 10px;
line-height: 6px;
}

#osBox-right h2, #osBox-right h3{
margin-left: 10px;
padding-left:5px;
border-left: 2px solid #FFFFFF; 
margin-top: 10px;
line-height: 6px;
}

#menu_L2 {
	float:left;
	width: 180px;
	margin: 0px 0 0 0;
}
div#osBox-right{

float:right;
	width: 180px;
	margin: 0px 0 0 0;
}

#menu_L2 ul, div#osBox-right ul{
	list-style: none;
	text-align: left;
}
div#osBox-right ul{text-align: left;}

#menu_L2 li, div#osBox-right li {
	padding: 2px 0px 0px 0;
	/* Abstand von rechter Begrenzung */
	margin-right: 2px;

	/*border-bottom: 1px dotted #CCC;*/
}

#menu_L2 a, div#osBox-right a {
	text-decoration: none;
	font-weight: bold;
	font-size: 0.75em;
}

div#osBox-right a{
  padding: 0 0 0 1.5em;
}

#menu_L2 li li a, div#osBox-right li li a{
  font-weight: bold;
  font-size: 0.6em;
  color: #FFF;
}


#menu_L2 li li, div#osBox-right li li{
  margin:0;
  padding:0;
}



/* Content
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#sub{
	float:left;
	width: 770px;
	
}


#content {
  float:right;
  width: 590px;
  padding: 10px 0 0 0;
  min-height:380px;
}

* html #content{
	height: 380px;
} /*das sehen nur IEs*/


#content h1, #content h2, #content h3{
	padding-left: 12px;
color: #FFFFFF;
}
#content p, #content li{
  font-size: 80%;
  padding-left:12px;
}

#content li{
	list-style-position: inside;
}


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


.nachoben { text-align: right; }


/* Spalte 3
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#content_background {
  float: left;
  width: 960px;
  background-image:url(images/content_back3.jpg);
  background-repeat: background-repeat: repeat-y;
}

#content_right {
  float: right;
  width: 180px;
  padding: 1.6em 0 0 0;
}


#content_right h1 {
  color: #222;
  font-size: 1em;
  line-height: 150%;
  margin: 0 12px;
}

#content_right p {
  font-size: 80%;
  line-height: 150%;
  margin: 0 12px;}

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

#footer {
		background-image:url(images/navL1-back.jpg);
	height:32px;
	line-height: 32px;
	font-size: 12px;
	text-align:left;
	padding-left:20px;
	color: #FFF;
	/*background-image: url (images/headnavi-back.jpg*/ 
}

.footer-right{
float: right;
margin-right: 20px;
color: #000;
}
.footer-left{
float: left;
}
.footer-right a:link, .footer-right a:visited{
text-decoration: none;
color: #000;
}
.footer-right a:hover{
text-decoration: underline;
color: #000;
}
/* Formular 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

input{
  font-family: arial, helvetica, sans-serif;
  font-size:.9em;
  border: 1px solid #CCC;
  margin:0.2em;
}

.csc-mailform-submit{
font-size: 80%;
color: #999;
font-weight:bold;
}

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

#content #mailform{
width:490px;
margin-left:0px;
}

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

label,.csc-mailform-label{
  clear:both;
  float: left;
  width: 140px;
  text-align: right;
}

input#captchaResponse{
width: 100px !important;
}
.csc-mailform-field img {
margin: 10px 10px 0px 10px;



}
form p {
  font-size: 1em;
  margin: 14px 0;
}

label,.csc-mailform-label {
  display: block; /* damit auch die alten IEs das padding anwenden */
  font-size: .7em;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 10px;
}

#mTool{
  padding:12px;
}
#mTool td{
  text-align: left;
  margin:0;
  padding:0;
  vertical-align: top;
}

#mTool input{
  font-family: arial, helvetica, sans-serif;
  font-size:.9em;
  border: 1px solid #CCC;
  margin:0.2em;
}
/* 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 */

#mailform input,#mailform textarea {
  width: 20em;
  background: #F7F7F7;
  font-family: arial, helvetica, sans-serif;
  font-size: .9em;
  border: 1px solid #CCC;
  margin-bottom:0.3em;
}
#mailform input.csc-mailform-check{
  width:1em;
}
#mailform input.csc-mailform-submit{
  width:6em;
  margin-left:140px;
}
.tx-geosearch-pi1-form,.tx-geosearch-pi1-content,
.tx-geosearch-pi1-found,.tx-geosearch-pi1-show,
.tx-geosearch-pi1-prev,.tx-geosearch-pi1-next{
  padding-left:12px;
  font-size:0.9em;
}

.tx-geosearch-pi1-button input{
  width: 6em;
  border: 1px solid #CCC;
  margin-bottom:0.3em;

}
.tx-geosearch-pi1-field input{
  background: #F7F7F7;
  font-family: arial, helvetica, sans-serif;
  font-size: .9em;
  border: 1px solid #CCC;
  margin-bottom:0.3em;

}

.tx-geosearch-pi1-distance{
float: none;
}
.tx-geosearch-pi1-prev,.tx-geosearch-pi1-next{
width: 130px;
}

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

input:hover,
textarea:hover {
  background: #FCFCFC;
  border: 1px solid #999;
}

input:focus,
textarea:focus {
  background: #FFF;
  border: 1px solid #CC0000;
}

.on a{ color: #222;}

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

.csc-frame-frame1{
border: 1px solid grey;
background-color:#ddd;
padding:4px 0 4px 0;
margin: 0 4px 0 14px;
}
.csc-frame-frame1 a:link,.csc-frame-frame1 a:visited,.csc-frame-frame1 p{
color: #333 !important;
}


/* FAQ */
div.tx-irfaq-pi1{
margin: 0 0 12px 12px;
}
div.tx-irfaq-pi1 dt{
   font-size: 80%;
   font-weight: bold;
}
div.tx-irfaq-pi1 .additional-info{
  font-size: 80%;
  color: #D7D4D4;
}
div.filelinks{
margin: 0 12px;
font-size:80%

}
.tx-mmdamfilelist-pi1-tree{
font-size:80%;
}
.tx-mmdamfilelist-pi1-tree div,.tx-mmdamfilelist-pi1-tree img{
margin:2px;
float: left;
}
.tx-mmdamfilelist-pi1-even {
background: #333;
}
.tx-mmdamfilelist-pi1-odd {
background: #666;
}
.tx-mmdamfilelist-pi1-file{
width: 100%;
}
.tx-mmdamfilelist-pi1-file_name{
float:left;
width: 360px;
}
.tx-mmdamfilelist-pi1-file_size_kb,.tx-mmdamfilelist-pi1-file_mtime_mdy{
width: 80px;
}
.tx-mmdamfilelist-pi1-folder{
width: 100%;
border-bottom: 1px solid #666;
}

/* Styles for filelinks */


table.csc-uploads{
width: 96%;
padding:0 32px;
color: white !important;
}
table.csc-uploads a:link,
table.csc-uploads a:visited,
table.csc-uploads a:hover
{
color: #FFF !important;
}
csc-uploads1 td.csc-uploads-icon{
  text-align: left;
}

.csc-uploads p{
margin:0;
padding:0;
color: #FFF !important;
}

table.csc-uploads {
border-collapse: collapse;
margin: 6px 12px;
}

table.csc-uploads td{
padding: 8px 0;
border-collapse: collapse;
vertical-align: top;
}
td.csc-uploads-icon{
width = 200px;
text-align: center;
}
td.csc-uploads-fileName{
font-size: 90%;
}
tr.tr-even{
background:#333;
}
tr.tr-odd{
background:#666;
}