html{
width: 100%;
}

body {
background-image: url(../images/bground.jpg);
background-attachment:fixed;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
margin: 0;
padding: 5px 0 5px 0;
}

#oben {
background-image:url(../images/oben.jpg);
background-repeat:no-repeat;
width: 850px;
height: 31px;
}

#mitte {
background-image:url(../images/mitte.jpg);
background-repeat:repeat;
width: 850px;
height: auto;
overflow: hidden;
display: block;
}

#unten {
background-image:url(../images/unten.jpg);
background-repeat:repeat-x;
width: 850px;
height:31px;
overflow: hidden;
padding-top: 5px;
}

#main {
width:850px;
border:0px solid #000;
margin:0;
text-align:left;
margin-top:0px;
margin-bottom:0px;
}

#logo, #logo a {
width: 800px;
height: 146px;
margin: 0 0 0 12px;
}

#ueberschr {
background: url(../images/head.jpg) no-repeat;
float:left;
left:24px;
width: 801px;
position: relative;
he--ight: 30px;
}

#ueb{
font-size: 15px;
font-weight: bold;
color: #0033cc;
vertical-align: middle;
text-align: right;
padding: 5px 5px 5px 0;
}

#angel {
font-size: 9px;
padding: 10px 0 0 10px;
list-style: none;
display: block;
text-decoration: none;
margin: 0;
color: #000;
}

a {
font-weight:bold;
text-decoration: none;
}

a:hover {
color: red;
text-decoration: none;
}

h1 {
color: #0033cc;
font-size: 18px;
font-weight: bold;
margin: 0;
}

h2 {
color: #0033cc;
font-size: 14px;
font-weight: bold;
margin: 0;
}

#w12 {
color: red;
padding-top: 25px;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

li {
list-style: none;
margin: 0;
padding: 0;
}

td {
color: #0033cc;
margin: 0px;
padding: 0px;
}

#textbereich {
left: 0px;
width: 800px;
min-height: 530px;
float: left;
background: url(../images/hb.jpg) no-repeat left top scroll;
margin: 0 0 0 25px;
}

/* ###################################################### */

#navigation {
list-style: none;
font-size: 12px;
display: block;
font-family: arial,helvetica,sans-serif;
font-weight:bold;
left:40px;
top:0px;
float:left;
margin: 60px 0 0 50px;
}

#navigation a {
list-style: none;
pa----dding: 30px 0 0 40px;
backg----round-image: url(../images/mhga.gif);
background-repeat:no-repeat;
col---or: #FDFDFD;
display: block;
text-decoration: none;
text-align: center;
width: 120px;
height: 37px;
}
/*ie weiche*/
* html body 
#navi---gation a{ 
width: 160px;
height: 67px;
}

/* Level 1 */
#navigation ul {
color: red;
}
#navigation ul li {

}
#navigation ul li a {
background-image: url(../images/mhga.gif);
color: #FDFDFD;
padding: 30px 0 0 40px;
}
#navigation ul li a:hover, #navigation ul li.active a {
background-image: url(../images/mhg.gif);
color: red;
}

/* Level 2 */
#navigation ul li.navmainStandardLevel_2 {
margin-left: 10px;
background-image: url(../images/mhg.gif);
}

#navigation ul li.navmainStandardLevel_2 a {
background-image: url(../images/mhg.gif);
}

#navigation ul li.navmainStandardLevel_2 a:hover, #navigation ul li.navmainStandardLevel_2 a.active {
background-image: url(../images/mhg.gif);
}

/* Level 3 */
#navigation ul li.navmainStandardLevel_3 {

}

#navigation ul li.navmainStandardLevel_3 a {

}

#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {

}

/* ###################################################### */

#text {
color: #0033cc;
text-align: justify;
width:510px;
margin:20px 20px 20px 40px;
padding: 0;
float: right;
top: 0;
left: 0;
}

#text li {
padding: 5px 0 5px 30px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style: none;
}

td {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a.smilie {
border: none!important;
margin-right: 5px;
margin-bottom: 5px;
}

#gb {
text-align: center;
}

#smf{
font-size: 9px;
}

a img, a.externallink img,
div.vpgb_infos a img,
div.vpgb_infos a.externallink,
div.vpgb_infos a,
div.vpgb_infos a.externallink {
background: none!important;
border: none!important;
padding: 0px!important;
}

