@import "classen.css";

html
{	min-height: 100%; /* erzwingt vertikale Scrollbalken z. B. in Firefox und Safari, um ein "Huepfen" zu vermeiden (zusammen mit margin-bottom: 0.1px;) */
	border:1px solid #FFFFFF; /* Opera will ein border haben */
	border-bottom:1px solid #FFFFFF; /* Auch für Opera */
	margin: -1px -1px 0.1px -1px;  /* Versteckt Border */
	overflow-x:hidden;
}

* 
{	margin: 0;
	padding: 0;
	background-repeat:no-repeat;
}

a,img
{	border:none;
}

body 
{	font: 100.01% Verdana, Helvetica, sans-serif;
	margin:0 auto;
	padding:0;
	background-color: #FFFFFF;
	width:770px;
}

body#popup
{	margin: 15px;
	width: auto;
}


/*div
{	border:1px solid red;
}*/

/* Container 
**********************************************************/
div#content 
{	min-height: 350px;
 	margin: 20px 0 0 0;
	float:left;
	clear:both;
	

}
div#content:after
{	content: "."; 
	display: block; 
	height: 0;
	font-size: 0;
	line-height: 0px;
	clear: left; 
	visibility: hidden;	
}


/* Title
**********************************************************/
div#title
{	width:770px;
	height:96px;
	background-image:url(../upload/titel/b000-title.jpg);
	overflow:hidden;
	margin: 0;
	padding: 0;
	border:none;
}
div#title h1,div#title h2
{	text-indent:-1000em;
}
div#title img
{	float: right;
}

/* Sprachauswahl
**********************************************************/
div#languages
{ margin: 4px 0 3px 10px;
	font-size: 0.65em;
	color: #999999;
}
div#languages a
{	color: #333333;
}



/* Navigation (Ebene 1)
**********************************************************/
div#navigation
{	margin:1px 0 0 0;
	padding:0;
	/*border-bottom: 5px solid #999999;*/
}

div#navigation ul
{	list-style:none;
	margin:0;
	padding:0;
}

div#navigation ul:after
{	content: "."; 
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0px;
	clear: left; 
	visibility: hidden;
}

div#navigation li
{	margin:0 0 0 0;
	
	/* For MAC IE 5 */
	padding:8px 4px 4px 0;
	/* end hack */
	/* Not for Mac IE 5 \*/
	padding: 0;
	/* end hack */
	display:inline;
	float:left;
}

div#navigation li a
{	color:#999999;
	text-decoration:none;
	font-size:0.80em;
	padding:8px 8px 0 8px;
	margin:0;
	/* Not for Mac IE 5 \*/
	display:block;
	/* end hack */
}

div#navigation li.active a
{	background-color:#999999;
	color:#FFFFFF;
}

/*Hovers*/

div#navigation a img {margin-bottom:-3px;}
div#navigation a img.active  {display:none;}
div#navigation a img.hover  {display:none;}
div#navigation a:hover img.normal {/* Not for Mac IE 5 \*/display:inline;/* end hack */}
div#navigation li.active a img.active {display:inline;}
div#navigation li.active a img.normal {display:none;}
div#navigation li.active a:hover img.hover {display:none;}
/* end hack */

div#navigation a:hover
{	color: #000000;
}

/* Sub-Navigation (Ebene 2)
**********************************************************/
div#subnavigation
{	margin:0;
	padding: 4px 0 0 0;
	min-height: 1.56em;
	/* For MAC IE 5 */
	display:block;
	clear:left;
	/* end hack */

	/* Not for Mac IE 5 \*/
	background-color: #999999;
	/* end hack */
}

div#subnavigation:after
{	content: "."; 
	display: block; 
	height: 0;
	font-size: 0;
	line-height: 0px;
	clear: left;
	visibility: hidden;
}

/*div#subnavcontainer  eww! - extra divs! 
{	min-height:4em;
	border:none;
}*/

div#subnavigation ul
{	list-style:none;
	margin: 0;
	padding:0 0 0 0;
	line-height: 1em;
}

div#subnavigation li
{	display:inline;
	margin:0;
	/* For MAC IE 5 */
	padding:0 0 4px 0;
	/* end hack */
	/* Not for Mac IE 5 \*/
	padding: 0;
	/* end hack */
	float: left;
}

div#subnavigation a
{	text-transform:lowercase;
	color:#FFFFFF;
	text-decoration:none;
	font-size:0.7em;
	letter-spacing: 0.05em;
	/* For MAC IE 5 */
	padding:6px 12px 4px 12px;
	margin: 0;
	background-color: #999999;
	/* end hack */
	/* Not for Mac IE 5 \*/
	margin:6px 12px 4px 12px;
	padding: 0;
	display:block;
	/* end hack */
}

div#subnavigation li.active a
{	color:#FFFFFF;
	font-weight: bold;
	letter-spacing: 0;
}

