/* Styles fuer 2-Spalter Klassik, Variation */

* {
margin: 0;
padding: 0;
}

html, body {
height:100%;
}

body {
background-color: #fff;
color: #000;
font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
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:#006699;
font-family:Arial, Helvetica, sans-serif; 
font-size:0.8em;
height:15px;
width:93%;
margin:0 auto;
text-align:left;
}

.topnav a {
color:#006699;
}

.topnav a:hover, .topnav a:focus, .topnav a:active {
text-decoration:none;
color:#333;
}

/* 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;
}

/* Kopf */

#header {
position:relative;
width:100%;
height:130px;
margin:0;
}

#header p {
padding:63px 0 0 220px;
font-size:1.4em;
font-weight:bold;
color:#333;
}


#logo {
position:absolute;
z-index:50;
top:10px;
left:20px;
}

#servicenav {
position:absolute;
top:10px;
right:0px;
font-size:0.8em;
color:#333;
}

#servicenav ul {
text-align:right;
list-style-type:none;
}

#servicenav li {
display:inline-block;
}

#servicenav li {
display:inline;
margin:0 2px 0 5px;
}

#servicenav a, #servicenav a:visited {
text-decoration:none;
margin-right:5px;
color:#333;
}

#servicenav a:hover, #servicenav a:active, #servicenav a:focus {
text-decoration:underline;
color:#FF8C00;
}

#leiste1 {
position:relative;
width:100%;
height:16px;
background:transparent url(bew_bg_drucknav.gif) right bottom no-repeat;
}

#drucknavimg {
position:absolute;
top:10px;
right:30px;
width:330px;
text-align:right;
z-index:90;
}

#drucknavimg img {
margin-left:3px;
}

#drucknavimg fieldset {
border:none;
}

#leiste2 {
width:100%;
background:#FF8c00 url(bew_leiste2_li.gif) left top no-repeat;
height:30px;
}

/* 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(bew_bg_navi.gif) top left repeat-y;
z-index:1;
}


#lzg-logo {
position:absolute;
bottom:0;
left:0px;
width:200px;
/* height:120px;
background:#ff8c00 url(bew_bg_navi_fade.gif) left bottom repeat-x; */
}

#lags-logo {
position:absolute;
bottom:10px;
right:0px;
}

#content {
height:1%;
margin: 0 0 0 200px;
padding:0;
background:#fff url(bew_textcontainer_linke_ecke.gif) left top no-repeat;
min-height:500px;
}

#breadcrumb {
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;
font-size:0.9em;
padding-bottom:20px;
}

#rechte_spalte {
float:right;
width:200px;
margin:0;
padding:30px 0 0 0;
font-size:0.8em;
text-align:right;
}

#rechte_spalte img {
margin:5px 0 0 0;
}


#rechte_spalte h2 {
text-align:left;
font-size:1em;
font-weight:bold;
color:#999;
padding-left:10px;
}

#rechte_spalte p {
text-align:left;
padding:0.5em 0 0.5em 10px;
font-size:1em;
}



.infokasten {
width:100%;
margin:0 0 10px 0;
_margin-top:30px;
border:1px solid #ccc;
padding:0;
color:#000;
}

.infokasten h1 {
padding:0.5em;
font-size:1em;
font-weight:bold;
color:#ff8c00;
}

.infokasten p {
margin:0 0.5em;
padding:0.5em 0;
}

.infokasten a, .infokasten a:visited  {
text-decoration:none;
color: #09c;
}

.infokasten a:hover, .infokasten a:active, .infokasten a:focus {
color:#ff8c00;
border-bottom: 1px solid #ccc;
}


.abstand {
margin-left:30px;
}

/* 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:195px;
margin-top:20px;
padding:0 0 0 5px;
font-size:0.9em;
}


#hauptnav ul {
padding:0 0 0 5px;
list-style-type:none;
}

#hauptnav ul li {
padding:10px 0 10px 0;
margin:0 10px 0 5px;
border-bottom:1px solid #fff;
}

#hauptnav ul li ul {
font-size:0.9em;
padding-left:0;
}

#hauptnav ul li ul li {
border:none;
font-weight:normal;
padding:2px 10px;
}

#hauptnav ul li ul li ul {
font-size:1em;
padding-left:0;
}

#hauptnav ul li ul li ul li {
border:none;
font-weight:normal;
padding:2px 10px;
}

#hauptnav a, #hauptnav a:visited {
color:#000;
text-decoration:none;
display:block;
}

#hauptnav a:hover, #hauptnav a:active {
color:#fff;
}


/* 	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.25em;
color: #006699;
font-weight: bold;
padding: 25px 0 0 30px;
}

#textbereich h2 {
font-size:1.1em;
font-weight: bold;
color:#FF8C00;
padding: 30px 0 0 30px;
}

#textbereich h3 {
font-size:1em;
font-weight:bold;
color:#000;
padding: 20px 0 0 30px;
}

#textbereich p {
line-height:130%;
padding:20px 0 0 30px;
}

#textbereich ul, #textbereich ol {
line-height: 130%;
padding: 20px 0 0 50px;
}

#textbereich ul {
list-style-type:none;
list-style-image: url(DataIcon.gif);
}

#textbereich li {
margin:5px 0;
}

#textbereich ul ul, #textbereich ul ul ul {
padding: 10px 0 10px 30px;
}

#textbereich a, #rechte_spalte a {
text-decoration:underline;
color: #006699;
}

#textbereich a:hover, #textbereich a:active, #textbereich a:focus,
#rechte_spalte a:hover, #rechte_spalte a:active, #rechte_spalte a:focus {
color:#FF8C00;
text-decoration:none;
}


#textbereich img {
margin:0 5px;
}

#termin {
border-bottom:1px solid #ccc;
margin-left:30px;
padding-bottom:20px;
}

#termin p {
padding-left:0;
}

#abstand {
padding:20px 0 0 30px;
}

#abstand p {
padding:0;
}

/* Formular */

fieldset {
margin-left:30px;
}

legend {
color:#006699;
font-weight:bold;
font-size:1.1em;
padding:0 20px 20px 20px;
}

div.csc-mailform-field {
padding:20px 10px 0 10px;
}

div.csc-mailform-label {
font-size:1.1em;
font-weight:bold;
color:#999;
padding:20px 10px 0 10px;
}

/* ---- */
.invis {
display: none;
}

.rechts {
float:right;
margin:5px;
}

.links {
float:left;
margin-right:5px;
}

.klein {
font-size:0.9em;
}

.marker {
font-weight:bold;
color:#006699;
}
