html { height: 100%; width: 100%; }
body { height: 100%; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background-color: #101010; text-align: center; font-size: 11px; font-family: Verdana; font-weight: normal;}

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

h1 { font-size: 14px; color: #000000; padding: 10px 0px 10px 30px; margin: 0 0 0 0 ;}

input { font-size:11px; background-color:#222222; color:#cccccc; font-family: Verdana;}
.FButton { background-color:#222222; color:#cccccc; width:35px; border:2px solid #327DD7; }
.FButton:hover { background-color:#555555; color:#ffffff; width:35px; border:2px solid #327DD7; }


 
a:link    { font-weight:normal; color:#999999; text-decoration:none; }
a:visited { font-weight:normal; color:#999999; text-decoration:none; }
a:active  { font-weight:normal; color:#999999; text-decoration:none; }
a:hover   { font-weight:normal; color:#cccccc; text-decoration:none; }
 

.table_h { height: 100%; }
.table_w { width: 100%; }
.table_c { border-collapse: collapse; } 

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.margin1 { margin-bottom: 5px; }
.medres { background: url(../img/click4medres.jpg) no-repeat; text-align: center; margin-bottom: 5px; cursor: pointer }
.fullres { background: url(../img/click4fullres.jpg) no-repeat; text-align: center; margin-bottom: 5px;  cursor: pointer}
.medreshell { background: url(../img/click4medreshell.jpg) no-repeat; text-align: center; margin-bottom: 5px; }
.fullreshell { background: url(../img/click4fullreshell.jpg) no-repeat; text-align: center; margin-bottom: 5px; }



#tbl {width: 100%; height: 100%}
#main { width: 1000px; margin: auto; }
#headerbox { width: 100%; height: 148px; background-image: url(../img/header.jpg); background-repeat: no-repeat; background-position: center; }
#menubox { width: 100%; height: 26px; background-color: #555555; }
#menubox .button { width: 20%; text-align: center; }
#menubox .button a { text-decoration: none; display: block; width: 195px; height: 16px; line-height: 14px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #ccc #7a7a7a #7a7a7a #ccc; background-color: #202020; color: #fff; margin: auto; }
#menubox .button a:hover { text-decoration: none; display: block; width: 195px; height: 16px; line-height: 14px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #ccc #7a7a7a #7a7a7a #ccc; background-color: #515151; color: #fff; margin: auto; }

#textbox { width: 100%; height: 600px; background-color: #dddddd; overflow-x: hidden; overflow-y: scroll; text-align: left; }
#textbox .image { width: 50%; padding: 0px 0px 10px 30px; }
#textbox .text1 { text-align: center; font-size: 13px; }
#textbox .text2 { text-align: left; font-size: 13px; padding: 0px 0px 0px 50px; }
#textbox .text2 a { text-decoration: none; display: block; width: 230px; height: 16px; line-height: 14px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #ccc #7a7a7a #7a7a7a #ccc; background-color: #202020; color: #fff; }
#textbox .text2 a:hover { text-decoration: none; display: block; width: 230px; height: 16px; line-height: 14px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #ccc #7a7a7a #7a7a7a #ccc; background-color: #515151; color: #fff; }
#textbox .text3 { text-align: left; font-size: 14px; font-weight: bold; color: #000000; padding: 5px 5px 5px 5px; margin: 0 0 0 0 ;}
#textbox .text4 { text-align: left; font-size: 13px; padding: 0px 0px 0px 0px; width: 110px;}
#textbox .text5 { text-align: center; font-size: 10px; color: #b00000}
#textbox .text6 { text-align: left; font-size: 11px; padding: 0px 0px 0px 0px; color: #dddddd;}

.textbox_flash_z1 {height:600px; width:1000px; margin: 0px 0px 0px 0px; border: 0px; z-index:1;}
.textbox_flash_z2 {position: absolute;  height:600px; width:1000px; top: 174px; right: 1; border: 0px; z-index:2;} 


#textbox_pic { width: 100%; height: 600px; background-color: #000000; overflow: hidden; text-align: left; }

#textbox_float { width: 100%; background-color: #dddddd; overflow: hidden; text-align: left; }
#textbox_float .image { width: 50%; padding: 0px 0px 10px 30px; }
#textbox_float .text1 { text-align: center; font-size: 13px; }
#textbox_float .text2 { text-align: left; font-size: 13px; padding: 0px 0px 0px 50px; }
#textbox_float .text2 a { text-decoration: none; display: block; width: 230px; height: 16px; line-height: 14px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #ccc #7a7a7a #7a7a7a #ccc; background-color: #202020; color: #fff; }
#textbox_float .text2 a:hover { text-decoration: none; display: block; width: 230px; height: 16px; line-height: 14px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #ccc #7a7a7a #7a7a7a #ccc; background-color: #515151; color: #fff; }
#textbox_float .text3 { text-align: left; font-size: 14px; font-weight: bold; color: #000000; padding: 5px 5px 5px 5px; margin: 0 0 0 0 ;}
#textbox_float .text4 { text-align: left; font-size: 13px; padding: 0px 0px 0px 0px; width: 110px;}
#textbox_float .text5 { text-align: center; font-size: 10px; color: #b00000}
#textbox_float .text6 { text-align: left; font-size: 11px; padding: 0px 0px 0px 0px; color: #dddddd;}


#fullframe { width: 100%; height: 100%; background-color: #dddddd; overflow: scroll; text-align: left; }


#copyrightbox { width: 100%; height: 24px; line-height: 24px; vertical-align: middle; background-color: #555555; color: #fff; font-size: 12px; }
#gammabox { width: 100%; height: 26px; padding: 0px 0px 0px 0px; background-color: #555555; vertical-align: middle; color: #ffffff; font-size: 10px}   

.thguestbook {padding: 3px 3px 3px 3px }


/* Kontaktformular */
.formular input { width: 250px; height: 20px; color: #444444; background-color: #f5f5f5; border: 0px; border-bottom: 1px solid #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
.formular textarea { width: 475px; color: #444444; background-color: #f5f5f5; border: 0px; border-bottom: 1px solid #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
.formular .checkbox { background-color: transparent; border: 0px  }
.formular .select { color: #444444; background-color: #f5f5f5; font-size:11px }
.formular .clear { width: 20px; border: 0px; background-color: transparent }
.formular .bestaetigen_text { border-bottom:1px solid #999999; background-color: #f5f5f5; color: #444444; height:20px; padding: 0 0 0 3 }

.button input { width: 230px; height: 18px; color: #ffffff; background-color: #000000; border: 0px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer }


#lightbox 	{ position: absolute; display: none; top: 0; left: 0;	background-image: url(../img/back.gif); z-index: 1; }

#nooc				 		{ position: absolute; display: none; top: 0; left: 0; background-color: transparent; text-align: center; z-index: 2; }
#nooc table			{ position: relative; width: 894px; height: 716px; margin: auto; border: 0px; border-right: 2px solid #3c3c3c; border-bottom: 2px solid #3c3c3c; background-color: #101010; }
#nooc #video 		{ position: relative; width: 894px; height: 696px; margin: 0px; padding: 0px; overflow: scroll}
#nooc #comment 	{ width: 85%; height: 20px; text-align: left; padding-left: 10px; vertical-align: middle; }
#nooc #close1 	{ width: 10%; height: 20px; text-align: right; cursor: pointer; vertical-align: middle; }
#nooc #close2 	{ width: 4%; height: 20px; text-align: center; cursor: pointer; vertical-align: middle; padding-right: 2px; }


.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}
.menu ul{
	background:#151515;
	height:26px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#151515 url("../img/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:26px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #555555 url("../img/hover.gif") bottom center no-repeat;
			color:#ffffff;
			text-decoration:none;
			}
	.menu li ul{
		background:#151515;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('../img/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:26px;
		font-size:11px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#555555 url('../img/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}