/*  XHTML und CSS: elbwiese.de  \*/

* {
margin:0;
border:0;
padding:0;
}

html {
min-height:101.1%;
}

body {
font:62.5% verdana, arial, helvetica, geneva, sans-serif;
color:#000;
background:#fff url(../grafik/schatten.jpg) 0 -3em no-repeat; 
}

* html body {
text-align:center;
background:url(../grafik/schatten.jpg) 0 -2em no-repeat; 
}

.tarnen {
position:absolute;
overflow:hidden;
top:-1000px;
left:-1000px;
margin:0;
width:0;
height:0;
}

.clear:after {
clear:both;
display:block; 
height:0; 
content:"."; 
visibility:hidden;
}

#rahmen {
margin:0 auto;
width:78em;
height:1%;
background:#fff url(../grafik/kopf1.jpg) 0 -0.1em no-repeat;  
}

* html #rahmen {
text-align:left;
}

* html #rahmen {
background:url(../grafik/kopf.jpg) -0.3em -3.4em no-repeat;  
}

#kopf {
margin:0 auto;
width:78em;
height:178px;
overflow:hidden;
background:transparent;
background:#fff url(../grafik/kopf1.jpg) 0 -0.1em no-repeat;  
}

* html #kopf {
background:#fff url(../grafik/kopf.jpg) -0.3em -3.4em no-repeat;  
}

#kopf img {
position:relative;
z-index:15;
float:right;
margin:-183px 14px 0 0;
}

* html #kopf img {
float:right;
margin:-4.2em 0.9em 0 0;
}

#kopf h1 {
text-indent:-500em;
}

div[id="kopf"] h1 {
position:relative;
float:left;
margin:0 -2000px 0 500px;
width:100%;
height:150px;
z-index:-10}

html>/**/body iv[id="kopf"] h1 {
background:url(../grafik/kopf3.jpg) 0 90px repeat-x}

#kopf h2 {
text-indent:-500em;
}

div[id="kopf"] h2 {
position:relative;
float:right;
width:270px;
height:150px;
z-index:5;
background:#fff url(../grafik/kopf2.jpg) 0 71px no-repeat;
}

#kopf address {
text-indent:-500em;
}

div[id="kopf"] address {
position:relative;
float:left;
margin:-19px 0 0 258px;
height:90px;
width:100%;
z-index:10;
background:transparent url(../grafik/slogan.gif) no-repeat;
}

#navigation {
float:right;
margin:1em 0 1em 0em;
width:16.5em;
}

#navigation ul {
list-style:none;
letter-spacing:0.1em;
text-transform:uppercase;
font-weight:bold;
}

#navigation li {
margin-top:0.9em;	
}

#navigation a {
display:block;
width:15em;
text-decoration:none;
padding-left:1.5em;
}

#navigation ul li a:link {
color:#796851;
}

#navigation ul li a:visited {
color:#796851;
}

#navigation ul li a:hover {
color:#796851;
background:url(../grafik/menuepunkte.gif) 0 -74px no-repeat;
text-decoration: underline;
}

#aktiv  {
background:url(../grafik/menuepunkte.gif) 0 -112px no-repeat;
}

#navigation ul ul {
letter-spacing:0em;
font-weight:normal;
}

#navigation ul ul li {
margin-left:1.4em;
}

#navigation ul ul li a {
width:13.5em;
}

* html #navigation ul ul li a {
width:14.5em;
w\idth:13.5em;
}

#navigation ul ul li a:link {
color:#796851;
}

#navigation ul ul li a:visited {
color:#796851;
}

#navigation ul ul li a:hover {
color:#796851;
background:url(../grafik/menuepunkte.gif) 0 3px no-repeat;
text-decoration: underline;
}

#aktiv_sub  {
background:url(../grafik/menuepunkte.gif) 0 -35px no-repeat;
}


#hintergrund {
float:left;
width:60.5em;
background:transparent url(../grafik/rahmen-rechts.gif) right repeat-y;
}

#inhalt {
float:right;
padding:0.9em 5em 4em 5em;
width:32em;
color:#796851;
background:transparent url(../grafik/rahmen-links.gif) left repeat-y;
}

* html #inhalt {
width:42em;
w\idth:32em;
}

