/* :.:..........:.:.........................: */
html{background:url(../img/bg_html.jpg) left 100px repeat-x; width:100%; overflow:auto;}
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:100%; color:#000;} 

/* ..........................
... ::: HAUPTELEMENTE ::: ... 
.......................... */
h1{font-size:20px; color:#17A4C0; margin-bottom:12px; font-weight:normal; line-height:26px;}
h2{font-size:18px; color:#17A4C0; margin-bottom:10px;}
h3{font-size:16px; color:#17A4C0; margin-bottom:8px;}
h4{font-size:14px; color:#17A4C0; margin-bottom:8px;}

p{margin-bottom:14px; line-height:16px;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}

img{border:0;}

.tuerkis{color:#17A4C0;}
.orange{color:#F1A63C;}

.fl_right{float:right;}
-fl_left{float:left;}
.clearer{clear:both;}

/* ....................................
... ::: ALLGEMEINE CSS STRUKTUR ::: ... 
.................................... */
div#firstbox{width:100%; min-width:900px; min-height:100%; height:auto !important; height:100%; position:absolute; background:url(../img/bg_footer.jpg) left bottom repeat-x;}
	div#secondbox{width:900px; margin:0px auto;}
		div#header{height:93px; padding:12px 20px 0px; width:860px; background-repeat: no-repeat; background-position: top left;}
		div#content{width:900px; clear:both;}
			div#col_left{float:left; width:595px; padding:40px 20px 0px;}		
			div#col_right{float:right; width:225px; min-height:200px; padding:0px 20px; background:url(../img/bg_col_right.jpg) top left no-repeat; margin-top:5px;}
		
		div#breaker{height:55px; width:900px; clear:both;}
			
		div#footer{clear:both; position:absolute; bottom:0; height:30px; width:900px; min-width:900px;}
			div#footer p{font-size:10px; color:#fff; text-align:right; line-height:30px; margin:0;}
			div#footer p a{color:#fff;}
			
/* .........................
... ::: CSS ELEMENTE ::: ... 
......................... */
div#logo{float:left; width:483px;}
div#logo img{float:left;}
div#logo p{float:right;font-size:9px; color:#16414B; line-height:13px; padding-top:34px; margin:0;}

div.newsticker_spruch{float:right; text-align:right; width:350px; color:#17A4C0;}
div.newsticker_spruch div{width:350px;}
div.newsticker_spruch p{font-size:14px; font-weight:bold; color:#17A4C0;}
div.newsticker_spruch p a{font-size:14px; font-weight:bold; color:#17A4C0;}
div.newsticker_spruch img{margin-top:40px;}

ul#navigation{position:absolute; list-style:none; top:275px; background:url(../img/bg_navigation.png) top left repeat-x;}
ul#navigation li{float:left; display:block; padding:0;}
ul#navigation a{display:block; color:#17A4C0; padding:10px 10px 9px; font-size:11px;}
ul#navigation a:hover, ul#navigation li.active a{text-decoration:none; color:#fff; background:#17A4C0;}
/* submenue */
ul#navigation li ul{position:absolute; top:30px; display:none; width:100%;}
ul#navigation li:hover ul{display:block;}
ul#navigation li:hover a{text-decoration:none; color:#fff; background:#17A4C0;}
/* submenue hover */
ul#navigation li ul li a{display:block; color:#17A4C0; padding:10px 10px 9px; font-size:11px;}
ul#navigation li ul li a:hover{text-decoration:none; color:#fff; background:#51BBD0;}

div#oeffnungszeiten{height:135px; margin:25px 0px 0px; padding-left:25px;}
div#oeffnungszeiten h2{font-size:14px; color:#fff; margin-bottom:5px;}
div#oeffnungszeiten table{font-size:10px; color:#fff; line-height:12px;}

div#newsbox{padding:25px 0px;}
div#newsbox h2{font-size:14px; display:block; border-bottom:1px solid #F1A63C; color:#F1A63C; padding-bottom:3px;}
div#newsbox div.txt{clear:both; margin:15px 0px;}
div#newsbox div.txt img{float:left; margin-right:10px;}
div#newsbox div.txt div{float:left; width:140px;}
div#newsbox div.txt div p{color:#777777; font-size:11px; line-height:15px;}
div#newsbox div.txt div p.newsdate{font-size:10px; color:#17A4C0; margin-bottom:0px;}
div#newsbox div.txt div p a{color:#F1A63C;}

div#workshopbox{float:left; width:287px;}
div#workshopbox img{border:2px solid #17A4C0;}
div#workshopbox table{width:287px; border-bottom:1px solid #17A4C0; color:#17A4C0;}
div#workshopbox table img{border:0;}
div#workshopbox thead tr td{background:#17A4C0; color:#fff;}
div#workshopbox table tr td{padding:5px;}

div#servicebox{float:right; width:287px;}
div#servicebox img{border:2px solid #17A4C0;}
div#servicebox div.txt{background:#17A4C0; color:#fff; padding:5px;}
div#servicebox p a{color:#fff; background:#51BBD0;}

div#col_left a{text-decoration:none; color:#F1A63C;}
div#col_left a:hover{text-decoration:underline;}
div#col_left ul, div#col_left ol{margin:5px 0px 10px 16px; line-height:16px; padding-left:0px;}
div#col_left ul{list-style-type:disc; list-style-position:inside;}
div#col_left ol{list-style-type:decimal; list-style-position:inside;}

tr.dkl{background:#FDFDFC;}
tr.hell{background:#F5F5F5;}
table#tbl_newslist{margin-bottom:10px;}
table#tbl_newslist tr#tbl_newslist_hpt{border-bottom:1px solid #EEE; display:block;}
table#tbl_newslist td{padding:5px;}
table#tbl_newslist h3{padding:0px; margin:0;}
p.news_nxt{font-size:10px; color:#F1A63C;}
p.news_nxt a{font-size:10px; color:#F1A63C;}
p.news_date{margin-bottom:0px; font-size:10px; color:#17A4C0; font-weight:bold;}
table#tbl_newslist td.small_nxt{vertical-align:middle; font-size:10px; width:75px;}


table.tbl_kursplan{font-size:10px; border:2px solid #17A4C0; border-bottom:10px solid #17A4C0; line-height:14px;}
table.tbl_kursplan thead{background:#17A4C0; font-size:12px; font-weight:bold; color:#fff; text-align:center;}
table.tbl_kursplan thead tr td{padding:5px;}
table.tbl_kursplan thead tr td{border-right:1px solid #17A4C0;}
table.tbl_kursplan tr td{border-right:1px solid #17A4C0;}
table.tbl_kursplan tr td table tr td{border-right:0px solid #17A4C0; padding:3px;}
table.tbl_kursplan tr.t_head td{padding:5px; background:#17A4C0; font-size:12px; font-weight:bold; color:#fff; text-align:center;}