/* 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;
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:65em;
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:110px;
margin:0;
}

#header p {
padding:40px 20px 20px 0;
font-size:1em;
font-weight:normal;
}


#logo {
position:absolute;
z-index:50;
top:10px;
left:0;
font-size:1.26em;
color:#666;
}

#servicenav {
float:right;
margin-top:10px;
font-size:0.8em;
color:#000;
}

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

#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:#ff8c00;
}

#leiste1 {
position:relative;
width:100%;
height:16px;
background:transparent url(demenz_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:#99E500 url(demenz_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(demenz_bg_navi.gif) top left repeat-y;
}

#lzg-logo {
position:absolute;
bottom:20px;
left:0px;
}

#mp-logo {
position:absolute;
bottom:10px;
right:20px;
}


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

#breadcrumb {
margin-right:200px;
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:200px;
font-size:0.9em;
}

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

.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;
}




/* 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:20px;
padding:0 0 0 5px;
font-size:0.8em;
}

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

#hauptnav ul li {
padding:10px 0 10px 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;
}


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

#hauptnav a:hover, #hauptnav a:active {
color:#fff;
text-decoration:underline;
}


/* 	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.2em;
color: #09c;
font-weight: bold;
padding: 25px 0 20px 30px;
}

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

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

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

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

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

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

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

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


/* Formular */

fieldset {
margin-left:30px;
padding:0 20px;
}

legend {
color:#1e90ff;
font-weight:bold;
font-size:1.1em;
padding:0 20px 20px 20px;
}

div.csc-mailform-field {
padding:20px 0 0 0;
}


/* Tabelle */

table {
border: 1px solid #ccc;
border-collapse:collapse;
margin:0 20px 20px 30px;
font-size:0.9em;
}
	
td {
border: 1px solid #ccc;
padding: 4px 6px;
}

th {
color: #09c;
font-weight: bold;
padding: 4px 6px;
border: 1px solid #ccc;
}

/* Printmedien-Darstellung */

.shop_artikel {
margin:20px 20px 0 0;
border-top:1px solid #ddd;
}

.shop_artikel DIV.csc-textpic-text {
margin-left:150px;
}

.shop_artikel h2 {
font-size:1em;
padding-top:0;
}

.shop_artikel h3 {
font-size:0.9em;
padding-top:0;
}

.shop_artikel div {
padding-top:10px;
min-height:140px;
}

.shop_artikel div img {
border:1px solid #eee;
margin-top:15px;
}



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

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

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

.klein {
font-size:0.9em;
}

.grau {
color:#999;
}

.marker {
font-weight:bold;
color:#1E90ff;
}

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;
}


/* Typo3-Formatierungen */


.csc-textpic-caption {
font-size:0.75em;
font-family: "Lucida Sans Unicode", Arial,sans-serif;
font-weight:normal;
color:#666;
width:250px;
}

div.csc-textpic-clear {
clear:none;
}

div.csc-textpic csc-textpic-intext-left,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap
 {
padding-left:30px;
}