div.vpgb_eintrag {
margin-top: 10px;
border-bottom: 1px dashed #0E399B;
padding-bottom: 10px;
display: block;
float: left;
width: 500px;
}

div.vpgb_fleft {
float: left;
text-align: left;
width: 120px;
margin-right: 10px;
}

div.vpgb_infos {
margin-top: 10px;
white-space: nowrap;
}

div.vpgb_entry {
margin-left: 130px;
}

div.vpgb_comment {
margin-left: 130px;
margin-top: 20px;
margin-bottom: 10px;
font-style: italic;
}

div.vpgb_name {
font-weight: bold;
}

.vpgb_datum .tag {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #000066;
}

.vpgb_datum {
font-family: arial,helvetica,sans-serif;
font-size: 14px;
color: #000066;
}

#vpgb_nav {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px;
}

#vpgb_nav a {
color: #0E399B;
border: 1px solid #0E399B;
text-decoration: none;
padding: 2px;
}

#vpgb_nav span.vpgb_punkte {
color: #0E399B;
border: 1px solid #0E399B;
text-decoration: none;
padding: 2px;
}

#vpgb_nav a:hover, #vpgb_nav a.vpgb_aktiv {
background: #EEEEEE;
}

#inhalt a.bbcode {
color: #0E399B;
border: 1px solid #0E399B;
padding: 4px;
margin-right: 4px;
}

.input_kontakt {
color: #000066;
font-size: 10px;
font-weight: bold;
margin: 2px 0 2px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}   

.button_kontakt {
font-weight: bold;
color: #000066;
background-color: #fefcf0;
font-size: 11px;
cursor: pointer;
}

/* ###################################################### */
/* ###Login############################################## */

#log {
width:250px; 
margin:5px;
padding:0;
background: #D3E9FE url(form_bg.gif) repeat-x;
filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
border: 3px solid #0033cc;
text-align:left;
-moz-border-radius: 1em;
}

#log fieldset {
margin:0;
padding:0;
border:0;
}

#log ul {
margin:0;
padding:0;
list-style:none;
}

#log ul li {
border-top:1px solid #fff;
border-bottom:1px solid #0033cc;
padding:10px;
}

#log ul li.first {
border-top:0;
font-size:20px;
color:#0033cc;
}

#log ul li.last {
border-bottom:0;
}

#log label {
display:block;
color:#0033cc;
float:left;
width:65px;
line-height:23px;
text-align:right;
padding-right:5px;
margin:0 0 0 5px;
}

#log input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0033cc;
}

#log input.text {
width:107px;
margin:0;
padding:3px;
border:0px solid #fff;
border-top:1px solid #0033cc;
border-left:1px solid #0033cc;
height:15px;
}

#log input.submit {
width:90px;
height:23px;
cursor:pointer;
border:0; background:url(../images/icon_button.gif) no-repeat;
color:#0033cc;
font-weight:bold;
margin-left:65px;
}

/* ###################################################### */
/* ###Popupfenster####################################### */

#popup {
background: #efefef;
border: 5px solid #000066;
color: #000066;
width: 300px;
padding: 15px;
position: absolute;
top: 75px;
text-align: left;
}

#popup h1 {
font-size: 1.1em;
text-align: center;
}

#po--pup a {
text-decoration: none;
position: absolute;
top: 0px;
left: 0px;
}

#galleryNav {
padding: 15px 0 0 50px;
}

#close {
text-decoration: none;
position: absolute;
top: 0px;
left: 0px;
}
/* ###################################################### */

#copy {
float:left;
padding: 0px 0 0 20px;
color: #cccddd;
font-family: arial, 'Trebuchet MS', Helvetica,  sans-serif;
text-align: left;
width: 250px;
}

#copy a {
color: #cccddd;
font-family: arial;
text-align: left;
}

#copy a:hover {
font-weight:bold;
color: #000;
}

#trailimageid {
position: absolute;
visibility: hidden;
left: 0px;
top: 0px;
height: 1px;
z-index: 5000;
}

.gallery a {
padding: 5px;
}

#zaehler, #zaehler a {
/*display: none;*/
float: right;
text-align: right;
font-size: 10px; 
padding: 0px 10px 0 0;
color: #cccddd;
}

#zaehler a:hover {
font-weight:bold;
color: #000;
}