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 ;}

 

.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: 170px; right: 1; border: 0px; z-index:2;} 


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

#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; }