body,html{
  height:100%;
  width:100%
  text-align:center;
  background-image: url(_img/background.jpg);
  margin:0px;
  padding:0px;
}

#background {
  width:100%; 
  height:100%;   
  margin:0;
  padding:0;}

#box{  
  width:980px;
  padding:0px;  
  margin:0 auto;
  text-align:left;
  position: relative;
  min-height: 100%; /* Fuer moderne Browser */
  height: auto !important; /* Fuer moderne Browser */
  height: 100%; /* Fuer IE */); }
  
 #logo{
  background-image: url(_img/logo.png); 
  top:35px;
  left:160px;
  width:300px;
  height:75px;
  z-index:22;
  position:absolute;
 }

#inhalt_rand {
  width:150px;
  font:10px Verdana, Arial, sans-serif;  
/*  top:380px;
  left:0px;
  height:109px;
  z-index:22;
  position:absolute;*/}
 
#bild{
  width:816px;
  height:250px;
  margin-left:156px;
  margin-top:5px;
  padding:0px;
  background-image: url(_img/banner_gruppe.jpg);}

#bild_saal{  
  width:816px;
  height:250px;
  margin-left:156px;
  margin-top:5px;
  padding:0px;
  background-image: url(_img/saalvermietung.jpg);}}
      
#bildklein{
  width:816px;
  height:155px;
  margin-left:156px;
  margin-top:5px;
  padding:0px;
  background-image: url(_img/bild5.jpg);}
  
#inhalt{  
  width:796px;
  margin-left:160px;
  padding:20px 0px 15px 20px;
  min-height:320px;
  font:12px Verdana, Arial, sans-serif;  
  line-height:16px; }
  
#inhalt_links {float: left; width: 500px; padding:0px 30px 0px 0px; }
#inhalt_rechts{ float: left; width: 261px; padding:0px 0px 0px 0px; }
#inhalt_mitte {float: left; width: 766px; padding:0px 20px 0px 0px; }

div#inhalt_links iframe { border: 0px; width: 795px; height: 583px; }

#navigation{
margin-right:0px;
text-decoration:none;  
font:12px Verdana, Arial, sans-serif;  
padding-top:0px;
width:160px;
min-height: 660px; 
list-style:none;
float: left; 
clear:left;  
background-image: url(_img/nav.gif); }


h1 {
font:16px Verdana, Arial, sans-serif;  
color:#FFF;
background:#009de0;
font-weight:bold;
font-variant:small-caps;
padding-left:6px;
padding-bottom:2px;
padding-top:2px;
}

h2 {
font:17px Verdana, Arial, sans-serif;  
color:#000000; 
font-weight:bold;
font-variant:small-caps;
background-image:url(_img/h2.gif);
background-repeat:no-repeat;
background-position: 0 4px;
border-bottom:2px solid #009de0;
padding:0 0 0 13px;
margin-bottom:10px;
 }
 
h3 {
font:12px Verdana, Arial, sans-serif;  
color:#000000;
font-weight:bold;
margin:10px 0 3px 0;
}

h4 { font-size: 16px;color:#000000;
font-weight:bold; }

h5 {
font:11px Verdana, Arial, sans-serif;  
color:#000000;
}

.csc-textpic-caption  {font:12px Verdana, Arial, sans-serif;padding-top:10px;  }

.download {  color:#009de0;}
.external-link-new-window {  color:#009de0;}
.internal-link { color:#009de0;}

p.align-center align-justify {text-align: justify;}
.align-justify {text-align: justify;}

/* Sidemenu Navigation */

a.mail {color:#009de0;font-size:12px;}

a.internal-link {color:#009de0;font-size:15px;}

ul#level1navlist { 
  margin-left: -34px;
  margin-top: 0px;
  padding: 0px 0px 15px 34px;
}
ul#level2navlist,
ul#level3navlist,
ul#level4navlist { 
  margin-left: -25px;
  margin-top: 0px;
  padding: 0px 0px 0px 25px;
}
/* gilt fuer alle LI */
ul#level1navlist li,
ul#level2navlist li,
ul#level3navlist li,
ul#level4navlist li { 
  list-style: none;
}
/* gilt fuer alle Links */
ul#level1navlist a,
ul#level4navlist a,
ul#level5navlist a {
  display: block;
  padding: 4px 0px 4px 10px;
  text-decoration: none;
  color: #FFF;
  background: #009de0;  
  font-variant:small-caps; font-size: 14px; font-weight:bold;
}

/* Level2navlist Links (Abstand links, Hintergrundfarbe... */
ul#level2navlist a{
  display: block;
  padding: 2px 0px 2px 22px;
  text-decoration: none;
  color: #FFF;
  background: #0280b5;
  font-size: 12px;
  font-variant:normal;   
}

/* Level3navlist Links (Abstand links, Hintergrundfarbe... */
ul#level3navlist a{
  display: block;
  padding: 2px 0px 2px 35px;
  text-decoration: none;
  color: #FFF;
  background: #c06a02;
  font-size: 10px;
  font-variant:normal;   
}

