* {
padding : 0;
margin : 0;
}


body {
font-size : 1em;
font-family : Arial, Helvetica, SunSans-Regular, Sans-Serif;
color : #333333;
margin : 0;
padding :0;
text-align : left;
background-color: white;
background-image : url(img/2.gif);
background-position : top left;
}


#hg {
margin-right: auto;
margin-left: auto;
width: 905px;

}

#wrapper {

}

#oben {
position: relative;
top: 20px;
margin:0;
width : 907px;
background-color : transparent;
height:48px;
background-image : url(img/ludwigdrumm.png);
background-repeat: no-repeat;
background-position : top left;
}


#billbild {
position: absolute;
top: 77px;
left: 407px;
border:0;
text-decoration: none;
}
#billbild img {
border:0; }

#header {
position: relative;
top: 20px;
background-image : url(img/header.jpg);
background-position : top left;
width: 631px;
height: 343px;


}

#navirechts {
margin-left: 631px;
background-image : url(img/hg-n-oben.gif);
background-repeat: no-repeat;
width : 274px;
height: 32px;
border-right: solid 2px white;


}
#naviunten {
background-image : url(img/hg-n-unten.gif);
background-position : top left;
background-repeat : no-repeat;
height:24px;
width: 274px;

}


#inhalt {
float:left;
width : 100%;
border : 0;
background-image : url(img/hg-inhalt.gif);
background-position : top left;
background-repeat : repeat-y;
border-bottom: solid 2px white;
border-right: solid 2px white;
min-height: 500px;
padding-bottom:2em;
}

#werbespalte {
float:left;
width: 234px;

margin: 0;
margin-top: 20px;
padding: 10px;
color: #ffff00;
}


.textbereich {

position: relative;
top:0;
z-index:5;
line-height : 1.4em;
margin-top : -28px;
margin-right : 0;
margin-bottom : 0;
margin-left: 274px;
padding-top: 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
width : auto;
min-height: 300px;
}
.textbereich a img  {
border:solid 3px white;
margin-right: 10px;
margin-bottom: 1em;
}
.textbereich a:hover img  {
border:solid 3px #fad90f;
}






#fuss {
clear:left;
position: relative;
margin-top : 0;
margin-right : 0;
margin-bottom : 2em;
margin-left : 0;
padding-top : 0;
padding-bottom : 0;
padding-left: 0;
border : 0;
background-image : url(img/ludwigdrum-unten.png);
background-repeat: no-repeat;
background-position : top left;
height: 48px;
width: 907px;
}






#navi {
position: relative;
left: 631px;
width: 274px;
z-index: 100;
background-image : url(img/hg-n.gif);
background-position : top left;
background-repeat: repeat-y;
text-align : left;
font-family : Arial, Helvetica, SunSans-Regular, Sans-Serif;
font-size : 0.9em;
color: white;
margin : 0;
margin-top : 0px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
border : 0;
padding : 0;
border-right: solid 2px white;

}
#navi ul {
min-height: 300px;
}


#navi li {
display : block;
list-style-type: none;
margin : 0;
margin-left: 26px;

color : white;
line-height : 1.1em;
border-bottom: solid 1px #cc6600;
padding-top: 0.25em;
padding-right: 0;
padding-bottom: 0.25em;
}


#navi li a:link, #navi li a:visited, #navi li a:hover, #navi li a:focus, #navi li a:active {
	color : white;
display:block;
text-decoration : none;

color: #fad90f;
}

#navi li a:visited { 

}

/*Hervorhebung*/

#navi li a:hover, #navi li a:focus, #navi li a:active, 
#navi li.current a:link
{

color : white;
margin : 0;

text-decoration : none;
border:0;




}


/* Navigation OBEN 
----------------------------------------------------------------------------------------  */
.navioben {
position: absolute;
left: 631px;
top: 23px;
font-size: 0.75em;
text-transform: uppercase;
color: white;
}
.navioben li {
display: inline;
list-style-type: none;
margin-left: 26px;

}
.navioben a:link, .navioben a:visited, .navioben a:hover, .navioben a:focus, .navioben a:active {
color: white;
text-decoration:none;}

#navioben a:visited {
text-decoration: none;
}

.navioben #current a, .navioben a:hover, .navioben a:focus, .navioben a.active {
color: #cc6600;
text-decoration:none;
}

.pos {position: relative;
top: -12px;
}

/* Untermenue
----------------------------------------------------------------------------------------  */
#untermenue {
position: relative;
font-size:90%;
float:left;
width: 234px;
padding-top: 4.6em;
padding-left: 1em;
margin-bottom: 30px;

}
#untermenue li {
list-style-type: none;
color:#333;line-height: 2em;
margin-bottom: 0.7em;

}
#untermenue a:link, #untermenue a:visited, #untermenue a:hover, #untermenue a:focus, #untermenue a:active {
color:#333;
background-color: #fad90f;
text-decoration: none;
font-style: oblique;
font-weight: bold;
border: solid 1px #fad90f;
padding: 0.1em;

}
#untermenue a:hover, #untermenue a:focus, #untermenue a:active, #untermenue li.active a{