div#subnavigation a:hover
{	color:#000000;
}

/* Sub-Navigation (Ebene 3)
**********************************************************/
div#subcats 
{	/* For MAC IE 5 */
	margin: 40px 15px 0 0;
	width: 170px;
	/* end hack */
	/* Not for Mac IE 5 \*/
	margin: 0 15px 0 0;
	width:180px;
	float:left;
	/* end hack */
}

ul#subcats1
{	list-style:none;
	margin:0;
	padding:0;
	line-height: 0.75em;
}
ul#subcats1 li
{	margin: 0 0 14px 0;
	padding: 0;
}

ul#subcats1 a
{	color:#000000;
	text-decoration:none;
	font-size:0.7em;
	display: block;
}

ul#subcats1 li.active a
{	color:#000000;
	font-weight: bold;
}

ul#subcats1 a:hover,
ul#subcats1 li.active a:hover
{	color:#999999;
}

/* Sub-Navigation (Ebene 4)
**********************************************************/
ul#subcats1 li.active ul#subcats2
{	list-style:none;
	margin:0;
	padding:7px 0 6px 0;
	line-height: 0.75em;
}
ul#subcats1 li.active ul#subcats2 li
{	margin:0 0 6px 0;
	padding:0;
}
ul#subcats1 li.active ul#subcats2 li a
{	font-weight: normal;
	font-size: 0.65em;
}
ul#subcats1 li.active ul#subcats2 li.active a
{	color:#666666;
	font-weight: bold;
}
ul#subcats1 li.active ul#subcats2 li a:hover,
ul#subcats1 li.active ul#subcats2 li.active a:hover
{	color:#999999;
}

/* Inhaltsbereich #mainbody
**********************************************************/

div#mainbody
{	/* For MAC IE 5 */
	margin: 20px 0 0 0;
	width:585px;
	position:absolute;
	top:0;
	left:180px;
	z-index: 0;
	/* end hack */
	/* Not for Mac IE 5 \*/
	position:static;
	margin:0;
	border:none;
	width: 575px;
	float:right;
	/* end hack */
	font-size: 0.70em;
	line-height: 1.5em;
	min-height: 350px;	
}
body#popup div#mainbody
{	margin:0;
	font-size: 0.70em;
	line-height: 1.5em;
}


div#mainbody.nonav
{	margin-left:0;
	left:0;
	width:100%;
}

#mainbody img
{	margin:3px 0 0 0;
}


/* Text/Bilder und 2-spaltige Module  mit linkem Untermenü
**********************************************************/
div.section
{	border:none;
	padding:0;
	margin-bottom:20px;
}
div.section img
{	max-width: 575px;
}
div#mainbody.nonav div.section img
{	max-width: 770px;
}