#inhalt h1 {
margin:0 0 1.18em 0;
padding-top:1.65em;
font-size:1.6em;
font-weight:bold;
color:#d82f3b;
background: url(../grafik/trennlinie.gif) 8em 0.3em no-repeat;
}

#inhalt h1:first-child {
margin:0.2em 0 1em 0;
padding-top:0;
background:none;
}

#inhalt h2 {
margin:0.87em 0 0.45em 0;
font-size:1.2em;
font-weight:bold;
}

* html #inhalt /* IE */ {
margin-top:-2.7em;
}

#inhalt p {
margin-bottom:0.73em;
font-size:1.2em;
line-height:1.5;
}

#inhalt dl {
margin-bottom:1em;
}

#inhalt dt {
margin-bottom:0.4em;
letter-spacing:0.1em;
padding:2px;
border:1px solid #796851;
}

#inhalt dl.bild_rechts {
margin:0.3em 0 0 0.7em;
width:12.2em;
float:right;
}


#inhalt dl.bild_links {
margin:0.3em 0.7em 0 0;
width:12.2em;
float:left;
}

#inhalt dl.bild_rechts dd a, #inhalt dl.bild_links dd a {
padding-right:2em;
width:10.2em;
display:block;
border:none;
text-decoration:none;
color:#796851;
background:#fff url(../grafik/lupe.gif) right top no-repeat !important;
}

* html #inhalt dl.bild_rechts dd a, * html #inhalt dl.bild_links dd a {
width:12.2em;
w\idth:10.2em;
}

#inhalt dl.vcard, #inhalt dl.liste {
font-size:1.2em;
line-height:1.5;
}


#inhalt .vcard dt, #inhalt .liste dt {
margin-bottom:0.5em;
border:0;
padding:0;
letter-spacing:0em;
}

#inhalt .vcard dt.bank {
margin:0.5em 0 0em ;
}

#inhalt .vcard .fn, #inhalt .vcard .region, #inhalt .vcard .email {
margin-bottom:0.5em;
}

/*pop-up \*/

#lightbox {
float:left;
margin:-4px 4px 4px -4px;
border-top:0.2em solid #796851;
border-right:0.3em solid #796851;
border-bottom:0.3em solid #796851;
border-left:0.2em solid #796851;
padding:1em;
color:#796851;
background:#fff;
}
	
#lightbox dt {
margin-bottom:0.4em;
letter-spacing:0.1em;
padding:2px;
border:1px solid #796851;
}	

#closeButton {
top:1.3em;
right:1.3em;
width:12px;
height:11px;
}	

#lightboxCaption {
float:left;
margin-bottom:0.5em;
width:100%;
text-align:left;
}


#keyboardMsg {
float:right;
}

#lightbox img {
border:none;
clear: both;
}
	
#inhalt ul {
font-size:1.2em;
margin-top:0em;
margin-left:1.4em;
margin-bottom:0.8em;
list-style:circle;
}

#inhalt ul li {
line-height:1.5;
}

#inhalt a {
text-decoration:none;
border-bottom:1px solid #796851;
}

#inhalt a.ext {
text-decoration:none;
border-bottom:1px dotted #796851;
}

#inhalt a:link {
background: url(../grafik/hover.jpg) -15em 0 no-repeat;
color:#d82f3b;
}

#inhalt a:visited {
background: url(../grafik/hover.jpg) -15em 0 no-repeat;
color:#796851;
}

#inhalt a:hover {
text-decoration:none;
border-bottom:0;
background: url(../grafik/hover.jpg) 0 0 repeat-x;
}

* html #inhalt a:hover {
background:#FCCD3F;
}

dl dt a {
text-decoration:none;
border-bottom:0 !important;
background:none !important;
}

#inhalt strong {
font-style:italic;
font-weight:normal;
}

#inhalt abbr {
border-bottom:1px dotted #d82f3b;
cursor:help;
}

#glosse {
position: fixed;
float:left;
margin:10em 0 0 3.4em;
font-size:1.1em;
color:#796851;
}

* html #glosse {
margin-left:1.1em;
}

#glosse dl {
margin-top:1.3em;
}

#glosse dt {
text-transform:uppercase;
letter-spacing:0.1em;
}

#glosse .region {
margin-bottom:0.5em;
}

#glosse .email {
margin-top:0.5em;
}