background-color: #F3D0B7;

}

/*TEXTFORMATIERUNGEN 
----------------------------------------------------------------------------------------  */








h1 {
font-family : Arial, Helvetica, SunSans-Regular, sans-serif;

padding: 0;

	font-size : 1.4em;
line-height : 1.4em;
	text-align : left;
font-weight : bold;
color : #333333;
background-color: #fad90f;
font-style: oblique;

display: block;
width: 353px;

}
h1 span {
color: #b0251b;
}


h1 img {
padding-top : 0;
padding-right : 1em;
padding-bottom : 1em;
float : left;
}

h1 i {
font-size: 90%;
font-style: normal;
font-weight : normal;
}
h2 {
padding:0;
padding-bottom: 0.5em;
color: black;
font-size: 1.5em;
font-weight: bold;
}





h3.grau {
margin-top: 2em;
margin-bottom: 2em;
text-align: center;
color: #333;
font-size: 0.75em;
font-weight: normal;
}
h3.grau a {
color: #333;
}

h3 a {
color: white;
text-decoration: none;
}
h5 {padding-bottom: 0;}

h6 {
font-size : 0.95em;
color: #333333;
border-bottom : solid 1px #cc6600;

margin-bottom : 1em;

}

p.clear {
clear : both;
height:0;
margin:0;
padding:0;
}

.textbereich p {

padding-top :0;
padding-bottom : 1.4em;
}
span.text {
display:block;
margin-top: 4em;
margin-bottom : 1.4em;
}


.textbereich p img {
}




/*  ----------------------------------
skips
---------------------------------------*/
.skiplink {
display: none; }








#top {

font-size : 1em;
padding-top: 0.2em;
padding-right : 38px;
padding-bottom: 0.2em;
padding-left : 38px;
margin-top: 2em;
margin-left : 272px;
width : 186px;

border-top : solid 1px #333333;
border-bottom : solid 1px #333333;
color : #333333;
}


#small{
font-size: 90%;
}



/* Absatz und text
----------------------------------------------------------------------------------------  */


p {padding-right: 16px;
}

p a:link, p a:visited, p a:hover, p a:focus,  p a:active {
	background-color: #fad90f;
border-bottom : solid 1px #fad90f;
color: #333333;
padding: 2px;
	text-decoration : none;
}

p a:hover, p a:focus, p a:active {
color: black;
border-bottom : solid 1px black;
	text-decoration : none;
}

.text{
margin-top: 4em;

}


#fuss h1#mini {
display:none;
}
#english a, #deutsch a{
padding-right: 30px;}

#english {
background-image: url(img/english.gif);
background-repeat: no-repeat;
background-position: right;
}
#deutsch {
background-image: url(img/deutsch.gif);
background-repeat: no-repeat;
background-position: right;
}


/* Formular
----------------------------------------------------------------------------------------  */

form {
padding-top: 0;
}
.errors {
color: #cc0066;
padding-bottom: 1em;
}
label {
position : relative;
margin-bottom:0;
}

fieldset {border:0;}
fieldset p{
margin:0;padding:0;}

input, select, textarea, submit {
position : relative; left: 100px;
width: 250px; margin-bottom : 1em;
}

form img {
margin-top: 10px;margin-left: 100px;margin-bottom : 1em;
}
.button { width: 250px;position : relative; left: 150px;}

form span {
display : block;
}


/* lightbox
----------------------------------------------------------------------------------------  */
.bildundtext {font-size: 93%;}

.bildundtext img{
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 0;
}
.bildundtext div{
clear: left;
height: 150px;
}
p .clear {clear:both;height:1px;}
/* Werbespalte
----------------------------------------------------------------------------------------  */
#werbespalte {margin-top:3.6em;}


#werbespalte .bild {
padding-bottom: 0.5em;
margin-bottom: 2em;
color: black;
line-height: 1.4em;
font-size: 0.9em;
border:0;
text-decoration: none;
}

#werbespalte img {
text-decoration:none;
border:0;
margin-top:1em;
}

#werbespalte .bild a {
text-decoration: none;
border:0;
}

.bild p{ width: 222px;}

#werbespalte h2, #werbespalte a { margin:0; padding:0;color:black;}


#werbespalte .bild h1 {
font-family: "times new roman";
font-style: normal;
font-weight: bold;
background-color: transparent;
width: auto;
font-size: 200%;

}


.link {
position: absolute;
left:-259px;
border:0;
}