ul#level1navlist a:active, ul#level1navlist a:hover,
ul#level4navlist a:active, ul#level4navlist a:hover,
ul#level5navlist a:active, ul#level5navlist a:hover {
background: #888484;  }
  
ul#level2navlist a:active, ul#level2navlist a:hover  {
background: #888484; }

ul#level3navlist a:active, ul#level3navlist a:hover{
background: #888484; }

ul#level1navlist a.act, ul#level1navlist a.cur,
ul#level3navlist a.act, ul#level3navlist a.cur,
ul#level4navlist a.act, ul#level4navlist a.cur,
ul#level5navlist a.act, ul#level5navlist a.cur {
background: #888484; color:#ffffff;
}
  
ul#level2navlist a.act, ul#level2navlist a.cur {
background: #888484;   }

ul#level1navlist a.act,
ul#level4navlist a.act,
ul#level5navlist a.act {background: #009de0;}

ul#level2navlist a.act  {background: #0280b5;}

ul#level3navlist a.act{background: #b46402;}

/* Level 1 normal mit dunklem Hintergrund und Raendern*/
ul#level1navlist li.l1no {
font-variant:small-caps; font-size: 14px; border-bottom: 1px solid #FFF;
}
/* Level 2 normal mit dunklem Hintergrund und Raendern*/
ul#level2navlist li.l2no {
border-bottom: 1px solid #FFF;
}
/* Level 3 normal mit dunklem Hintergrund und Raendern*/
ul#level3navlist li.l3no {
border-bottom: 1px solid #FFF;
}

/* Level 1.cur/act haben hellen Hintergrund und helle Raender und einen langen Oberstrich und einen langen Unterstrich*/
ul#level1navlist li.l1cur, 
ul#level1navlist li.l1act {
border-bottom: 1px solid #FFF;
}

/* Level 1.cur/act haben hellen Hintergrund und helle Raender und einen langen Oberstrich und einen langen Unterstrich*/
ul#level1navlist li.l1act .act {
border-bottom: 1px solid #FFF;
}

/* Level 2.cur/act haben hellen Hintergrund und helle Raender und einen langen Oberstrich und einen langen Unterstrich*/
ul#level2navlist li.l2cur, 
ul#level2navlist li.l2act {
}

/* Level 3.cur/act haben hellen Hintergrund und helle Raender und einen langen Oberstrich und einen langen Unterstrich*/
ul#level3navlist li.l3cur .cur {
}

/* Level 2-5 no/cur/act haben hellen Hintergrund und Raender */
ul#level3navlist li, 
ul#level4navlist li  {background-color: #D12E15;}

ul#level1navlist li.l1 a.active, 
ul#level2navlist li.l2 a.active, 
ul#level3navlist li.l3 a.active, 
ul#level4navlist li.l4 a.active {background: #D12E15;}

ul#level1navlist li.l1 a.current, 
ul#level2navlist li.l2 a.current, 
ul#level3navlist li.l3 a.current, 
ul#level4navlist li.l4 a.current {background: #b92109;}

ul#level1navlist li.l1hi a.current, 
ul#level2navlist li.l2hi a.current, 
ul#level3navlist li.l3hi a.current, 
ul#level4navlist li.l4hi a.current {background: #b92109;}

ul#level1navlist li.l1 a, ul#level1navlist li.l1hi a, 
ul#level2navlist li.l2 a, ul#level2navlist li.l2hi a,
ul#level3navlist li.l3 a, ul#level3navlist li.l3hi a, 
ul#level4navlist li.l4 a, ul#level4navlist li.l4hi a {
  padding: 0px 0px 0px 25px;
  font-family: Arial,Helvetica,Sans-Serif;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

ul#level1navlist li.l1hi a, 
ul#level2navlist li.l2hi a,
ul#level3navlist li.l3hi a, 
ul#level4navlist li.l4hi a {
}

ul#level2navlist li { padding-left: 0px;}
ul#level3navlist li { padding-left: 0px; }
ul#level4navlist li { padding-left: 40px; background-color: #b92109; }

/* TTNews */
.news-list-morelink a{
color:#009de0;   
text-decoration: none;
margin-top:-10px;
}

