/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* project: www.christelpreuss.de */
/* basic styles */
/* filename: screen.css */
/* update: 2007-06-10  */
/* css author: silvia guth - www.webchair.de */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* +++++ body, hauptdiv +++++ */
body, html {
	text-align: center;
	padding: 0;
	font-size: 100,01%; 
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	background-color: #fff;
}

body,td,th, p {
	color: #464646;
}

a:link, a:visited, a:active {
	color: #000061;
	text-decoration: underline;
}

#container {
	margin: 0px auto;
	text-align: left;
	width: 891px;
	background: transparent;
	font-size: 80%;
	line-height: 120%;
}

/* +++++ header +++++ */

#top {	
	height: 109px;
	background: #fff url(img/header1.jpg) no-repeat;
	margin: 20px 0 0 0;
}


/* +++++ navigation header +++++ */

#topnav {
	margin: 0;
	height: 25px;
	background: url(img/topnav.jpg) no-repeat;
	padding: 0;
}
#topnav ul {
	float: left;
	list-style-type: none;
	margin: 0 0 0 350px;
	padding: 0;
}

*html #topnav ul {
	margin: 0 0 0 180px;
}

#topnav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#topnav ul li a {
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	background: url(img/nav_back_out.gif) no-repeat center left;
	margin: 0;
	padding-left: 15px;
	padding-right: 10px;
}
#topnav ul li a:hover{
	color: #ac2325;
	background: url(img/nav_back_on.gif) no-repeat center left;
}
#topnav a.current {
	color: #ac2325;
	background: url(img/nav_back_on.gif) no-repeat center left;
}

.clearer {
	clear: both;
}

#wrap {
	width: 891px;
	margin: 0;
	background: url(img/back.gif) repeat-y;
}


/* +++++ navigation links +++++ */

#leftnav {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	background: url(img/back_img.jpg) no-repeat bottom left;
	width: 200px;
	height: 480px; /* ie */
}
#leftnav[id] {
	height: auto;
	min-height: 460px; /* alle anderen */
}

#leftnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#leftnav li {
	list-style-type: none;
	width: 180px;
	margin: 0;
	padding: 0 0 0 30px;
}

#leftnav li a {
	padding: 15px 0 0 0;
	list-style-type: none;
	text-decoration: none;
	font-size: 1em;
	text-align: right;
	color: #fff;
	line-height: 120%;
	display: block;
}

*+html #leftnav li a { /*nur ie 7*/
	margin: 0 auto;
	padding: 15px 20px 0 0;
/*	list-style-type: none;
	text-decoration: none;
	font-size: 1.1em;
	text-align: right;
	color: #fff;
	width: 140px;
	line-height: 220%;
	display: inline-block;*/
}

*html #leftnav li a {  /*nur ie 6*/
	margin: 0 auto;
	padding: 15px 20px 0 0;
/*	font-size: 1em;
	text-align: right;
	line-height: 120%;
	width: 130px;
	padding: 5px 0 0 0;
	display: inline-block;*/
}

#leftnav li a:hover{
	color: #000061;
}



#leftnav a.current {
	color: #000061;
}


/* +++++ content mitte +++++ */

#content {
 	margin-top: 0px;;
	margin-left: 240px;
	background: #fff url(img/higru_cont.jpg) no-repeat bottom center;
/*	margin-right: 20px;*/
	padding: 25px 20px 20px 20px;
	width: 400px;
	font-size: 1em;
	line-height: 1.4em;
}


/* +++++ content rechts +++++ */

#rightnav {
	float: right;
	background-color: #fff;
	border: 2px dotted #000061;
	margin: 20px 0 0 0;
	padding: 10px;
	width: 180px;
	font-size: 0.9em;
}
#rightnav p {
	color: #000;
}

#rightnav h1 {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
   	width: 180px;
   	font-size: 1.4em;
   	font-weight: bold;
	color: #000061;
	line-height: 1.2em;
   	background-color: #B2B2CF;
}
#rightnav h2 {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000061;
   	font-size: 1.2em;
   	font-weight: bold;
}

/* +++++ textformate +++++ */

#content h1 { /* 16p, blau, fett */
	font-size: 1.8em;
	font-weight: bold;
	color: #000061;
	margin: 0;
	padding: 0;
}

#content h2 { /* 12p, fett, blau */
	font-size: 1.2em;
	font-weight: bold;
	color: #000061;
	padding: 0;
	padding: 0;
}

#content h3 { /* Subheadline grau, ca 12p */
	font-size: 1.2em;
	font-weight: bold;
	color: #464646;
	margin: 0;
	padding: 0;
}

#content h4 { /* Subheadline rot, ca 11p */
	font-size: 1.1em;
	font-weight: normal;
	color: #9c0705;
	margin: 0;
	padding: 0;
}

#content h5 { /* Subheadline grau, ca 11p */
	font-size: 1em;
	font-weight: bold;
	color: #464646;
	margin: 0;
	padding: 0;
}

#content h6, #rightnav h6 { /* Bildunterschrift */
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 0;
}

#content img {
	padding: 1px;
	display: inline;
	border: none;
}

#content imgright {
	float: right;
	padding: 1px;
	display: inline;
	border: none;
}


#rightnav img {
	margin: 0 -10px 0 -10px;
	padding: 0;
	display: inline;
	color: #000;
	text-decoration: none;
}
 
/* +++++ searchbox wenn eingeschaltet+++++ */

#searchbox {
	padding: 0 0 0 20px;
	margin: 50px 0 16px 0;
}

#searchform {
	background: #fff;
	border: 1px solid #cccccc;
	color: #505050;
	font-size: 0.9em;
	padding: 4px;
	width: 120px;
}

#searchbox label {
	display: none;
}

/* +++++ tabellen +++++ */

table {
	table-layout:fixed;
	margin: 0;
	padding: 0;
	width: 99%;
	line-height: 1.2em;
	border-collapse: collapse;
	background-color: transparent;
}

th {
	padding: 5px;
	text-align: left;
	color: #464646;
	border: none;
	background-color: transparent;
}

td {
	padding: 5px;
	font-size: .9em;
	text-align: left;
	color: #464646;
	border: none;
 	background-color: transparent;
}

/* +++++ footer +++++ */


#footer {
	clear: both;
	text-align: center;
	height: 17px;
	margin: 0 0 0 223px;
	padding: .5em;
	font-size: 0.8em;
	color: #000061;
	background-color: #dee2ee;
}

#footer a {
	color: #000061;
	background-color: inherit;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}



/* +++++ sonstiges +++++ */

.hide {
	display: none;
}
.small {
	font-size: 0.8em;
	line-height: 120%;
}
.rot {
	color: #ac2325;
}

img {
	border: none;
}

/* +++++ formulare +++++ */

.button {
	border: 1px solid #c2c4c6;
	margin: 0 0 15px 0;
	padding: 4px;
	background: #fff;
	color: #505050;
	font-weight: bold;
	width: 110px;
}

input, textarea {
	border: 1px solid #c2c4c6;
	font-family: Verdana,Tahoma,Arial,Sans-Serif;
	font-size: 1em;
	margin: 0;
	padding: 4px;
	background-color: transparent;
} 

label {
	margin: 2px;
}


textarea {
	width: 400px;
}