/* (C) by Daniel Schulz und Sandy Möller, 2006 */

/* Grundelemente */
html { height:100%; }
body { height: 100%; margin-left: 10px; margin-top: 0; background-image: url(background-stone.jpg); }

div#container { margin: 0; padding: 0; height: 100%; border: 0; }

/* Andere Bodys */
body.hg_grau_nomargin { margin: 0; padding: 0; }
body.hg_grau_2margin { margin: 0; margin-left: 2px; margin-right: 2px; padding: 0px; }

/* Hintergründe */
.hg_grau, body.hg_grau_nomargin, body.hg_grau_2margin {background-color: #333333;}

/* Seperators */
.seperator_10_h {height: 10px}
.seperator_10_w {width: 10px}

.seperator_15_h {height: 15px}
.seperator_15_w {width: 15px}

.seperator_h { height: 14px; background-color: #000000; background-image: url(seperator_h.jpg); background-repeat: repeat-x; }
.seperator_w { width: 14px; background-color: #000000; background-image: url(seperator_w.jpg); background-repeat: repeat-y; }

.seperator_menu { background-color: #000000; background-image: url(seperator_menu.jpg); background-repeat: repeat-y; }
.seperator_menu2 { background-color: #000000; background-image: url(seperator_menu2.jpg); background-repeat: repeat-y; }

.seperator_full1 {background-color: #333333; background-image: url(seperator_menu2.jpg);}

/* Menüs */
	/* Untermenü Links */
	tr.untermenu { font-size: 12px; color: #FFFFFF; vertical-align: middle; text-align: left; text-decoration: none; font-weight: bold; letter-spacing: normal; border: none; background-color: #000000; height: 25px; background-image: url(menu_full.jpg); background-repeat: repeat-x; }
	tr.untermenu:hover { background-image: url(menu_full_1_hover.jpg); background-color: #000000; }
	
	td.untermenu { padding-left: 8px; }	
	td.untermenu_left {font-size: 12px; color: #FFFFFF; vertical-align: middle; text-align: left; text-decoration: none; font-weight: bold; letter-spacing: normal; border: none; background-color: #000000; height: 25px; width: 8px; background-image: url(menu_1.jpg); background-repeat: repeat-x;}
	td.untermenu_pic { font-size: 12px; color: #FF9933; vertical-align: middle; text-align: left; text-decoration: none; letter-spacing: normal; border: none; height: 25px; width: 20px; font-weight: bold; background-image:  url(menu_2.jpg); background-color: #000000; background-repeat: repeat-x}
	td.untermenu_middle {font-size: 12px; color: #FFFFFF; vertical-align: middle; text-align: left; text-decoration: none; font-weight: bold; letter-spacing: normal; border: none; background-color: #000000; height: 25px; background-image: url(menu_2.jpg); background-repeat: repeat-x;}
	td.untermenu_right {font-size: 12px; color: #FFFFFF; vertical-align: middle; text-align: left; text-decoration: none; font-weight: bold; letter-spacing: normal; border: none; background-color: #000000; height: 25px; width: 8px; background-image: url(menu_2.jpg); background-repeat: repeat-x;}
	
	span.untermenu {padding-right: 2px; font-size: 12px; color: #FF9933; border: none; vertical-align: top;}
	
	/* Box */
	tr.untermenu_box_head {height: 5px; background-image: url(menu_box_head.jpg); background-repeat: repeat-x;}
	tr.untermenu_box_body {background-image: url(menu_box_body.jpg);}
	tr.untermenu_box_bottom {height: 5px; background-image: url(menu_box_bottom.jpg); background-repeat: repeat-x;}
	
	td.untermenu_box_body {padding-left: 8px; font-size: 12px; color: #FFFFFF; vertical-align: middle; text-decoration: none;}
	td.untermenu_box_body_4ppx {padding-left: 4px; font-size: 12px; color: #FFFFFF; vertical-align: middle; text-decoration: none;}
	td.untermenu_box_body a, td.untermenu_box_body_4ppx a {color: #FF9933; text-decoration: none;}
	
	span.untermenu_box_body {padding-right: 2px; font-size: 12px; color: #FFFFFF; vertical-align: middle; text-decoration: none;}
	span.untermenu_box_body a {color: #FF9933; text-decoration: none;}
	
	/* Topmenü */
	.kopfzeile_l { width: 2px; height: 30px; background-color: #000000; background-image: url(kztf_1.jpg); background-repeat: repeat-x; }
	.kopfzeile { width: 109px; font-size: 11px; color: #FFFFFF; vertical-align: top; text-align: left; text-decoration: none; letter-spacing: normal; padding-left: 5px; background-image:  url(kztf_2.jpg); font-weight: bold; background-repeat: repeat-x; background-color: #000000 }
	.kopfzeile_single { width: 796px; font-size: 11px; color: #FFFFFF; vertical-align: top; text-align: left; text-decoration: none; letter-spacing: normal; padding-top: 7px; padding-left: 5px; background-image:  url(kztf_2.jpg); font-weight: bold; background-repeat: repeat-x; background-color: #000000 }
	.kopfzeile_r { width: 2px; background-color: #000000; background-image: url(kztf_3.jpg); background-repeat: repeat-x; }

/* Überschriften <h> */
h1 {font-size: 12px; font-weight: bold; color: #CCCCCC; margin: 0; padding: 0;}
h2 {font-weight: bold; color: #FFFFFF; font-size: 11px}
h3 {font-weight: bold; color: #FF9933; font-size: 12px}

/* Header */
.tr_header_line { height: 11px; background-color: #333333; background-image: url(header_center.jpg); background-repeat: repeat-x; }
td.header_line_banner { height: 11px; background-color: #333333; background-image: url(header_center_banner.jpg); background-repeat: repeat-x; }
tr.header_banner, td.header_banner { background: #333333 url(header_banner.jpg) repeat-x; }
tr.header_banner_forum, td.header_banner_forum { background: #333333 url(header_banner_forum.jpg) repeat-x; }
tr.header_banner_chat, td.header_banner_chat { background: #333333 url(header_banner_chat.jpg) repeat-x; }

/* Body */
.tr_body_l { background-color: #333333; background-image: url(body_left.jpg); background-repeat: repeat-y; }
.tr_body_r { background-color: #333333; background-image: url(body_right.jpg); background-repeat: repeat-y; }

/* AdLine */
td.bottom_adline_bg { background-color: #333333; background-image: url(bottom_seperator.png); background-repeat: no-repeat; }

/* Bottom */
.tr_bottom_line { height: 11px; background-color: #333333; background-image: url(footer_center.jpg); background-repeat: repeat-x; }

/* Tabellen (Padding)*/
.table_pad_3 {vertical-align: top; text-align: left; padding-left: 3px; padding-right: 3px background-color: #333333; background-image: url(body_left.jpg); background-repeat: repeat-y; }
.table_pad_3_l {vertical-align: top; text-align: left; padding-left: 3px; padding-right: 3px background-color: #333333; background-image: url(body_left.jpg); background-repeat: repeat-y; }
.table_pad_3_r {vertical-align: top; text-align: left; padding-left: 3px; padding-right: 3px background-color: #333333; background-image: url(body_right_small.jpg); background-repeat: repeat-y; }

/* Tabellen (Farben)*/
	/* Tabelle Box */
	.table_box {border: solid 1px; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-top-color: #000000}
	
	/* Berichte Tabelle */
	.normalertext_ball {font-size: 12px; color: #CCCCCC; border: none; vertical-align: top}
	
	/* Standart Grau Hintergrund */
	.tr_standart_hell {background-color: #C4C4C4;}
	.tr_standart_dunkel {background-color: #B9B9B9;}

	/* 3 Graustufen Hintergründe */
	.tr_grau_hell {background-color: #9A9695}
	.tr_grau_mittel {background-color: #878382}
	.tr_grau_dunkel {background-color: #5D5C5A}
	
	/* Orangener Hintergrund */
	.tr_orange {background-color: #FF9933}
	
	/* Grüner Hintergrund */
	.tr_green1 {background-color: #006600}
	
	/* Roter Hintergrund */
	.tr_rot1 {background-color: #990000}
	
	/* Hellblauer Hintergrund */
	.tr_hblau1 {background-color: #003399}
	
/* Chooseserver
tr.chooseserver_s1 {background: url(serverbutton_endlos.png) no-repeat;}
tr.chooseserver_s1:hover {background: url(serverbutton_endlos_mo.png) no-repeat;}
tr.chooseserver_s2 {background: url(serverbutton_runde.png) no-repeat;}
tr.chooseserver_s2 {background: url(serverbutton_runde_mo.png) no-repeat;}
*/

td.chooseserver {height: 50px; width: 210px;}

/* Formulare */
input, select, textarea	{font-size: 8pt; border: 1px solid #000000; color: #CCCCCC; background-color: #5D5C5A; font-family: Arial}
.checkbox {border: none; background: none}

input.helpline { }
img.imgbutton { }

/* Schriftarten */
	/* Hellgaru */
	.kleinertext {font-size: 11px; color: #CCCCCC; border: none; vertical-align: top}
	.normalertext {font-size: 12px; color: #CCCCCC; border: none; vertical-align: top}
	
	/* Hellgaru2 */
	.kleinertext_hgrau2 {font-size: 11px; color: #E0E0E0; border: none; vertical-align: top}
	.normalertext_hgrau2 {font-size: 12px; color: #E0E0E0; border: none; vertical-align: top}
	
	/* Orange */
	.kleinertext_orange {font-size: 11px; color: #FF9933; border: none; vertical-align: top}
	.normalertext_orange {font-size: 12px; color: #FF9933; border: none; vertical-align: top}
	
	/* Rot */
	a.kleinertext_rot1, .kleinertext_rot1 {font-size: 11px; color: #990000; border: none; vertical-align: top}
	a.normalertext_rot1, .normalertext_rot1 {font-size: 12px; color: #990000; border: none; vertical-align: top}
	
	/* Grün */
	a.kleinertext_green1, .kleinertext_green1 {font-size: 11px; color: #006600; border: none; vertical-align: top}
	a.normalertext_green1, .normalertext_green1 {font-size: 12px; color: #006600; border: none; vertical-align: top}
	
	/* Hellblau */
	a.kleinertext_hblau1, .kleinertext_hblau1 {font-size: 11px; color: #003399; border: none; vertical-align: top}
	a.normalertext_hblau1, .normalertext_hblau1 {font-size: 12px; color: #003399; border: none; vertical-align: top}
	
	/* Dunkelgrau */
	.normalertext_dgrau {font-size: 12px; color: #5D5C5A; border: none; vertical-align: top}
	
	/* Weiß */
	.normalertext_weiss {font-size: 12px; color: #FFFFFF; border: none; vertical-align: top}
	
	/* Schwarz */
	.winzig_schwarz {font-size: 0px; color:#000000 border: none;}

/* Icons */
img.icon16px { width: 16px; height: 16px; border: 0px; vertical-align: middle; }

/* PullDown Menü */
.pulldown {position: relative;}
.pulldown ul {display: none; list-style: none; background-color: #494949; margin: 0px; padding: 0px; position: absolute; top: -5px; left: 100px; width: 150px; opacity: 0.90; -moz-opacity: 0.90; filter: Alpha(opacity=90);}
.pulldown li {display: inline; opacitiy: 1; -moz-opacity: 1; filter: Alpha(opacity=100);}
.pulldown:hover ul {display: block;}

/* Vorhang */
.vorhang { position: fixed; z-index: 500; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000; padding-top: 40px; color: #ffffff; opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter: alpha(opacity=80); }
.vorhang div { margin-top: 20%;text-align: center; font: bold 14px 'Lucida Grande',Verdana,'Bitstream Vera Sans',Geneva,Arial,SansSerif; }

/* Vorhang 5% */
.vorhang5pz { position: fixed; z-index: 500; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000; padding-top: 40px; color: #ffffff; opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter: alpha(opacity=80); }
.vorhang5pz div { margin-top: 5%;text-align: center; font: bold 14px 'Lucida Grande',Verdana,'Bitstream Vera Sans',Geneva,Arial,SansSerif; }

/* Shortnews Scroller */
.sns_content {width: 256px; font-size: 10px; color: #000000; text-align: justify;}
#sns_d_content {position: relative; height: 100px; overflow: hidden;}
.sns_d_nachricht {position: absolute; left: 0px; height: 84px; text-align: left; line-height: 15px; margin: 0px; display: block;}
span.sns_font a {font-size: 12px; color: #FF9933; border: none; vertical-align: top}


.textmitte {  font-size: 12px; color: #CCCCCC; padding-right: 10px; padding-left: 20px}
.oben {  font-size: 11px; color: #FFFFFF; padding-left: 5px}
body {  font-family: Arial, Helvetica, sans-serif}
.tabellen1 {  background-color: #66CCFF; border: 1px #0473B5 groove}
.obenrechts {  font-size: 11px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px}
a {  text-decoration: none; color: #FFFFFF}
.unterstrichen {  text-decoration: underline}

.formsnormal { font-size: 12px; color: #000000 ; font-family: Arial, Helvetica, sans-serif}
.buttons {  font-size: 12px; font-weight: bold; color: #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px}
.mitgrauemhinter { font-size: 11px; color: #CCCCCC; padding-left: 20px; background-color: #333333; border: none; padding-right: 20px; padding-top: 5px; padding-bottom: 5px}
.mitorangemhinter { font-size: 11px; color: #CCCCCC; padding-left: 20px; border: none; padding-top: 2px; padding-bottom: 2px; background-color: #333399}
.fehlermeldung {  font-weight: bold; color: #FF0000}
.ganzkleinertext { font-size: 10px; color: #CCCCCC; border: none; vertical-align: top }
.balken { font-size: 9px; color: #3399FF; border: none; vertical-align: top ; background-color: #3399FF}
.infotext { font-size: 7px; color: #000000; border: none; vertical-align: top ; line-height: 4px}
.bg_dgrau_rand_hgrau { background-color: #333333; border: 1px #666666 solid }
.kleinertext_graurand { background-color: #333333; border: 1px #666666 solid ; font-size: 11px; color: #CCCCCC}
.eingerückt { font-size: 11px; color: #CCCCCC; border: none; vertical-align: top ; padding-left: 20px}
li { }
.formsklein { font-size: 10px; color: #000000 ; font-family: Arial, Helvetica, sans-serif ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: center; vertical-align: middle; text-indent: 0pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
.warenkorb { font-size: 10px; color: #CCCCCC; border: none; vertical-align: top ; background-color: #000000}
.formskleinleft { font-size: 10px; color: #000000 ; font-family: Arial, Helvetica, sans-serif ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: left; vertical-align: middle; text-indent: 0pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }
.buttonsklein { font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif}
.kleinertext_weißrand { background-color: #000000; border: 1px #CCCCCC solid; font-size: 11px; color: #CCCCCC }
.grauertext_graurand { font-size: 11px; color: #000000; vertical-align: top; text-align: left; text-decoration: none; letter-spacing: normal; border: 0px none; height: 15px; padding-left: 15px; font-weight: bold; background-repeat: repeat-x; border-color: #000000 #666666 #666666 #000000; background-color: #000000}
.weisertext_schwarzrand { font-size: 11px; color: #FFFFFF; padding-left: 7px; vertical-align: middle; text-align: left; text-decoration: none; font-weight: bold; letter-spacing: normal; border: none; background-color: #000000; height: 20px; border-color: #666666 #EAF4FF #EAF4FF #666666; background-repeat: repeat-x }