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

* {
margin: 0;
padding: 0;
}

html, body {
height:100%;
}

body {
background-color: #fff;
color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size:100.01%;
text-align:center;
}

/**
 *
 * Skip-Links und versteckte Inhalte
 */

/* Klassen fuer unsichtbare Elemente im Basislayout */
.skip {
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
}

/* Skip-Links fuer Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
  position: static;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
}

.topnav {
color:#3c6;
font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
font-size:0.8em;
height:15px;
width:93%;
margin:0 auto;
text-align:left;
}

.topnav a {
color:#3c6;
}

.topnav a:hover, .topnav a:focus, .topnav a:active {
text-decoration:none;
color:#1e90ff;
} 

/* Container */

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

/* 3pixel-bug ie6: gefloatete container nicht nebeneinander */
#static {
	height:1px;
	width:1px;
	position:absolute;
	top:-100px;
	left:-100px;
}



/* Kopf */

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

#logo {
margin-top:10px;
margin-left:0;
width:100%;
}

#servicenav {
width:100%;
text-align:right;
margin-top:0px;
font-size:0.8em;
color:#000;
min-height:25px;
}

#servicenav ul {
list-style-type:none;
padding-top:5px;
}

#servicenav li {
display:inline-block;
}

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

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

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

#drucknavimg {
float:right;
}

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

#leiste1 {
position:absolute;
z-index:60;
top:175px;
right:20px;
width:100%;
height:15px;
background:transparent url(../images/bg_drucknav.gif) right bottom no-repeat;
}

#titel {
position:absolute;
top:5px;
right:25px;
width:330px;
text-align:right;
z-index:90;
}

#titel h1 {
font-size:1.8em;
color:#fff;
}

#leiste2 {
position:relative;
width:100%;
background:#4682B4 url(../images/leiste2_li.gif) left top no-repeat;
height:30px;
}

#search {
margin-left:230px;
padding-top:2px;
}

#search fieldset {
border:none;
}

#search input {
font-size:0.8em;
color:#999999;
}


/* Container */

#container {
position:relative;
margin:0;
zoom:1; /* für IE6 hasLayout */
min-height:75%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height:75%; /* Mindesthöhe in IE (<7) */
width:100%;
background:#fff url(../images/bg_navi.gif) top left repeat-y;
}

#lzg-logo {
position:absolute;
background:#4682B4 url(../images/bg_navi_fade.gif) left bottom repeat-x;
height:130px;
width:200px;
bottom:0;
left:0px;
}

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

#breadcrumb {
margin-right:220px;
padding:10px 0 0 30px;
font-size:0.8em;
color:#666;
}

#breadcrumb a, #breadcrumb a:visited {
color:#666;
}

#breadcrumb a:hover, #breadcrumb a:active {
color:#ff8c00;
text-decoration:none;
}

#textbereich {
margin-right:220px;
padding-left:30px;
padding-top:30px;
font-size:0.9em;
}

#rechte_spalte {
float:right;
width:200px;
margin:0;
padding:30px 0 0 0;
text-align:left;
font-size:0.8em;
}

.infokasten {
width:100%;
margin:0;
_margin-top:30px;
border:1px solid #ccc;
padding:0;
color:#000;
}

.infokasten h1 {
padding:0.5em;
font-size:1.3em;
color:#cc0000;
}

.infokasten p {
margin:0 0.5em;
padding:0.5em 0;
border-bottom:1px solid #ccc;
}

.infokasten a, .infokasten a:visited  {
text-decoration:none;
color: #c00;
border-bottom:1px solid #ccc;
}

.infokasten a:hover, .infokasten a:active, .infokasten a:focus {
color:#666;
border:none;
}




/* Navigation*/

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

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


/* ---- */


#hauptnav {
clear:left;
float:left;
display:inline;
width:180px;
margin-top:22px;
padding:0 0 0 5px;
font-size:1em;
}

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

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


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

#hauptnav ul li ul li{
border:none;
padding:2px 0;
}


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

#hauptnav a:hover, #hauptnav a:active, #hauptnav a:focus,
#checkup #navi1 a, #praesentation #navi2 a, #veranstaltungen #navi3 a, #organisation #navi4 a, #gesundheit #navi5 a, #partner #navi6 a, #links #navi7 a
{
background:#4682B4 url(../images/icon_pfeil-weiss.gif) right center no-repeat;
}


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

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

#textbereich h1 {
font-size:1.3em;
color: #4682b4;
font-weight: bold;
padding: 0 0 20px 0;
}

#textbereich h2 {
font-size:1.1em;
font-weight: bold;
color:#999999;
padding: 0 0 10px 0;
}

#textbereich h3 {
font-size:1em;
font-weight:bold;
color:#000;
padding: 0 0 10px 0;
}

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

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

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

#textbereich li {
margin:10px;
}

#textbereich ul li ul {
padding-bottom:0;
}

#textbereich a, #textbereich a:visited {
text-decoration:none;
color: #4682B4;
border-bottom: 1px solid #ccc;
}

#textbereich a:hover, #textbereich a:active, #textbereich a:focus {
color:#FF6600;
border:none;
}

.partner {
clear:right;
margin:0 0 0 30px;
padding: 15px;
border-top:1px solid #ccc;
}


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

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

.links {
float:left;
margin-right:5px;
}

.klein {
font-size:0.9em;
}

.grau {
color:#999;
}

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: 0 0 10px 30px;
}