.news-list-morelink a:hover {
color:#000000; }

.news-single-backlink a{
color:#009de0;   
text-decoration: none;}

.news-single-backlink a:hover{
color:#000000; }

.news-single-backlink{
border-top:1px solid #d12e15;
}

.news-list-date {
font-weight:bold;
  margin-top:-10px;
  color:#2e2e2e;
  font-size: 11px;
}

.news-list-item {  padding-top:0px;}

.news-list-container img{
float:right;
margin-left:10px; 
margin-top:-10px;
}

/* Cal */
.found{
  margin-top:-35px;
  color:#009de0;
  font-size: 11px;
  float:right;}
  
.cal_container{
 background-image:url(_img/cal_linie.gif);
 background-repeat:no-repeat;
 background-position:bottom;
padding-bottom:3px;
margin-top:10px;
}
.cal_container img{
float:right;
margin-left:10px; 
margin-top:-11px;
}

div.wtgallery_list_area div.wtgallery_list, div.wtgallery_category_area div.wtgallery_categories
{padding-right:5px;}

span a {color:#960606;margin-left:5px; margin-right:5px;}
div#map2008.tx-wecmap-map div span { display: block; position absolute; left:50px; }
div.tx-wecmap-pi2 .infotitle { width:200px;padding-bottom:10px; }

/* Formular */
fieldset.tx-powermail-pi1_fieldset {
    border: 1px solid #009DE0;
    padding: 30px;
  background-color: #fbf8d2;
}

fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend 
{width:500px; font-weight: normal; clear: left;  
    display: block;
}
fieldset.tx-powermail-pi1_fieldset  input.powermail_text, fieldset.tx-powermail-pi1_fieldset  input.powermail_date, fieldset.tx-powermail-pi1_fieldset  input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset  textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset  input.powermail_captcha 
{clear: left;  display: block;}
  
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner_uid488_1
 {padding-top:20px;}

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner
{margin-left:0px;}

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner_uid494_1
{padding-top:20px;}

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner_uid499_1
{padding-top:20px;}

select {clear: left;  display: block;}

legend {display:none;}

.tx-powermail-pi1_mandatory {font-size:15px;color:red;border: 1px solid #009DE0;margin:20px;padding:10px;}
.powermail_mandatory_listitem {color:red;font-size:12px;}

/* Kurstool*/
th { text-align: left; color:#000; padding: 8px 0 8px 0;}
table { width: 100%; font-size: 12px;}
p { margin: 0; }
legend { color: #000; }
a { color: #009de0; font-size: 12px; font-weight:bold; text-decoration:none; }
a:hover, a:active { color: #000; }

.rahmen {border: 1px solid #009DE0;padding: 5px; margin:5px 0 5px 0;}

a.start { text-transform:uppercase;font-weight:bold; color: #000; }
a.start:hover { text-transform:uppercase;font-weight:bold; color: #fff; }


.start { font-size: 13px; }
.right { text-align: right; }
.buttonbox { float: left; display: inline; padding: 5px; width: 130px; height: 150px; }

/* Anmeldung */
body.zg-0 {width: 775px;padding: 0px; }
fieldset { margin-bottom: 10px; border: 1px solid #000; }
fieldset.infotext div { height: 332px; overflow: auto; scrollbar-base-color: #fff; }
fieldset.agbtext div   { height: 332px; overflow: auto; scrollbar-base-color: #fff; padding-right: 5px; padding-left: 5px; }
fieldset.agbtext div p { font-size:10px;}
.sonstiges dt { padding-top: 10px; }
td.steps  { text-align: right; width: 255px; height: 45px; }
td.step1 { background: url(../_img/anmelden1.png) no-repeat; }
td.step2 { background: url(../_img/anmelden2.png) no-repeat; }
td.step3 { background: url(../_img/anmelden3.png) no-repeat; }
h1.messageline { font-size: 16px; background: url(../_img/banner.png) no-repeat; padding-bottom:70px; }
.gui3-anm-endezeit {display: none; }
#submit { position: absolute; top: 0px; left: 700px; background-color: #009de0; color :#fff; }
#back   { position: absolute; top: 0px; left: 600px; background-color: #009de0; color :#fff; }
h1.messageline { font-size: 16px; }
.gui3-anm-endezeit {display: none; }
#submit { position: absolute; top: 0px; left: 700px; background-color: #009de0; color :#fff; }
#back   { position: absolute; top: 0px; left: 600px; background-color: #009de0; color :#fff; }

/* facebook */
a.socialmedia_facebook, a.socialmedia_facebook:link, a.socialmedia_facebook:visited, a.socialmedia_facebook:active {
background:url("_img/facebook.png") no-repeat scroll right center transparent;
cursor:pointer;
display:block;
height:100px;
position:fixed;
right:0;
top:130px;
width:35px;
z-index:10;
}

a.socialmedia_facebook:hover {
background:url("_img/facebook.png") no-repeat scroll left center #3c5a9a;
}

a.socialmedia_youtube, a.socialmedia_youtube:link, a.socialmedia_youtube:visited, a.socialmedia_youtube:active {
background:url("_img/youtube.png") no-repeat scroll right center transparent;
cursor:pointer;
display:block;
height:100px;
position:fixed;
right:0;
top:245px;
width:35px;
z-index:10;
}

a.socialmedia_youtube:hover {
background:url("_img/youtube.png") no-repeat scroll left center #d7d4d4;
}

a.socialmedia_twitter, a.socialmedia_twitter:link, a.socialmedia_twitter:visited, a.socialmedia_twitter:active {
background:url("_img/twitter.png") no-repeat scroll right center transparent;
cursor:pointer;
display:block;
height:123px;
position:fixed;
right:0;
top:360px;
width:35px;
z-index:10;
}

a.socialmedia_twitter:hover {
background:url("_img/twitter_hover.png") no-repeat scroll left center #39d0ff;
}