div.section:after
{	content: "."; 
	display: block; 
	font-size: 0;
	line-height: 0px;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.section img.floater
{	max-width:180px !important;
	float:left;
	margin:0 0 5px 0;
	padding:0;
	/* For MAC IE 5 */
	position: relative;
	/* end hack */
	/* Not for Mac IE 5 \*/
	position: static;
	/* end hack */
}

/*div.section h1
{	font-size:1.1em;
	line-height: 1em;
	font-weight:bold;
	margin:0 0 6px 0;
}*/

div.section h1.header /* Modulüberschrift */
{	margin:0 0 6px 195px;
}

div.section .sectiontext
{	margin:0 0 0 195px;
	border:none;
}

div.section .sectionlefttext
{	float:left;
	width:180px;
	border:none;
	padding: 0;
	margin: 0;
	/* For MAC IE 5 */
	position: relative;
	/* end hack */
	/* Not for Mac IE 5 \*/
	position: static;
	/* end hack */
	
}
div.section .sectionlefttext p
{	margin-right: 10px;
}

div.section .sectionrighttext
{	margin-left:195px;
	border:none;
}


/* Text-Formate allgemeim
**********************************************************/

h1 {
color: #000000;
font-size: 1.1em;
font-weight:bold;
margin: 0 0 6px 0;
}
h2 {
color: #000000;
font-size: 1.05em;
margin: 20px 0 6px 0;
letter-spacing: 0.05em;
}
h3 {
color: #000000;
font-size: 1em;
margin: 18px 0 6px 0;
font-weight: normal;
letter-spacing: 0.07em;
}
h4 {
color: #333333;
font-size: 0.9em;
margin: 12px 0 6px 0;
}
h5 {
color: #666666;
font-size: 0.9em;
margin: 10px 0 6px 0;
}
h6 {
color: #000000;
font-size: 0.9em;
margin: 10px 0 6px 0;
letter-spacing: 0.03em;
font-style: italic;
font-weight: normal;
}

p {
color: #000000;
margin: 0 0 8px 0;
}

strong 
{	color: #333333;
}

ul {
color: #000000;
margin: 0 0 18px 20px;
line-height: 1.15em;
list-style-type: square;
}

ol {
color: #000000;
margin: 0 0 18px 30px;
line-height: 1.15em;
}
li {
margin: 8px 0;
}

a {
color: #333333;
}
a:link, a:active, a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

hr {
height: 1px;
background-color: #999999;
border: none;
}

table {
border-collapse: collapse;
margin-bottom: 15px;
}

th
{
border: 1px solid #999999;
padding: 0.3em 0.3em 0.6em 0.3em;
background-color: #CCCCCC;
text-align: left;
vertical-align: top;
}
td {
border: 1px solid #999999;
padding: 1em 0.5em 0.6em 0.3em;
text-align: left;
vertical-align: top;
}

/* Sitemap
**********************************************************/
body#ia33 ul.sitemaplevel1
{	font-weight: bold;
	color: #333333;
	margin-top: 10px;
	padding-left: 20px;
}
body#ia33 ul.sitemaplevel1 a
{	color: #333333;
}
body#ia33 ul.sitemaplevel2
{	font-weight: bold;
	color: #666666;
	margin-top: 10px;
	padding-left: 20px;
}
body#ia33 ul.sitemaplevel2 a
{	color: #666666;
}

body#ia33 ul.sitemaplevel3,
body#ia33 ul.sitemaplevel4
{	font-weight: normal;
	padding-left: 20px;
}
body#ia33 ul.sitemaplevel3 a,
body#ia33 ul.sitemaplevel4 a
{	color: #000000;
}

body#ia33 ul.sitemaplevel3
{	font-size: 0.9em;
}


/* Footer
**********************************************************/
#footer .hs {
float:right;
}
#footer
{	margin: 30px 0 0 0;
	padding: 5px 0 30px 0;
	border-top: 3px solid #999999;
	font-size: 0.65em;
	color: #999999;
	clear: both;
	/* For MAC IE 5 */
	/* position: fixed;
	bottom: 0;
	z-index: 10;
	background-color: #FFFFFF;
	width: 770px; */                   /* funktioniert im IE Mac gut, nur IE Win kommt mit fixed nicht klar! */
	visibility: hidden;
	/* end hack */
	/* Not for Mac IE 5 \*/
	visibility: visible;
	/* end hack */
}


#footer p
{	color: #999999;
}
#footer a
{	color: #999999;
}
#footer a#backlink,
#footer a#toplink
{	color: #666666;
}


/*********************************************************
Formulare mit FORMation 
**********************************************************/

form.formation 
{	padding: 10px;
	background-color: #FFFFFF;
}

form.formation fieldset 
{	/*border: 1px solid #017E48;
	padding: 15px;
	background-color: #DFF2E5;*/
	border: none;
}

form.formation legend
{	font-weight: bold;
	font-size: 1em;
	margin-left: -5px;
	margin-bottom: 10px;
	color: #000000;
}
form.formation label 
{	width:100px;
	float:left;
	margin:0.2em 0 0.6em 0;
	font-size: 0.9em;
}

form.formation p.radio,
form.formation p.checkbox
{	width:10em;
	float:none !important;
	margin:0.2em 0 0.6em 0;
	font-size: 0.9em;
	color: #000000;
}

form.formation label.radio,
form.formation label.checkbox
{	float: none;
	margin:0 0 5px 5px;
	width: auto;
}

form.formation input.radio,
form.formation input.checkbox
{	float: left;
	width: auto;
	margin: 0 0.4em 8px 0;
}


div.checkset,
div.radioset
{	margin-bottom: 10px;
}
			
form.formation input,
form.formation select, 
form.formation textarea 
{	float:left;
	margin:0.2em 0 0.6em 0;
	border: 1px solid #CCCCCC;
}

			
form.formation fieldset br 
{	clear:left;
}
		
form.formation input.text,
form.formation input
{	padding:0.1em;
	margin-top: 0;
	width: 65%;
}

form.formation textarea 
{	padding:0.1em;
	width: 65%;
}
			
form.formation input.button 
{	color:#000000;
	font-weight: bold;
	margin-left: 10em;
	width: 10em;
	clear: both;
	font-size:0.9em;
	background-color:#FFFFFF;
}

form.formation p.capDesc 
{	margin: 15px 0 0 100px;
	font-size: 1em;
	color: #000000;
	display:block;
}
form.formation input.captchatext
{	margin-top: 5px;
	width: 8em;
	margin-left:100px;
}
img.captcha
{	position:relative;
	left:100px;
	top:-5px;
}
form.formation p
{	font-size: 0.9em;
	
}
.textdesc
{	font-size: 1em;
	font-weight: bold;
	margin-top: 16px;
}

.req
{	color: #CC0000;
	font-size: 1.2em;
}
.required,
.FORMATIONsuccess,
.FORMATIONerror
{	color: #CC0000;
}