html {min-height: 100%;}

* {
        margin: 0;
        padding: 0;
}

body { background-image:url(img/bg.jpg); font-family: Helvetica, Verdana, Arial, Tahoma,sans-serif; color: #666666; padding-top: 0px;}



.important {color:#ef9b28; font-weight:bold;}
.align-center {text-align:center; width:170px; }

div.hr { height: 15px; width:90%; margin-left:10px; background-image:url(img/hr.gif); background-repeat:repeat-x; background-position:center; }

div.hr hr {display: none;}

.btd { float:right; width:578px; margin-left:20px;}
.dekbul { display:none; visibility:hidden; width:22px; height:22px; background-color:#478d4a; position:absolute; top:260px; left:0px;}

.headerbilder {margin:0; padding:0px 0px 15px 0px;}

.surfbox {width:204px; height:570px; background-image:url(img/surf-bigbox_201102.png); background-repeat:no-repeat; float:left; margin:20px 25px 0px 0px;}
.surfbox h1 { padding-left:15px; padding-top:15px; padding-bottom:0px; font-size:14px; font-weight:bold; color:#333333;}
.surfbox p { padding:0; margin-left:15px; color:#666666; width:175px;}
.surfbox h4 { padding:0; padding-top:10px; margin-top:0; margin-left:15px; margin-bottom:10px; color:#ef9b28; font-weight:bold;}

.bigbox {width:204px; height:407px; background-image:url(img/surf-bigbox.gif); background-repeat:no-repeat; float:left; margin:10px 25px 0px 0px;}
.bigbox p { padding:0; margin-left:15px; color:#4f4f4f; width:175px;}
.bigbox p b { padding:0; margin-left:0px;color:#666666; width:175px;}
.bigbox a { padding:0; margin-left:0px;}
.bigbox h4 { padding:0; padding-top:10px; margin-top:0; margin-left:15px; margin-bottom:14px; color:#ef9b28; font-weight:bold;}

.timebox {width:204px; height:480px; background-image:url(img/time-bigbox.gif); background-repeat:no-repeat; float:left; margin:20px 25px 0px 0px;}
.timebox h1 { padding-left:15px; padding-top:15px; padding-bottom:0px; font-size:14px; font-weight:bold; color:#333333;}
.timebox p { padding:0; margin-left:15px; color:#666666; width:175px;}
.timebox h4 { padding:0; padding-top:10px; margin-top:0; margin-left:15px; margin-bottom:10px; color:#ef9b28; font-weight:bold;}

.bigboxtime {width:204px; height:480px; background-image:url(img/time-bigbox.gif); background-repeat:no-repeat; float:left; margin:10px 25px 0px 0px;}
.bigboxtime p { padding:0; margin-left:15px; color:#4f4f4f; width:175px;}
.bigboxtime p b { padding:0; margin-left:0px;color:#666666; width:175px;}
.bigboxtime a { padding:0; margin-left:0px;}
.bigboxtime h4 { padding:0; padding-top:10px; margin-top:0; margin-left:15px; margin-bottom:14px; color:#ef9b28; font-weight:bold;}

a {color: #666666; text-decoration:underline;}
h2 a {color:#ef9b28; }

a:hover {color: #ef9b28; text-decoration:underline;}
h2 a:hover {color:#ef9b28; text-decoration:none; }
a img{border:0px;}
#prtb td { vertical-align:top;}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font-family: Helvetica, Verdana, Arial, Tahoma,sans-serif; font-size:22px; padding:0px 0px 20px 0px; color:#ef9b28; font-weight:normal;}
h2 {font-family: Helvetica, Verdana, Arial, Tahoma,sans-serif; font-size:15px; color:#ef9b28; font-weight:bold;}
h3 {font: normal 17px Tahoma,sans-serif; padding-bottom:0px; margin-bottom:0px}
h4 {font: normal 15px Tahoma,sans-serif; padding-bottom:3px;}

input {margin: 0 0 0 20px; padding: 0px 0 0 0px;}
form{ margin-left:0px;}

/* misc */
.clearer {clear: both; font-size: 0; }
.left { float:left; width:690px; margin:0; padding:20px 0px 0px 0px;}
.wideleft { float:left; width:910px; margin:0; padding:20px 0px 0px 0px;}
.right { float:right; width:253px; margin-top:30px;}
#termin .right, #mehrinfo .right {
	margin:0px;
	width: 240px;
	padding:20px 0px 0px 0px;
}
/*#termin .right, #mehrinfo .right {
	width: 245px;
}*/
#mehrinfo .left {
	width: 720px;
}
#termin .left {
	width: 720px;
}
#mehrinfo .surfbox {
	margin-right: 36px;
}
#termin .timebox {
	width: 209px;
	margin-right: 31px;
}
#termin .timebox {
	height: 1200px;
	background-image: url("img/time-bigbox2.png");
}
#termin .timebox ul {
	max-width: 203px;
}
.left p { padding:5px 20px 5px 0px;}
.right p { padding:3px 0px 3px 0px;}


.left td { font-size:13px;}

/* structure */
.outer-container {position:absolute; top:20px; left: 50%; width:998px;  margin-left: -499px; }


/* headere & title */
.header { line-height:0; position:absolute; background-image:url(img/surf-head.jpg); width:998px; height:356px;}
.header img { margin:0; padding:0; border:none; display:inline;}


/* main */
.main { position:absolute; top:356px; left:0px; width:998px; margin:0; padding:0; background-image:url(img/surf-main.gif); background-position:top; background-repeat:repeat-y;  }

/* content */
.content {
        float: right;
        width:960px;
        line-height:130%;
         margin:0; padding:0;
}

.content li {
        font-size:13px;
        list-style:circle;
        margin-left:23px;

}
.content p { font-size:13px;}

.content a[href$='pdf'] {
        padding: 5px 20px 5px 0;
        background: transparent url(img/link.gif) no-repeat center right;
}


/* navigation */

#navi { position:absolute; top:329px; left:4px; width:990px; padding:0px 0px 0px 0px; background-image:url(img/surf-navibg.gif);}

#navi ul { padding:0; margin:0px 0px 0px 30px;}
#navi li { list-style: none; float:left; position:relative;  }
#navi li a {  display: block; margin:0px 0px 0px 0px; font-size:15px; font-weight:normal; text-decoration:none; text-align:center; padding:5px 17px 5px 17px; color:#000000; border-right:1px solid #c4c4c4;}
#navi li a.last { border-right:none;}

#navi li a:hover { color:#ef9b28; background-color:#f8f7f7;   }
#navi .current a { color:#ef9b28; background-color:#f8f7f7;    }



/* footer */
.footer { background-image:url(img/surf-footer.gif); background-repeat:no-repeat; background-position:top;
        width:998px; height:50px; text-align:left; margin:0; padding:0;  }

.footer p { color: #a0a0a0; font-size: 12px; padding:10px 0px 0px 60px;}

.footer a:link, .footer a:visited  { text-decoration: none; color:#a0a0a0;}
.footer a:hover { }

.tile {
  position: absolute;
  border: 0px solid black;
  width: 110px;
  height: 110px;
  background: #f2f2f2;
  cursor: pointer;


}
#firstbox
{ background: orange; }
.tile:hover  { background: orange; }


.tile p { font-size:12px; line-height:120%; text-align:center; padding-top:20px; }

.leistbox {
  position:absolute;
  width:300px;
  margin-top:-35px;
  margin-left:380px;

}

#t1 { left:115px;}
#t2 { left:230px;}
#t3 { top:115px; }
#t4 { top:115px;  left:115px; }
#t5 { top:115px;  left:230px; }
#t6 { top:230px;  }
#t7 { top:230px;left:115px; }
#t8 { top:230px; left:230px;}
#t9 { top:345px;}
#t10 { top:345px; left:115px;}
#t11 { top:345px; left:230px;}


#t1,#t2,#t3,#t4,#t5,#t6,#t7,#t8,#t9,#t10,#t11 { z-index: 90; }


/*

#t1 { top:0px; position:relative; float:left;}
#t2 { left:85px;position:relative; float:left;}
#t3 { left:170px;position:relative; float:left;}
#t4 { top:85px;position:relative; float:left; }
#t5 { top:85px; left:85px; position:relative; float:left;}
#t6 { top:85px; left:170px;position:relative;  float:left;}
#t7 { top:170px; position:relative; float:left;}
#t8 { top:170px; left:85px;position:relative;  float:left;}
#t9 { top:170px; left:170px;position:relative; float:left;}
#t10 { top:255px;position:relative; float:left;}
#t11 { top:255px; left:170px;position:relative; float:left;}
*/

#t1 { z-index: 0; }

.tx-felogin-pi1 fieldset { 	border: 0px; }
.tx-felogin-pi1 fieldset label { 
	font-size: 13px;
	padding: 3px 0;
	color: #666666;
	margin-left: 15px;
	font-weight: bold;
}