@charset "utf-8";
body  {
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	font-size: 13px;
	font-family: Arial, Verdana, Sans-Serif;
	color: #353535;
}
div, td, span  {
	font-size: 13px;
	font-family: Arial, Verdana, Sans-Serif;
	color: #353535;
	padding: 0;
	margin: 0;
    text-align: left; /* Einstellung text-align: center im Body-Element überschrieben. */
}
form, input, p, table{
text-align: left;
}

p {
padding-top: 0px;
padding-bottom: 8px;
margin: 0;
}
img {
border:none;
padding: 0;
margin: 0;
}

h1 {
font-size: 16px;
font-weight: bold;
color: #003399;
padding: 0;
padding-bottom: 15px;
margin: 0;
}

h2 {
font-size: 13px;
font-weight: bold;
color: #003399;
padding: 0;
margin: 0;
}

hr{
border: 0;
height: 1px;
background-color: #cccccc; /* Farbe für Opera und Firefox */
color: #cccccc; /* Farbe für Internet Explorer (IE) */
}

a, a:visited {color: #003399; }
a:hover {color: #353535; }

.textBlau {
color: #003399; 
}

.textBlauFett14 {
color: #003399; 
font-weight:bold; 
font-size:14px;
}
.textDunkelbraun {color: #353535; }

.rahmen1pxGrau{
	border: 1px solid #353535;
}
.rahmen1pxBlau{
	border: 1px solid #003399;
}

.abstandInput input{
margin-bottom: 10px;
}


/* ---------- Haupt Divs ------------- */

#rahmen {
	width: 1000px;
	margin: 0 auto; /* zentriert. */
	background-color: #fcf6da; 
} 

#rahmenSpalten { 
    width: 1000px; 
	background-color: #fcf6da; 
	background-image: url(../grafik/hintergrund.gif);
	background-repeat: repeat-y;
} 
#rahmenSpaltenDownloads {
	width: 1000px;
	background-color: #fcf6da;
	background-image: url(../grafik/hintergrund_downloads.gif);
} 

#header {
	height: 96px;
	width: 1000px;
	padding: 0;
	margin: 0;
	background-image: url(../grafik/header.gif);
	background-repeat: no-repeat;
	background-color: #fcf6da;
} 

#linkeSpalte {
	width: 207px;
	float: left;
	background-image: url(../grafik/hintergrund_links.gif);
	background-repeat: no-repeat;
}
#mittlereSpalte {
	float: left;
	width: 546px;
	background-image: url(../grafik/hintergrund_mitte.gif);
	background-repeat: repeat-x;
}  
#mittlereSpalteStart {
	float: left;
	width: 793px;
	height: 573px;
} 

#mittlereSpalteohnerechtenRand{
	float: left;
	width: 793px;
} 

#mittlereSpalteStartRahmen {
	position:relative;
	width: 786px;
	height: 573px;
	background-image: url(../../fotos-hintergrund/foto-start.jpg);
	background-repeat: no-repeat;
} 

#rechteSpalte {
	width: 247px;
	float: right;
	background-image: url(../grafik/hintergrund_rechts.gif);
	background-repeat: no-repeat;
} 
#rechteSpalteDownloads {
	width: 247px;
	float: right;
	background-image: url(../grafik/hintergrund_rechts_downl.gif);
	background-repeat: no-repeat;
} 

#rechteSpalteInhalt {
	margin: 0;
	padding: 0;
	width: 240px;
} 
#rechteSpalteInhalt div div div img, #rechteSpalteInhalt div div img{
	display:block; /* IE Foto Abstand unten) */
} 


.clearfloat { 
    clear: both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer {
	height: 26px;
	width: 1000px;
	background-image: url(../grafik/footer.gif);
	background-repeat: no-repeat;
}

/* ---------- Bereich mittlereSpalte ------------- */

/*  CLASS !!! */
.inhaltMitte {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
} 
.inhaltMitteFoto {
margin: 0;
padding: 0;
} 
.inhaltMitteFoto img {
display:block;
} 

/* ---------- Bereich mittlereSpalteStart ------------- */


#startHead {
	left: 31px;
	top: 23px;
	position: absolute;
	z-index: 50;
	width: 455px;
	height: 294px;
	font-size: 14px;
	color: #000000;
} 

#startHead div{
	font-size: 14px;
	color: #000000;
}

#startHead h1 {
font-size: 22px;
font-weight: normal;
color: #ffcc00;
margin: 0;
padding: 0;
padding-bottom: 15px;
} 

#startHead strong, #startHead b  {
color: #003399; 
font-weight:bold; 
font-size:14px;
} 

/* ---------- Start alle Boxen ------------- */

