/*
#####################################
css-reset
#####################################
*/
* {margin:0px; padding:0px; border:0px;}


/*
#####################################
html
#####################################
*/
HTML {
	height:100.1%;
	font-size: 62.5%;
}


/*
#####################################
body
#####################################
*/
BODY {
	text-align: center;
	font-size:1.2em;
	line-height:1.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#cccccc;
}



/*
#####################################
h1 bis h3
#####################################
*/
H1, H2, H3 {
	line-height:1.5em;
	color:#666666;
	font-size: 1.2em; 
	font-weight: bold;
	margin-top:0px;
}

H1 {
	font-variant: small-caps; 
	font-size: 1.3em; 
	margin-top:1em;
	margin-bottom:0em;
	padding-left:10px;
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
	border-left:1px dotted #666666;
	background-color:#EEEEEE;
}

H2 {
	margin-bottom:0.5em;
	color:#1e477b;
	border-bottom:1px dotted #1e477b;
}

H3 {
	color: #666666;
}

H4 {
	background-color:#666666;
}


/*
#####################################
Links
#####################################
*/
A {
	color:#333333; 
	text-decoration:none;
}
A:link {}
A:visited {}
A:hover {text-decoration:none;}
A:active {}

/*
##################################################
wrapper: zentrierung von 'body' wird aufgehoben
##################################################
*/
DIV#wrapper {
	width:960px;
	margin:20px auto;
	border:1px solid #666666;
	text-align:left;
	background-color:white;
	background-image:url(../grafiken/hintergrund.gif);
	background-position:top;
	background-repeat:no-repeat;}

/*
#####################################
banner
#####################################
*/
DIV#banner {
	height:160px;
}

/*
#####################################
info_status
#####################################
*/
DIV#info_status {
	color:#999999;
	font-size:10px;
	border-bottom:1px dotted #cccccc;
}


/*
#####################################
inhalt
#####################################
*/
DIV#inhalt {
	width:732px;
	float:right;
	padding:0px 20px 0px 20px;
}


/*
#####################################
navi
#####################################
*/
DIV#navi {
	font-size:11px; color:#666666;
	text-align:right;
	margin-top:0px;
	margin-bottom:1.5em;
}

DIV#navi A {
	color:#666666; 
	text-decoration:underline;
}
DIV#navi A:hover {
	text-decoration:none;
}


/*
#####################################
headline
#####################################
*/
DIV#headline {
}


/*
#####################################
main
#####################################
*/
DIV#main {
	line-height:1.8em;
}

DIV#main A {
	color:#1e477b;
	text-decoration:underline;
	font-weight:bold;
}

DIV#main A:hover {
	text-decoration:none;
}

DIV#main strong, DIV#main b {
	font-weight:bold;
	color:#333333;
}


DIV#main DIV#rahmen, DIV#main DIV#rahmen strong {
	color:#333333;
	font-weight:bold;
	text-align:center;
	background-color:#EEEEEE;
	width:670px;
	padding:30px;
	border: 1px dotted #999999;
}

DIV#main DIV#rahmen strong {
	color:#BD1220;
}

DIV#main li {
	margin-left:20px;
}


div#main .style_1, div#main .style_2, div#main .style_3, div#main .style_4, div#main .style_5 {
	font-size:10px;
	font-weight:bold;
	padding:5px;
	background-color:#EEEEEE;
}

div#main .style_1 {
	color:red;
	border:2px solid red;
}

div#main .style_2 {
	color:#08BE50;
	border:2px solid #08BE50;
}

div#main .style_3 {
	color:#CCCCCC;
	border:2px solid #CCCCCC;
}

div#main .style_4 {
	color:#FF9900;
	border:2px solid #FF9900;
}

div#main .klein {
	font-size:10px;
	color:#1e477b;
}

DIV#main .container_links {
	float:left;
	width:80%;
}

DIV#main .container_rechts {
	float:right;
	width:20%;
}

.foto_rahmen {
	border:2px solid #cccccc;
}


/*
#####################################
main:form
#####################################
*/

div#main form {}

div#main form input, div#main form textarea, div#main form select {
	border:1px dotted #666666;
	height:1.5em;
}
	
div#main form fieldset {
	border:1px solid #999999;
	padding:10px 20px;
	margin:20px 0px;
	background-color:#F4F4F4;
}

div#main form fieldset legend {
	font-weight:bold;
	color:#1e477b;
}

div#main form fieldset ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#main form fieldset li {
	float:left;
	margin:0px 0px 5px 0px;
	padding:0px;
	width:100%;
	vertical-align:top;
}

div#main form label {
	color:#333333;
	float:left;
	line-height:167%;
	width:170px;
	font-weight:bold;
}

