/*** basic ***/
html{
    margin: 0;
    padding: 0}
body{background-color: #000000}
body#iframebody{
	background-color: #e9ae2e;
	scrollbar-track-color: #e9ae2e;
	scrollbar-base-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #000000; 
	scrollbar-arrow-color: #e9ae2e;
	scrollbar-darkshadow-color : #000000}
body, body#iframebody{
	font: normal small Verdana, Geneva, Arial, sans-serif;
	margin: 0;
	padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	font: normal 12px Verdana, Geneva, Arial, sans-serif}
div{position: absolute}
div, ul, li, dl, dt, dd{
	margin: 0;
	padding: 0}
a, a:active{
	color: #000000;
	font-weight: bold;
	text-decoration: none}
a:hover{color: #ffffff}
img{border-width: 0}
input{
	padding: 0;
	margin: 0}
/*** basic ***/


/*** framework ***/
#page, #container{
	left: 0;
	width: 100%}
#page{
    height: 1px;
	top: 50%}
#container{
	background: Transparent url(../imagefiles/bg/container.gif) repeat-x;
	height: 566px;
	top: -286px}
#navigation, #content, #sidebar{top: 0}
#navigation{
	background: Transparent url(../imagefiles/bg/navigation.gif) no-repeat;
	left: 0;
	height: 566px;
	text-align: right;
	width: 235px}
#content, #end{
	left: 235px;
	width: 498px}
#content{
	background: Transparent url(../imagefiles/bg/content.gif) no-repeat;
	font-size: 90%;
	height: 536px;
	padding: 35px 0 0 20px}
#content p{
	margin: 0;
	padding: 0;
	width: 460px}
#end{
	color: #e9ae2e;
	font-size: 80%;
	height: 30px;
	padding: 0 0 0 5px;
	top: 536px;
	vertical-align: middle}
#end a, #end a:active{
	color: #e9ae2e;
	font-weight: normal}
#end a:hover{color: #ffffff}
#sidebar{
	background: Transparent url(../imagefiles/bg/sidebar.gif) no-repeat;
	left: 735px;
	height: 530px;
	width: 257px}
div#zapp{
	background: Transparent url(../imagefiles/bg/forbackward.gif) no-repeat;
	vertical-align: middle;
	color: #e9ae2e;
	float: left;
	height: 29px;
	padding: 8px 7px 0 7px;
	widht: 456px;
	top: 480px}
div#topzapp{
	background: Transparent url(../imagefiles/bg/forbackward.gif) no-repeat;
	vertical-align: middle;
	color: #e9ae2e;
	float: left;
	height: 29px;
	padding: 8px 7px 0 7px;
	widht: 456px;
	top: 34px}
div#zapp a, div#zapp a:active, div#topzapp a, div#topzapp a:active{color: #e9ae2e}
div#zapp a:hover, div#topzapp a:hover{color: #ffffff;}
/*** framework ***/


/*** home ***/
li.gallerynews {height: 122px}
li.gallerynews div#simplephotobox_1, div#simplephotobox_2, div#simplephotobox_1, div#simplephotobox_4{
	height: 116px;
	width: 116px;}
li.gallerynews div#simplephotobox_1{left: 0}
li.gallerynews div#simplephotobox_2{left: 117px}
li.gallerynews div#simplephotobox_3{left: 234px}
li.gallerynews div#simplephotobox_4{left: 351px}
li.gallerynews div#simplephotobox_1 #title, div#simplephotobox_2 #title, div#simplephotobox_3 #title, div#simplephotobox_4 #title{
	padding: 6px 2px 2px 5px;
	color: #e9ae2e;
	font-size: 90%;
	font-weight: bold;
	height: 38px;
	width: 98px}
li.gallerynews div#simplephotobox_1 #thumbnail, div#simplephotobox_2 #thumbnail, div#simplephotobox_3 #thumbnail, div#simplephotobox_4 #thumbnail{
	height: 78px;
	left: 2px;
	top: 38px}
li.gallerynews div#simplephotobox #border{width: 116px}
/*** home ***/


/*** gallery ***/
div#gallerys{
	float: left;
	width: 460px}
ul#gallerys{
	list-style: none;
	width: 100%}
li.gallery{
	float: top;
	padding: 0 0 0 1px;
	height: 89px;
	width: 100%}
li.gallery div#border{
	height: 78px;
	width: 104px}
li.gallery div#thumbnail{
	height: 75px;
	padding: 2px 0 0 2px;
	width: 100px}
li.gallery div#border a{display: block}
li.gallery div#title, li.gallery div#background{left: 114px}
li.gallery div#title{padding-left: 10px}
li.gallery div#title, li.gallery div#title a, li.gallery div#title a:active{color: #e9ae2e}
li.gallery div#title a:hover{color: #ffffff;}
li.gallery div#info{
	color: #e9ae2e;
	left: 400px}