#glosse .email a {
text-decoration:none;
color:#796851;
}

#fusz {
position: relative;
float:left;
left:18.6em;
top:-1.5em;
height:2em;
width:42em;
z-index:30;
background:url(../grafik/rahmen-rechts-unten.gif) left bottom no-repeat;
}

* html #fusz {
left:18.4em;
top:-2.8em;
}

#fusz ul {
position: relative;
top:-1em;
height:3em;
width:39.2em;
padding-left:2.7em;
z-index:31;
background:url(../grafik/rahmen-links-unten.gif) right bottom no-repeat;
}


* html #fusz ul {
position:relative;
z-index: 33;
top:0em;
width:42em;
w\idth:39.4em;
}


#fusz ul li {
display:inline;
margin:0 3.5em;
font-size:1.1em;
z-index:32;
}

#fusz a {
color:#796851;
}

#laden {
position:relative;
z-index:100;
margin-top:-20em;
float:right;
padding:0.5em;
color:#fff;
background:#C44;
font-weight:bold;
font-size:1em;
text-align:center;
}


#popup_rahmen {
position:relative;
z-index:260;
background:#796851;
margin-top:-46em;
width:37em;
margin-left:20em;
padding:1em;
border:1px solid #796851;
color:#fff;
}

* html #popup_rahmen {
margin-top:-46.2em;
}

#popup_rahmen h1 {
margin:0.4em 0 0.7em 0;
font-size:1.4em;
font-weight:bold;
color:#fff;
}

#popup_rahmen h3 {
font-weight:normal;
font-size:1em;
float:right;
}

#popup_rahmen h2 {
font-weight:bold;
font-size:1.2em;
margin-top:1.3em;
margin-bottom:0.8em;
margin-left:1.2em;
}

#popup_rahmen a {
font-weight:bold;
color:#fff;
}

#popup_rahmen p {
font-size:1.1em;
margin-bottom:0.8em;
}

#popup_rahmen ul {
font-size:1.2em;
float:left;
}

/* Formulare */

#fehler li {
font-size:0.8em;
font-style:italic;
}

fieldset {
padding:0;
border:0 solid #000; 
line-height:1.5em;
font-size:1.2em;
}

* html fieldset {
line-height:2.5em;
}

input[type=text] { 
padding:0.1em;
border:1px solid #796851;
width:100%;
font:1.1em verdana, arial, helvetica, geneva, sans-serif;;
color:#796851;
cursor:text;
text-align:left;
}

textarea {
margin-top:0.85em;
padding:0.1em;
border:1px solid #796851;
width:100%;
height:10em;
font:1em verdana, arial, helvetica, geneva, sans-serif;  
color:#796851;
cursor:text;
}

* html textarea {
margin-top:-0.25em;
}

label, input[type=radio], input[type=checkbox], input[type=submit] {
cursor:pointer;
}

input[type=text] {
margin:0.5em 0;
}

input[type=submit], input[type=reset] {
margin:1em 4em 0 0;
border-bottom:1px dotted #796851;
padding:0 0.5em;
text-decoration:none;
color:#d82f3b;
background:#fff url(../grafik/hover.jpg) -15em 0 no-repeat;
}

input[type=submit]:hover, input[type=reset]:hover {
text-decoration:none;
border-bottom:1px dotted #796851;
background: url(../grafik/hover.jpg) 0 0 repeat-x;
}

input[type=submit]:active, input[type=reset]:active {
text-decoration:none;
border:0;
background: url(../grafik/hover.jpg) 0 0 repeat-x;
}

* html input { 
padding:0.1em;
border:1px solid #796851;
width:96%;
font:1.1em verdana, arial, helvetica, geneva, sans-serif;;
color:#796851;
cursor:text;
text-align:left;
}

* html textarea { 
width:96%;
}

* html .eingabe {
width:27%;
margin:1em 4em 0 0;
border:0;
border-bottom:1px dotted #796851;
padding:0 0.5em;
text-decoration:none;
color:#d82f3b;
background:#fff url(../grafik/hover.jpg) -15em 0 no-repeat;
cursor:pointer;
}

* html .eingabe:hover {
text-decoration:none;
border-bottom:1px dotted #796851;
background: url(../grafik/hover.jpg) 0 0 repeat-x;
}