@import url(ext_css-styled-content.css);
/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
* {
	padding:0;
	margin:0;
}

/* T�usche NS und FF lange Seiten vor damit das Layout bei langen Seiten nicht wg. dem Scrollbalken h�pft */
html {height:100%}
body {
  min-height:101%;
  /* verhindern da� positionierte Elemente bei Ver�nderung der Fenstergr��e nicht mit verschoben werden */
  position: relative;
}

body {
  color: #999;
  background: #FFF;
  font-family: "Trebuchet MS",Verdana,"Bitstream Vera Sans","DejaVu Sans",sans-serif;
  font-size: 100.01%;
  padding: 0 0;
  text-align: center;
}



h1,h2 {
/* im Typo �berschreiben */
  color:#e4312a;
  font-size: 1.33em;
}

h3,h4,h5,h6{
font-size: 1em;
margin-top: 0.4em;
color: #333;
}
h4,h5,h6{
font-size: 0.74em;
}

p {
line-height: 1.5; 
margin: 0.5em 0 1em 0;
}

a { 
text-decoration: underline;
}

a:link    { color: #e4312a;}
a:visited { color: #e4312a;}
/* In Typo3 mit gleicher Farbe wie H1 �berschreiben*/
a:focus, a:hover, a:active { color: #999;}


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



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

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

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

#wrapper {
/* Todo breite einstellen */
  width: 930px;
  /*background: #E4EEF3 url(images/back.gif) 25% 0 repeat-y;*/
  margin: 0 auto;
  text-align: left;
}

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

#head {
/* Todo H�he header einstellen */
	height: 220px;
	width:100%;
	background: url(images/header-back.jpg) no-repeat 0 100%;
}

#head img{
	height:140px;
}

/* Navigation
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#menu_head {
	background: #1668B1; 
	font-size: 0.75em;
	color: #FFF;
	height: 18px;
	/*background-image: url (images/headnavi-back.jpg*/ 
}

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

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

#menu_head-right {
background: #1668B1; 
float: right;
width: 49.9%;
}
#menu_head-right ul{
float: right;
padding: 0 1em;
}

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


/* Menue Level1
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#menu_L1 li.on a{ color: #e4312a;}


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

#menu_L1 li.last {
	background: transparent;
}


#menu_L1 a{
	text-decoration: none;
	color: #999;
	/*divider ausgleichen*/
	padding-right:1px;
}

#menu_L1 a:hover{
	color: #e4312a;
}

.printlink{
float:right;
width: 80px;
text-align:right;
padding-right:6px;
padding-top: 4px;
}

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

/* Menue Level2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
div#menu_L2 {
	min-height: 261px;
}
/*
* html #menu_L2{
	height: 261px;
}
*/

div#menu_L2 {
	float:left;
	width: 170px;
	margin: 1.6em 0 0 0;
	background: url(images/dot-border.gif) right no-repeat;
}

#menu_L2 ul{
	list-style: none;
	text-align: left;
	padding:0 0 0 20px;
}

#menu_L2 li {
	padding: 0.4em 0px 0.25em 0;
	/* Abstand von rechter Begrenzung */
	margin-right: 3px;

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

#menu_L2 a {
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0 1.5em 0 0;
	color: #999;
}
#menu_L2 li.on a, #menu_L2 a:hover {
	color: #e4312a;
}

/* Content
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#sub{
	float:left;
/* Todo Breite des Inhaltsbereichs (links + content)*/
	width: 660px;
	
}


#content {
  float:right;
/* Todo Breite des Content mit rechts mu� das zu wrapper passen*/
  width: 470px;
  padding: 1.6em 10px 0;
    min-height:380px;
}


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


#content p, #content li {
  font-size: 90%;
  line-height: 140%;
}

#content li{
	list-style-position: inside;
}
#content a:link    { color: #e4312a; text-decoration: underline;}
#content a:visited { color: #e4312a; text-decoration: underline;}
/* In Typo3 mit gleicher Farbe wie H1 �berschreiben*/
#content a:focus, #content a:hover, #content a:active { color: #999;}


.nachoben { text-align: right; }


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

#content_right {
  float: right;
/* Todo Breite content-right*/
  width: 270px;
  padding: 1.6em 0 0 0;

}


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

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

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

#footer {
	background: #666666; 
	font-size: 0.9em;
	text-align:center;
	color: #FFF;
	padding: 5px 0;
	/*background-image: url (images/headnavi-back.jpg*/ 
}



/* Formular 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.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:481px;
margin-left:0px;
}

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

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


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

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


/* 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: #F7F7F7;
  font-family: verdana, arial, sans-serif;
  font-size: .9em;
  border: 1px solid #CCC;
  margin-bottom:0.3em;
}

#mailform input.csc-mailform-submit{
  width:9em;
  margin-left:140px;
}

.powermail_submit{
  width:9em;
  margin: 5px 0 0 140px;
}

.powermail_captcha_captcha,
.tx_powermail_pi1_fieldwrap_html_captcha_description,
.powermail_mandatory_js {
  margin-left:140px;
}
.tx_powermail_pi1_fieldwrap_html_captcha_description,
.powermail_mandatory_js {
	font-size: 12px
}
.powermail_mandatory_js {
	color: #E4312A;
}
/* 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: #0D619D;}



/********************************/
/* Frames, spacing, link-to-top */
/********************************/
p.csc-linkToTop { text-align: right; }
p.csc-linkToTop A { font-weight: bold; }

div.csc-frame-invisible {}
div.csc-frame-rulerBefore { border-top: 1px solid #333333; }
div.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
div.csc-frame-rulerAfter {
border-bottom:1px dotted #999999;
margin:10px auto 20px;
width:100%;
}

div.csc-frame-indent { padding-left: 100px; }
div.csc-frame-indent3366 { padding-left: 33%; }
div.csc-frame-indent6633 { padding-right: 33%; }

#searchBox input{
  width: 140px;
}
#searchBox input.searchBox-button{
position: relative;
border: none;
width: auto;
top: 2px;
}
div.tx-indexedsearch-whatis{
padding-left: 12px;
}

/* RTE / table styling */
table{
font-size:70%;
}

table.contenttable { 
border: 1px #000 solid;
 margin: 10px 0px 10px 12px;
 width: 100%;
border-collapse: collapse;
text-align: center;

 }


table.contenttable th{
background: #CCC;

}
table.contenttable tr td,table.contenttable tr th { 
padding: 3px 3px; 
border: 1px solid #000;
}
table.contenttable TR { background-color: #FFF; }