li.gallery div#title, li.gallery div#info{padding-top: 25px}
li.perview{
	height: 89px;
	width: 460px}
li.perview div.preview_1, li.perview div.preview_2, li.perview div.preview_3, li.perview div.preview_4{
	float: left;
	height: 89px}
li.perview div#preview_1{left: 0}
li.perview div#preview_2{left: 117px}
li.perview div#preview_3{left: 234px}
li.perview div#preview_4{left: 351px}
/*** gallery ***/


/*** box for: home, program ***/
div#home, div#program{
	float: left;
	width: 460px}
div#home ul, div#program ul{
	list-style: none;
	width: 100%}
div#home li, div#program li{
	float: left;
	width: 100%}
li.bigbox{
	background: Transparent url(../imagefiles/bigbox.gif) no-repeat;
	margin: 0 0 6px 0;
	height: 138px}
li.bigbox dt.title{padding: 7px 7px 4px 7px}
li.bigbox dt.title b.date{color: #ffffff}
li.bigbox dt.title b.title{color: #e9ae2e}
li.bigbox dd{height: 96px}
li.bigbox dd.picture{
	float: left;
	padding: 0 0 0 2px;
	width: 98px}
li.bigbox dd.content{
	margin-left: 110px;
	padding: 9px 9px 0 4px}

li.smallbox{
	background: Transparent url(../imagefiles/smallbox.gif) no-repeat;
	height: 82px;
	margin: 0 0 6px 0}
li.smallbox dt.title{padding: 7px 7px 6px 7px}
li.smallbox dt.title b.date{color: #ffffff}
li.smallbox dt.title b.title{color: #e9ae2e}
li.smallbox dd.content{
	height: 41px;
	padding: 6px 10px 6px 10px}

li.miscellaneous{
	height: 211px;
	margin: 0 0 6px 0}
li.miscellaneous div#dotm{
	background: Transparent url(../imagefiles/mitteilung/TN_mitteilung.gif) no-repeat;
	left: 0;
	height: 211px;
	width: 340px}


/* Nach dem 12.01.2007 wieder löschen */
li.miscellaneous div#dotm a{
	height: 198px;
	width: 326px;
	display: block}
/* Nach dem 12.01.2007 wieder löschen */

li.miscellaneous div#dotm div.title{padding: 13px 7px 6px 7px}
li.miscellaneous div#dotm div.title b.date{color: #ffffff}
li.miscellaneous div#dotm div.title b.title{color: #e9ae2e}
li.miscellaneous div#dotm div.content{
	height: 170px;
	padding: 6px 10px 6px 10px}
li.miscellaneous div#newsletter{
	background: Transparent url(../imagefiles/newsletter.gif) no-repeat;
	left: 351px;
	height: 211px;
	width: 104px}
li.miscellaneous div#newsletter div.title{padding: 13px 7px 6px 7px}
li.miscellaneous div#newsletter div.title b.date{color: #ffffff}
li.miscellaneous div#newsletter div.title b.title{color: #e9ae2e}
li.miscellaneous div#newsletter div.content{
	top: 39px;
	height: 170px;
	padding: 0 0 0 5px}
li.miscellaneous div#newsletter div.content b{
	padding: 0 0 0 2px;
	font: bold 11px Verdana, Geneva, Arial, sans-serif}
li.miscellaneous div#newsletter div.content table{
	height: 170px;
	width: 104px;
	padding: 0;
	margin: 0}
li.miscellaneous div#newsletter div.content td{width: 92px}
li.miscellaneous div#newsletter div.content td.empty{height: 100%}
li.miscellaneous div#newsletter div.content td.field{
	background: Transparent url(../imagefiles/bg/newsletter_field.gif) no-repeat;
	height: 20px}
li.miscellaneous div#newsletter div.content td.button{
	background: Transparent url(../imagefiles/bg/newsletter_button.gif) no-repeat;
	padding-bottom: 6px;
	height: 29px}
li.miscellaneous div#newsletter div.content td.name{height: 29px;}
li.miscellaneous div#newsletter div.content input{
	background-color: Transparent;
	border: 0px;
	color: #e9ae2e;
	width: 82px}
li.miscellaneous div#newsletter div.content input#name, li.miscellaneous div#newsletter div.content input#email{
	font: normal 11px Verdana, Geneva, Arial, sans-serif;
	padding: 4px 2px 0 4px}
li.miscellaneous div#newsletter div.content input#send{
	font: bold 12px Verdana, Geneva, Arial, sans-serif;
	height: 29px;
	padding-bottom: 2px;
	width: 92px}
/******** unbearbeitet da noch nicht gebraucht!!! ********/
#program dl.simplepage{
	height: 434px;
	margin: 0 0 6px 0;
	background: Transparent url(../imagefiles/simplepage.gif) no-repeat}
