/* CSS Document */

body {
background-color: #ffffff;
font: 11px Verdana, Arial, Helvetica, sans-serifarial, georgia, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#333333;
}

img{
border:0px;
margin:0px;
padding:0px;
}

img a{
border:0px;
}

#center{
position: absolute;
left:50%;
margin-left:-496px;
width:992px;height:auto;
} 

#schatten_li{
background-image:url(../img/schatten_li.jpg);
background-position:left top;
background-repeat:no-repeat;
width:947px;
height:740px;
}

#schatten_re{
background-image:url(../img/schatten_re.jpg);
background-position:right top;
background-repeat:no-repeat;
width:992px;
height:auto;
}

#main{
width:902px;
margin-left:45px;
height:auto;
background-image:url(../img/menue_bg.png);
background-repeat:repeat-y;
}

a{
color: #7d7e7e;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:active {
color: #1b5677;
}

div.clear {
    clear: both;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    font-size: 1px;
}
 
/* TOP */

#top{
background-image:url(../img/top_bg.jpg);
background-repeat:no-repeat;
width:100%;
height:224px;
margin:0px;
}

#printhead{
position: absolute;
left:50%;
margin-left:-451px;
width:902px;height:auto;
visibility:hidden;
}

/* MITTELTEIL */

#mittelteil{
width:902px;
height:auto;
background-repeat:no-repeat;
background-position:right top;
}


/* FOOTER */

#footer{
width:902px;
height:50px;
background-image:url(../img/footer_bg.jpg);
background-repeat:no-repeat;
clear:both;
}

/* MENU */
/* SUBMENU */

#menu {
width:200px;height:auto;
text-align:left;
float:left;
padding-bottom:50px;
}

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

#menu li a{
font-size:11px;
text-decoration:none;
font-weight:normal;
color:#FFFFFF;
display:block;
width:auto;
line-height:40px;
height:40px;
padding-left:45px;
background-image:url(../img/button_bg.png);
background-repeat:no-repeat;
background-position:0px 0px;
}

#menu li a.sub{
color:#ffffff;
padding-left:70px;
font-size:10px;
background-position:0px -120px;
}


#menu li a.sub:hover, #menu li a.sub.aktiv{
color:#1b5677;
font-weight:bold;
font-size:10px;
padding-left:70px;
background-position:0px -160px;
}


#menu li a:hover, #menu li a.opened, #menu li a.opened:hover, #menu li a.active.aktiv{
color:#1b5677;
font-weight:bold;
padding-left:60px;
background-position:0px -80px;
}


#menu li a.opened {
color:#ffffff;
background-position:0px -40px;
}

#menu li{
margin-left:0px;
}

/* NAV_H */

#nav_h {
width:600px;
height:39px;
overflow:hidden;
padding:0px;
padding-right:20px;
font-size:10px;
text-align:center;
margin-top:185px;
float:right;
}

#nav_h ul{
height:34px;
padding:0px;
margin-top:0px;
list-style:none;
white-space: nowrap;
}

#nav_h li{
background-image:url(../img/nav_h/begin.jpg);
background-repeat:no-repeat;
background-position:left top;
display:block;
float:right;
padding-left:19px;
}

#nav_h a{
display:block;
background-image:url(../img/nav_h/light.jpg);
background-repeat:no-repeat;
background-position:right top;
white-space:normal;
text-decoration:none;
line-height:34px;
color: #403f3f;
text-align:left;
padding-right:40px;
font-weight:normal;
}

#nav_h a:hover, #nav_h li a.aktiv {
color: #000000;
background-image:url(../img/nav_h/light_on.jpg);
}


/* GLASSMENU */

/*
#glassmenu {
width:335px;height:auto;overflow:hidden;
padding:0px;
font-size:10px;
text-align:center;
margin-top:116px;
float:right;
}

#glassmenu ul{
margin:9px;
margin-left:4px;
padding:0px;
list-style:none;
white-space: nowrap;
}

#glassmenu li{
display:block;
float:left;
width:78px;
height:95px;
}

#glassmenu a{
display:block;
width:78px;
height:95px;
background-image:url(../img/glassmenu/icon_1.jpg);
background-repeat:no-repeat;
background-position:left bottom;
white-space:normal;
text-decoration:none;
color: #ffffff;
text-align:center;
}

#glassmenu a.B{background-image:url(../img/glassmenu/icon_2.jpg);}
#glassmenu a.C{background-image:url(../img/glassmenu/icon_3.jpg);}
#glassmenu a.D{background-image:url(../img/glassmenu/icon_4.jpg);}


#glassmenu a:hover, #glassmenu li a.active {
color: #FFFFFF;
font-weight:bold;
background-position:right bottom;
}
*/

/* CONTENT */


#content{
width:702px;
height:auto;
float:right;
}

#fliess{
width:auto;
height:auto;
padding:30px;
padding-right:50px;
line-height:16px;
}

.head_1, .head_2, .event_head{
background-image:url(../img/head_bg.jpg);
background-repeat:no-repeat;
background-position:0px 20px;
color:#1b5677;
font-weight:bold;
font-style:italic;
font-size:24px;
padding-left:5px;
padding-right:5px;
}

.head_2{
background-position:0px 13px;
font-size:18px;
}

.blau{
color:#1b5677;
font-weight:bold;
}

#meet {
width: 180px;
height:140px;
float:left;
margin-right:20px;
}

.events_small {

}

.events_small td {
  padding-right:10px;
  vertical-align:top;
}

.event {

}

.event_head {
  font-size:14px;
  background-position:0px 14px;
  margin-top:30px;
  margin-bottom:10px;
}

.event_img {
  float:left;
}

.event_txt {
  padding-left:150px;
}

.event img {
  padding-left:5px;
  padding-right:10px;
  border:none;
}



/* FORMULARDATEN - noch nicht benutzt, hab ich nur als grundlage so stehen lassen */

/* und ich such den fehler in meiner form.css..... grml....

   ich kommentier mal aus. mussen wir uns mal zusammen ansehen
*/

/*
form {
}

form br {
clear:both;
}

form label  {
text-align: right; 
display: block; 
margin-bottom: 8px; 
padding-right: 10px; 
width: 55px;
float: left 
}

form input, select, textarea { 
font: 11px arial, georgia, sans-serif;
}

form input.error {
  background-color: #E9B2B6;
}
form .digit5 {
  width: 75px;
}

form .err {
  color: #FF0000;
  margin-left: 65px
}

*/