div#main form input {
	padding-left:5px;
}

div#main form input.radio {
	vertical-align:middle;
	border:0px;
}

div#main form input.button {
	height:2em;
	font-weight:bold;
	color:#1e477b;
	background-color:#EEEEEE;
	border:2px solid #1e477b;
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
}

div#main form input:focus, div#main form textarea:focus {
	background-color:#EDF3F8;
}

div#main form textarea {
	width:450px;
	height:auto;
}

div#main form select {
	width:200px;
}
		
div#main .tooltip {
	font-size:10px;
	color:#000000;
   	display:none;
    position:absolute;
    width:250px;
	margin:0px 10px;
    border:2px solid #999999;
    padding:5px;
    background:#FFFF99;
}

div#main .pflichtfeld {
	vertical-align:top;
	font-size:10px;
	color:#bd1220;
}	

div#main .error {
	color:#bd1220;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}

div#main .nummer {
	font-size:10px;
	color:#666666;
}	



/*
#####################################
main:table
#####################################
*/
div#main table {
	width:732px;
	border:1px solid #999999;
	border-collapse:collapse;
}

div#main table thead th {
	background:#eeeeee;
	color:#1e477b;
	line-height:1.8em;
	padding:5px 5px;
}

div#main table tbody tr td {
	line-height:2em;
	border-bottom:1px dotted #cccccc;
	padding:3px 5px;
}

div#main table tr td.highlight {
	background-color:#eeeeee;
	color:#1e477b;
	font-size:12px;
	font-weight:bold;
	line-height:2em;
}


/*
#####################################
main:linkbuttons
#####################################
*/

div#main div#linkbuttons {
	text-align:right;
}

div#linkbuttons a, div#linkbuttons .active {
	font-weight:bold;
	color:#1e477b;
	background-color:#eeeeee;
	border:1px solid #1e477b;
	padding:5px 20px;
	text-decoration:none;
}

div#linkbuttons a:hover, div#linkbuttons .active {
	background-color:#1e477b;
	color:white;
}


/*
#####################################
menu_left
#####################################
*/
DIV#menu_left {
	width:188px;
	float:left;
	padding:20px 0px 0px 0px;
}

DIV#menu_left UL {
	list-style-type:none;
	font-weight:bold;
}

DIV#menu_left A {
	color:#1e477b;
	display:block;
	padding-left:20px;
	line-height:2.5em;
}

DIV#menu_left A:hover {
	color:#1e477b;
	padding-left:10px;
	border-left:10px solid #999999;
}

DIV#menu_left A.aktiv {
	color:#1e477b;
	padding-left:10px;
	border-left:10px solid #1e477b;
}

DIV#menu_left UL LI.sub A {
	color:#1e477b;
	padding-left:15px;
	line-height:2em;
	font-size:11px;
	font-weight:normal;
}

DIV#menu_left UL LI.sub A:hover {
	color:#1e477b;
	padding-left:15px;
	border:0px;
}

DIV#menu_left UL LI.sub A.aktiv {
	color:#1e477b;
	padding-left:5px;
	border-left:10px solid #1e477b;
}

DIV#menu_left .hinweis {
	font-size:10px;
	font-weight:bold;
	color:#1e477b;
	margin-top:10px;
	margin-left:10px;
	margin-right:40px;
	padding:6px 3px 6px 3px;
	line-height:1.5em;
	text-align:center;
	border:1px dotted #1e477b;	
}


/*
#####################################
login
#####################################
*/

DIV#login A {
	display:inline;
	font-size:14px;
	color:white; 
	background-color:#1e477b;
	font-weight:bold;
	text-decoration:none;
	font-variant:small-caps;
	margin-left:5px;
	padding:5px 15px;
}

DIV#login A:hover {
	padding:5px 15px;
	border-left:0px;
	color:#1e477b;
	background-color:white;
}

/*
#####################################
links
#####################################
*/
DIV#links {
	color:#666666; font-size:11px;
	text-align:right;
	margin:40px 20px 50px 20px;	
	border-top:1px dotted #666666;
}

DIV#links A {
	color:#666666;
	text-decoration:underline;
	padding-left:10px;
	padding-right:10px;
}

DIV#links A:hover {
	text-decoration:none;
}

/*
#####################################
footer
#####################################
*/
DIV#footer {
	clear:both;
	font-size:10px;
	text-align:right;
	color:#666666;
	padding-right:30px;
	padding-top:5px;
	padding-bottom:5px;
	height:20px;
}

DIV#footer A {
	color:#666666;
	text-decoration:underline;	
}

#footer A:hover {
	text-decoration: none;
}