dl.simplepage dt.title{padding: 7px 7px 6px 7px}
dl.simplepage dt.title b.date{color: #ffffff}
dl.simplepage dt.title b.title{color: #e9ae2e}
dl.simplepage dd.content{
	height: 41px;
	padding: 6px 10px 6px 10px}
/******** unbearbeitet da noch nicht gebraucht!!! ********/

#program dl.advancedpage{
	height: 434px;
	background: Transparent url(../imagefiles/advancedpage.gif) no-repeat}
dl.advancedpage dt.title{padding: 7px 7px 6px 7px}
dl.advancedpage dt.title b.date{color: #ffffff}
dl.advancedpage dt.title b.title{color: #e9ae2e}
dl.advancedpage dd.picture{
	float: left;
	padding: 5px 8px 8px 8px;
	height: 102px;
	width: 102px}
dl.advancedpage dd.content{
	float: top;
	padding: 5px 5px 5px 5px}
dl.simplepage, dl.advancedpage{width: 456px}


/*** box for: home, program ***/

/*** navigation ***/
#navigation_list, #navigation_list li, #navigation_list a, #navigation_list img{
	float: right;
	margin: 0}
#navigation_list{
	padding: 186px 0 0 0;
	list-style: none}
#navigation_list li{width: 235px}
#navigation_list img{
	height: 42px;
	width: 68px}
/*** navigation ***/


/*** guestbook ***/
#guestbook{
	background: Transparent url(../imagefiles/bg/guestbook.gif) no-repeat;
	height: 408px;
	top: 67px;
	width: 457px}
#iframe{
	background-color: #e9ae2e;
	border-width: 0;
	height: 401px;
	margin: 4px;
	padding: 0;
	width: 450px}
div#entries{
	float: left;
	font-size: 90%;
	margin: 2px;
	padding: 0px;
	width: 425px}
div#entries ul{
	list-style: none;
	width: 100%}
div#entries li{
	float: left;
	list-style: none;
	width: 100%}
div#entries li.simplebox{}
div#entries li.simplebox dt.title{
	background: Transparent url(../imagefiles/titlebox.gif) no-repeat;
	height: 40px;
	margin: 0px;
	padding: 7px 0 0 7px;
	width: 425px}
div#entries li.simplebox dt.title a{color: #e9ae2e}
div#entries li.simplebox dt.title a:hover{color: #ffffff}
div#entries li.simplebox dt.title b.date{color: #ffffff}
div#entries li.simplebox dt.title b.title{color: #e9ae2e}
div#entries li.simplebox dd.content{padding: 6px 15px 20px 15px}
div#entries li.simplebox{}

div#sign{padding: 20px 10px 10px 10px}
div#sign input, div#sign textarea{
	background: #000000;
	border: 1px solid #000000;
	color: #e9ae2e;
	font: normal 12px Verdana, Geneva, Arial, sans-serif}
div#sign textarea{
	background-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-base-color: #e9ae2e;
	scrollbar-face-color: #e9ae2e;
	scrollbar-shadow-color: #e9ae2e;
	scrollbar-highlight-color: #e9ae2e;
	scrollbar-3dlight-color: #e9ae2e; 
	scrollbar-arrow-color: #000000;
	scrollbar-darkshadow-color : #e9ae2e}
div#sign table{font-size: 100%;}
/*** guestbook ***/


/*** sidebar ***/
#eventticker_title{top: 25px}
#eventticker{
	color: #e9ae2e;
	font-size: 90%;
	padding: 8px;
	top: 45px;
	width: 230px}
#eventticker a{color: #e9ae2e}
#eventticker a:hover{color: #ffffff}
#eventticker b{color: #ffffff}
#event, #eventticker, #specialevent, #specialevent_link{left: 747px}
#specialevent, #specialevent_link{top: 257px}
#specialevent_link a{
	display: block;
	height: 269px;
	width: 239px}
/*** sidebar ***/


/*** about_us ***/
#about_us{}
#about_us a{
	color: #e9ae2e;
	display: block;
	padding: 13px 7px 6px 7px}
#location{background: Transparent url(../imagefiles/bg/location.gif) no-repeat;}
#location, #location a{height: 210px}
#team{
	background: Transparent url(../imagefiles/bg/team.gif) no-repeat;
	top: 212px}
#team, #team a{height: 265px}
#location, #location a, #team, #team a{width: 457px}
/*** about_us ***/


/*** specials ***/
#specials{}
#specials dl#wallpaper{
	background: Transparent url(../imagefiles/bg/wallpaper.gif) no-repeat;
	height: 174px;
	width: 457px;}
#specials dl#wallpaper dt{}
#specials dl#wallpaper dd{padding: 52px 10px 10px 235px}
#specials dl#contact{}
#specials #flashgame{
	background-color: transparent;
	border: solid 1px black;
	height: 331px;
	width: 455px;
}
/*** specials ***/