#startBox1Header,#startBox2Header,#startBox3Header {
	top: 343px;
	position: absolute;
	z-index: 60;
	width: 220px;
	height: 25px;
	background-color: transparent; 
   	background-image: url(../grafik/hintergrund_head_start.gif);
	background-repeat: no-repeat;
}
#startBox1Hintergrund,#startBox2Hintergrund,#startBox3Hintergrund {
	top: 368px;
	position: absolute;
	z-index: 60;
	width: 220px;
	height: 190px;
	background-color:#FFFFFF;
   filter:alpha(opacity=60);   /* Internet Explorer       */
   -moz-opacity:0.6;           /* Mozilla 1.6 and below   */
   opacity: 0.6;               /* newer Mozilla and CSS-3 */
}

#startBox1Inhalt,#startBox2Inhalt,#startBox3Inhalt {
	top: 368px;
	position: absolute;
	z-index: 70;
	width: 220px;
	height: 190px;
	background-color: transparent;
}

.abstandHeaderStart{
	padding:0;
	margin:0;
	color: #ffcc00; 
	font-weight:bold; 
	font-size:14px;
	padding-left: 11px;
	padding-top: 4px;
}

.abstandBoxInhalt{
	color: #000000; 
	font-weight:normal; 
	font-size:12px;
	padding: 11px;
}
.abstandBoxInhalt a, .abstandBoxInhalt a:visited {color: #003399; font-weight:bold; text-decoration:none; }
.abstandBoxInhalt a:hover {text-decoration:underline; }


/* ---------- Start Boxen Unterschiede ------------- */

#startBox1Header,#startBox1Hintergrund,#startBox1Inhalt {
	left: 20px;
}

#startBox2Header,#startBox2Hintergrund,#startBox2Inhalt {
	left: 283px;
}


#startBox3Header,#startBox3Hintergrund,#startBox3Inhalt  {
	left: 544px;
}



/* ---------- Bereich rechte Spalte / Downloads ------------- */

/*  CLASS !!! */
.inhaltRechts {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 29px;
font-size: 12px;
color: #ffffff;
} 

.inhaltRechts div {
font-size: 12px;
color: #ffffff;
} 

.inhaltRechts a, .inhaltRechts a:visited {
font-size: 12px;
color: #ffcc00; 
text-decoration:none;
}
.inhaltRechts a:hover { 
text-decoration:underline;
color: #ffcc00; 
}
.inhaltRechts h3 {
margin: 0;
padding: 0;
padding-bottom: 5px;
font-size: 12px;
color: #ffcc00; 
font-weight:bold;
}
.inhaltRechts .abstandObenUnten {
padding-top: 5px;
padding-bottom: 5px;
}
.inhaltRechts .abstandUnten {
width: 100px;
height: 5px;
}

.inhaltRechts hr{
border: 0;
height: 1px;
background-color: #ffcc00; /* Farbe für Opera und Firefox */
color: #ffcc00; /* Farbe für Internet Explorer (IE) */
}





/* ---------- Navi Main Linke Spalte ------------- */

#naviMain
{	
	margin: 0;
	padding: 0;
	margin-left: 7px;
	margin-top: 0px;
	width: 200px;
	background-color: #ffff99;
}
#naviMain ul
{	
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	width: 200px;
}

#naviMain li
{	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 200px;
}

#naviMain li a, #naviMain li a:visited
{	display: block;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	text-align: left;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
	background-color: #ffff99;
}
#naviMain li a:hover
{	
	background-color: #fcf6da;
}

#naviMain li a.trail, #naviMain li a.trail:visited
{	display: block;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	text-align: left;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #fcf6da;
	text-decoration: none;
	background-color: #003399;
}


#naviMain li span
{	display: block;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	text-align: left;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #fcf6da;
	text-decoration: none;
	background-color: #003399;
}




/* ---------- Navi Main Linke Spalte ------------- */

#naviMain ul ul
{	
	margin: 0;
	padding: 0;
	width: 200px;
	background-color: #fcf6da;
	
}

#naviMain li li
{	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 200px;
}

#naviMain li li a, #naviMain li li a:visited
{	display: block;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	text-align: left;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	background-color: #fcf6da;
}
#naviMain li li a:hover
{	
	background-color: #fcf6da;
	font-weight: bold;
}

#naviMain li li span
{	display: block;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	text-align: left;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	background-color: #fcf6da;
	font-weight: bold;
}


/* ---------- Navi allgemein ------------- */

#auswahlHauptpunkt
{	
	background-color: #003399;
	color: #fcf6da;
}
#auswahlUnterpunkt
{	
	font-weight: bold;
}

/* ---------- Typolight Angaben ------------- */

.formbody
{	
width: 100%;
}

.formbody .col_0, .formbody .col_1
{	
padding-bottom: 5px;
vertical-align: top;
}
.formbody .col_0
{	
width: 20%;
}
.formbody .col_1
{	
width: 80%;
}

.checkbox_container span
{	
display: block;

}

.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}