/* Styles fuer 2-Spalter Klassik, Variation */

* {
margin: 0;
padding: 0;
}

html, body {
height:100%;
}

body {
background-color: #fff;
color: #000;
font-size:100.01%;
text-align:center;
}

/* Container */

#wrapper {
height:100%;
position:relative;
margin:0 auto 0 auto;
max-width:60em;
_width:60em;
min-width:750px;
background-color: #FFFFFF;
text-align:left;
}

/* Kopf */

#header {
position:relative;
width:100%;
height: 110px;
margin:0;
}

#header p {
padding:25px 20px 20px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size:1em;
font-weight:normal;
}


.headerimg {
margin:20px 30px 20px 20px;
float:left;
}

#servicenav {
float:right;
margin-top:30px;
font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#369;
}

#servicenav ul {
text-align:right;
list-style-type:none;
}

#servicenav li {
display:inline;
padding:0 2px 0 0.7em;
}

#servicenav a, #servicenav a:visited {
text-decoration:none;
color:#369;
}

#servicenav a:hover, #servicenav a:active, #servicenav a:focus {
text-decoration:underline;
color:#f60;
}

#leiste1 {
position:relative;
width:100%;
height:16px;
background:transparent url(images/bg_drucknav.gif) right top no-repeat;
}

#drucknavimg {
position:absolute;
top:10px;
right:30px;
width:280px;
text-align:right;
z-index:90;
}

#drucknavimg img {
margin-left:8px;
}

#leiste2 {
width:100%;
background:#9cf url(images/container_blau_linke_ecke.gif) left top no-repeat;
height:30px;
}



/* Container */

#container {
margin:0;
zoom:1; /* für IE6 hasLayout */
min-height:70%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height:70%; /* Mindesthöhe in IE (<7) */
width:100%;
font-family:Lucida Sans Unicode, Helvetica, Arial, sans-serif;
background:#fff url(images/bg_navi.gif) top left repeat-y;
}

#randdiv {
width:100%;
background:#9cf url(images/container_blau_linke_ecke.gif) left top no-repeat;
border-right:10px solid #9cf;
height:30px;
}

#content {
height:1%;
margin: 0 0 0 50px;
background:#fff url(images/textcontainer_linke_ecke.gif) left top no-repeat;
min-height:300px;
}

/*#textbereich {
margin-right:200px;
}*/

#rechte_spalte {
float:right;
width:190px;
margin:0;
padding-top:20px;
padding-right:10px;
}

.infokasten {
width:10.5em;
margin-right:20px;
border-bottom:1px solid #FF6600;
background:#fff url(images/infokasten_li.gif) top left no-repeat;
padding:0;
}

.infokasten h1 {
padding:0.3em;
font-size:0.7em;
height:21px;
background:transparent url(images/infokasten_re.gif) top right no-repeat;
color:#fff;
}

.infokasten p {
padding:0.5em 0.3em;
margin-top:-6px;
font-size:0.8em;
border-right:1px solid #FF6600;
border-left:1px solid #FF6600;
}

/* Navigation*/

#hauptnav {
float:left;
width:180px;
margin-top:20px;
padding:0 5px 0 5px;
font-size:0.9em;
}

 /* IE CSS Hack by vbdesigns.de 
* html #hauptnav { 
margin-right: -3px; 
} 

* html #content {
margin:0 0 0 197px;
}
/* ---- */

#hauptnav ul {
padding:0 5px 0 5px;
list-style-type:none;
}

#hauptnav ul li {
padding:10px;
border-bottom:1px solid #fff;
}

#hauptnav ul li ul {
font-size:0.9em;
padding-left:0;
}

#hauptnav ul li ul li {
border:none;
padding:2px 10px;
background:url(images/navi_dataicon.gif) left top no-repeat;
}

#hauptnav ul li ul li ul {
padding-left:15px;
}

#hauptnav a, #hauptnav a:visited {
color:#333;
text-decoration:none;
display:block;
}

#hauptnav a:hover, #hauptnav a:active {
color:#f60;
}


/* 	Text Formatierung */
img {
	border: none;
}

/* 	Um die unterschiedlichen Standard-Abstaende fuer versch. Broweser zu ueberschreiben */
ul, ol, li {
	padding: 0;
	margin: 0;
}

#textbereich {
font-size:0.9em;
}

#textbereich h1 {
font-size:1.1em;
color:#369;
font-weight:bold;
padding:20px 20px 0 30px;
}

#textbereich h2 {
font-size:1em;
padding:20px 20px 0 30px;
font-weight:bold;
color:#369;
}

#textbereich h3 {
font-size:1em;
font-weight:bold;
color:#333;
padding:20px 20px 0 30px;
}

#textbereich p {
line-height:130%;
padding:20px 20px 0 30px;
}

#textbereich ul, #textbereich ol {
line-height: 130%;
padding:20px 20px 0 50px;
}

#textbereich ul {
list-style-image: url(images/dataicon.gif);
}

#textbereich li {
margin:10px 10px 10px 0;
}

#textbereich a, #textbereich a:visited {
text-decoration:none;
color: #369;
border-bottom: 1px solid #f60;
}
#textbereich a:hover, 
#textbereich a:active, 
#textbereich a:focus {
color:#f60;
border:none;
}

#textbereich table {
font-size:1em;
margin:20px 20px 0 30px;
border: none;
border-collapse: collapse;
}

#textbereich td {
border: #ccc solid 1px;
padding: 5px;
text-align: left;
font-weight:normal;
}

#textbereich th {
border: #ccc solid 1px;
font-weight:normal;
padding: 5px;
color:#666;
}

#textbereich table caption{
font-size: 0.9em;
color: #999999;
margin-bottom:4px;
margin-top:20px;
}

#textbereich table h2 {
padding-left:0;
font-size:1em;
}

#textbereich table h3 {
padding-left:0;
}

#textbereich img {
border:1px solid #ccc;
}

fieldset {
border:none;
}

/* ---- */
.invis {
display: none;
}

.rechts {
float:right;
margin:5px;
}

hr {
background-color:#ddd; /* Mozilla 1.4 */
color:#ddd; /* IE 6 */
border: #ddd; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin: 20px 20px 0 30px;
}