@charset "UTF-8";

/*Von hier */

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	text-indent: 0;
	color: black;
	list-style-type: none;
	font-family:Verdana, Helvetica, Arial, Sans;
}

h1, h2, h3 {
	text-decoration: none;
	/*font-size: 1em;*/
	font-weight: normal;
}
 h2 {
	font-size: 1.2em;
 }
html {
	background-color: #000;

}

body {
		background: #7a2b01 url(../../images/main/holz2.jpg) repeat-y;
}

.rahmen {
	border: 2px #b75b22 solid;
}



div {
	margin: 0;
	padding: 0;
	border: 0;
}
.hidden {
	display: none;
}
.not_hidden {
	display: block;
}
.button {
	cursor: pointer;
}
.clearfix {
	display: block;
	content: ".";
	visibility: hidden;
	clear: both;
}
/* bis hier sind nur Grundeinstellungen */

div#main {
	width: 808px;
	max-width: 808px;
	/*margin-left: auto;*/
	margin-right: auto;
	margin-bottom: 16px;

	padding: 16px 11px 42px;
	border-left: 2px #b75b22 solid;
	border-right: 2px #b75b22 solid;
	border-bottom: 2px #b75b22 solid;
	font-size: 100.01%;
	float:left;
}

div#main2 {
	/*width: 808px;
	height: 0px;
	overflow: hidden;
	max-width: 808px;
	margin-left: auto;
	margin-right: auto;*/

	float:left
}

/*ab hier sind die Logos */
div#mainsteeldartlogo {
	float: left;
	width: 488px;
	height: 89px;
	background-color: #034402;
	overflow: visible;
}
div#mainsteeldartlogo img {
	margin-top: -12px;

}

div#holysoftlogo {
	float: right;
	width: 305px;
	height: 89px;
}

div#mainsteeldartlogo img, div#holysoftlogo img {
	vertical-align: middle;
}
/*bis hier*/

/*ab hier ist die Navigation*/
div#navigation {
	border-top: 0;
	float: left;
	background-image: url(../../images/main/navigationbackground.gif);
	background-repeat: no-repeat;
	background-color: #034402;
	width: 178px;
	max-width: 178px;
	height: 635px;
	margin-top: -2px;
}
div#navigationoben {
	margin-left: 18px;
	margin-top: 73px;
	color: #e6dcaf;
	font-size: 12px;
}
div#navigationoben img {
	vertical-align: middle;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!b          bringt das was?*/
}
div#navigationoben span {
	color: #e6dcaf;
}
div#navigationdynamisch {
	margin-top: 44px;
	width: 178px;
	text-indent: 32px;
}
div#navigationdynamisch img {
	display: block;
	margin-left: auto;
	margin-right: auto;

}
/*bis hier, sie ist noch nicht fertig!!!! */


/*ab Hier ist das Feld:  Suchen  */
div#suchen {
	width: 295px;
	height: 179px;
	float: left;
	margin: 11px 0 0 11px;
	background: url(../../images/main/suchenbackground.jpg) no-repeat;
}


div#suchen form {
	width: 267px;
	height: 127px;
	margin: 18px 9px 0 19px;
}
div#suchen label {
	display: block;
	width: 267px;
	height: 22px;
	margin-bottom: 13px;
}
div#suchen label img {
	float: left;
	clear: left;
	margin-top: 5px;
}

input.suchfeld {
	width: 175px;
	height: 19px;
	/*background: url(../../images/main/suchfeldbackground.jpg) no-repeat;*/
	float: right;
	clear: right;
	padding-top: 3px;
	padding-left: 2px;
	padding-right: 20px;
}


input.button {
	float: right;
	clear: both;
	margin-top: -5px;
	font-family: Arial;
	font-size: 13px;
	height: 22px;
	width: 60px;
	padding-left: 4px;
	/*background: url(../../images/main/buttonbackground.jpg) no-repeat;*/

}
div#suchen div {
	margin-top: -3px;
}
div#suchen a {
	display: block;
	margin-left: 21px;
	font-family: Arial;
	font-size: 11px;
	text-decoration: underline;
}
/* bis hier, es ist noch nicht fertig */


/* ab hierist das Feld: Login  */
div#login {
	width: 305px;
	height: 179px;
	float: right;
	margin-top: 11px;
	background: url(../../images/main/loginbackground.jpg) no-repeat;
}

div#login img {
	margin-top: 23px;
	margin-left: 16px;
}

div#login img#schwarzepfeile {
	position: relative;
	bottom: 20px;
	right: 20px;
	float: right;
	clear: right;
}
div#login form {
	width: 277px;
	height: 87px;
	margin: 18px 9px 0 14px;
}
div#login label {
	display: block;
	width: 277px;
	height: 22px;
	margin-bottom: 13px;
}

div#login label img {
	float: left;
	clear: left;
	margin-top: 5px;
	margin-left: 0px;
}

div#navigationdynamisch a {
	/*margin-left: 30px;*/
	display: block;
	font-family: ‘Hoefler Text’, Garamond, Georgia, ‘Times New Roman’, Times, serif;
	font-size: 15px;
	color: #9a5c3c;
	text-decoration: none;
	text-align:center;
}

div#downloads a {
	margin-left: 0 !important;
	display: block;
	font-family: ‘Hoefler Text’, Garamond, Georgia, ‘Times New Roman’, Times, serif;
	font-size: 15px;
	color: #9a5c3c;
	text-decoration: none;
}


div#navigationdynamisch a:hover{

	text-decoration: none;
}

div#impressum a {
	margin-left: 0px;
	display: block;
	font-family: Arial;
	font-size: 15px;
	color: #e8dbb1;
	text-decoration: none;
}
div#forum a {
	margin-left: 0px;
	display: block;
	font-family: Arial;
	font-size: 15px;
	color: #e8dbb1;
	text-decoration: none;
}


input.einlogfeld {
	width: 193px;
	height: 19px;
	/*background: url(../../images/main/einlogfeldbackground.jpg) no-repeat;*/
	float: right;
	clear: right;
	padding-left: 2px;
	padding-top: 3px;
	padding-right: 2px;
}
div#login a {
	display: block;
	margin: 0;
	margin-left: 16px;
	font-family: Arial;
	font-size: 11px;
	line-height: 17px;
	text-decoration: underline;
}
div#login div {
	margin-top: -18px;
}
/* bis hier hin/*
/*ab hier ist das Feld: Aktuelle News*/
div#spieleran {
	width: 457px;
	/*height: 720px;*/
	float: left;
	margin: 6px 0 0 11px;
	font: 10px Verdana;
	overflow: hidden;
	/*padding: 10px 25px 0px 19px;*/
	padding:10px;
	background-color: #E2DCB8;
}
div#spieleran  img {
	margin: 0;
	/*margin-bottom: 12px;*/
}
div#spieleran span {
	/*display: block;*/
	font-size:11px;
	height: 16px;
	line-height: 3px;
}
div#spieleran p {
	margin-bottom: 10px;
	padding:3px 0 3px 0;
}
div#spieleran a {
	color:#365F26;
	font-weight:bolder;
}
div#spieleran a:hover{
	color: black;
	text-decoration: none;
}
div#aktuellenews {
	width: 477px;
	/*height: 283px;*/
	float: left;
	margin: 6px 0 0 11px;
	background:#ece7c7;
	font: 10px Verdana;
	overflow: hidden;
	/*padding: 48px 25px 0px 19px;*/
}
div#aktuellenews  img {
	margin: 0;
	margin-bottom: 12px;
}
div#aktuellenews span {
	/*display: block;*/
	font-family: Arial;
	height: 12px;
	line-height: 15px;
}
div#aktuellenews p {
	margin-bottom: 6px;
	padding: 0 25px 0 19px;
}

div#aktuellenews div {
	margin-bottom: 5px;
	padding: 0 25px 0 19px;
}
div#gewinnspiel {
	width: 452px;
	height: 321px;
	float: left;
	margin: 6px 0 0 11px;
	font: 10px Verdana;
	overflow: hidden;
	padding: 10px 20px 0px 5px;
	background-color: #E2DCB8;
}
div#gewinnspiel a {
text-decoration: underline;
}
div#gewinnspiel  img {
	margin: 0;
	margin-bottom: 12px;
}
div#gewinnspiel span {
	display: block;
	font-family: Arial;
	height: 12px;
	line-height: 3px;
}
div#gewinnspiel p {
	margin-bottom: 6px;
}
div#news_temp {
	width: 433px;
	height: 580px;
	float: left;
	margin: 6px 0 0 11px;
	font: 10px Verdana;
	overflow: hidden;
	padding: 48px 25px 0px 19px;
	background-color: #E2DCB8;
}
div#news_temp  img {
	margin: 0;
	margin-bottom: 12px;
}
div#news_temp span {
	display: block;
	font-family: Arial;
	height: 16px;
	line-height: 3px;
}
div#news_temp p {
	margin-bottom: 10px;
}
div#interviews {
	width: 433px;
	height: 283px;
	float: left;
	margin: 6px 0 0 11px;
	background: url(../../images/main/aktuellenewsbackground.jpg) no-repeat;
	font: 10px Verdana;
	overflow: hidden;
	padding: 48px 25px 0px 19px;
}
div#interviews a {
	color: black;
	text-decoration: none;
}
div#interviews a:hover{
	color: white;
	text-decoration: none;
}
div#archiv a{
	font-family: arial;
	font-size: 11px;
	text-decoration: underline;
	padding-left: 1px;
	padding-top: 13px;
}

/*bis hierhin*/
/* hier fängt der Kalender an, ..... */
div#kalender {
	width: 123px;
/*	height: 679px;*/
	float: right;
	margin-top: 6px;
	background: url(../../images/main/kalenderbackground.jpg) no-repeat;
	overflow: hidden;
}
div#kalendermonat {
	width: 119px;
	height: 20px;
	margin: 30px 2px 2px 2px;
	background: url(../../images/main/kalendermonatbackground.jpg) no-repeat;
	display: block;
	overflow: hidden;
}

div#kalendermonat h1 {
	text-align: center;
	color: #365f26;
	font-size: 12px;
	line-height: 20px;
	font-family: Verdana;
	font-weight: bold;
	vertical-align: baseline;
}

.tag {
	margin-top: 0;
	margin-left: 8px;
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	color: #365f26;
}
.tag p, .tag li {
	color: #365f26;
	font-size:9px;
	margin-right:2px !important;
}
.tag ul {
	margin-top: 17px;
	font-weight: normal;
	line-height: 12px;
	padding-left: 5px;
	padding-bottom: 6px;
}
div#schlusslinie {
	width: 123px;
	overflow: hidden;
	margin-top: 49px;
}
/*bis hier*/

/*ab hier das Werbungs-Feld*/
div#werbung {
	width: 178px;
	/*height: 334px;*/
	margin-top: 6px;
	background-color: #034402;
	position:absolute;
	top:740px;
	left:13px;
}
div#werbung div {
	width: 178px;
	height: 334px;
	background-color: #034402;
	cursor: pointer;
}

/*bis hierhin*/

/* vorläufig ist hier erstmal nur ein TV JGP bild zu sehen.*/
div#tv {
	width: 477px;
	height: 421px;
	float: left;

	margin: 6px 0 0 11px;

}
/*Bis hierhin geht tv*/

/*ab hier geht das CSS für den Gewinnspielticker los*/
div#ticker {
	clear: both;
	width: 803px;
	height: 70px;
	float: left;
	clear: left;
	margin: 32px 0 0 0;
	background: url(../../images/main/tickerbackground.jpg) no-repeat;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
}
div#ticker p {
	color: white;
	font: 18px/70px CenturyGothic;
	font-weight: bold;
}
div#ticker p span {
	font: 24px/70px CenturyGothic;
	font-weight: bold;
	color: white;
}
/*bis hierhin*/

/* ab hier ist die footnavigation*/
div#footnavigation {
	width: 803px;
	height: 32px;
	float: left;
	clear: both;
	white-space: nowrap;
	margin-top: 6px;
	background: url(../../images/main/footnavigationbackground.jpg) no-repeat;
	text-align: center;
	font: 11px/30px Arial;
	color: #8a6458;
}
div#footnavigation a {
	color: #8a6458;
}
div#werbung2 {
	/*position:relative;
	top:-1157px;
	left:825px;
	overflow: hidden;
	*/

	width: 120px;
	height: 600px;
}
div#werbung3 {
	/*position:relative;
	top:-1150px;
	left:825px;
	overflow: hidden;
	*/

	width: 120px;
	height: 600px;
}

img {
	border: 0;
}

.even {
	/* background: #f8f0c3; `*/
	height:25px;
}

.odd {
	/* background: #f4eec7; */
	height:25px;
}

tr:hover{
	background:#eee8c8;
}

p.error {
	color: #b03;
}

p.success {
	color: #063;
}


div.admin {
	border: 0px;
	border-color: #b03;
	border-style: solid;
	overflow:visible;
	position:relative;
	}

div.adminhead {
	border: 0px;
	border-color: #b03;
	border-style: solid;
	padding: 10px;

	}

div.adminheader a{
	border: 0px;
	border-color: #b03;
	border-style: solid;
	padding: 10px;
	color:#fff;
	}

div.adminedit {
	position:absolute;
	text-align: left;
	z-index: 100;
	background:#f1f1f1;
	overflow: visible;
	padding:5px;
	border-color:#b03;
	Border-style:solid;
	border-width:0px;
	width:600px;
	height:300px;
	}

div.adminbutton a{
	font-size : 9px;
	color: #fff;
	background: #b03;

}

div#adminheader {
	margin:10px auto;
	width: 100%;
	text-align:center;
	background-color:#eee8c8;

}
div#adminheader a{

}

div#securebackground {
	background: #d5df6f ;
}
/*
a[href^="http:"] {
background: url(../../images/main/extlink.gif) no-repeat right top;
padding-right: 10px;

}
*/
div.outer {
background-color:#eee8c8;
font-size:11px;
margin: 0 20px 0 20px;
width:100%;
height:100%;
margin:1px;

}


h1.headline {
	background:url(../../images/main/h1bg.jpg) repeat-x right top #933300;
	display:block;
	padding:8px;
	color:white;
	font-size:1.2em;
	margin-bottom:7px;
	font-family:Georgia;
	color:#e8d9ae;

}

div.vline {
	background: url(../../images/main/vline.gif) repeat-x right top;
	height:1px;
	margin: 10px 25px 10px 19px;
}

dt{

	font-weight:bold;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox
/* <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

dt {
	margin-left:20px;
	margin-bottom:5px;
	font-size:11px;
}

dd {
	margin-left:20px;
	margin-bottom:2px;
}

div.gallery img {
	margin:5px !important;
}

div.gallery {
	margin:0 !important;
	margin-top:20px !important;
}

div.gallery h1{
	top:-10px;
	position:relative;
	background-color:#AD8C61;
	padding:3px;
	color:#fff;
	margin:0 10px;
}
 div.pad {
	padding:3px;
 }

div.left{
	float:left;
}
div.right{
	float:right;
}
div.w240{
	width:277px;
}

div.w228{
	width:228px;
}
div.w200{
	width:180px;
}

div.h250{
	height:250px;
}
 div.noindent {
	margin-left:0;
 }

 div.noindent dt{
	margin-left:0;
 }
 div.noindent dd{
	margin-left:0;
 }

div.subnav {
background: url(../../images/main/submenuebg.png) no-repeat bottom;
}
div#loggedin dd,dt{
	font-size:9px;
}
div#loggedin h2{
	font-size:12px;
	font-weight:bold;
	margin: 20px 0 10px 20px;
}

div#loggedin a{
	font-size:12px;
	font-weight:bold;

}
div#loggedin {
	width: 305px;
	height: 179px;
	float: right;
	margin-top: 11px;
	background: url(../../images/main/loggedinbackground.jpg) no-repeat;
}
ul, li, li a {
	vertical-align:bottom;
}
* html ul li a {
	height:1em;
	}
li {display:inline;}
li a {display: block;}

div.topic {
	font-weight:bold;
	font-size:1.2em;

}
div.from {
	width:300px;
	float:left;
	padding:5px;
	font-weight:bold;

}

div.time {
	float:right;
	padding:5px;
}
div.detail {
	width:450px;
	clear:both;
	padding:5px;

}
div.answer {
	width:440px;
	clear:both;
	padding:5px;
	margin-left:10px;

}
div.hline {
	width:450px;
	clear:both;
	background: url(../../images/main/l.jpg) repeat-x;

}

textarea#a_answer{
	font-size: 1em;
	background-color: #e2d8b8;
	width:450px;
	height:250px;

}

div.breadcrumb {
	margin: 8px 0 ;
	font-size:1.2em;
}

div.id{
	margin: 5px 0 ;
}
div.category{
	margin: 5px 0 ;
}

div.view{
	float:left;
	width:100px;
}
div.reply{
	float:left;
	width:100px;
}

div.a_edit{
	float:left;
	width:100px;
}
div.a_delete{
	float:left;
	width:100px;
}

div.w80{
	width:80px;
}
div.wx{
	width:265px;
}
img.w808 {
	width:808px;
}

img.h100 {
	height:100px;
}

div.spielerboxvideo{
	height:70px;
	background-color: #F5F8E5;
	padding:5px;
	border:1px solid brown;

}
div.videopromo{
  float:right;
	margin:6px;
}

input {
	border: 2px ridge #006F00;
	margin:1px;
}

.adminbutton {
	border: 1px solid #006f00;
	padding:2px;
	background:#fff;
	}
	
.adminodd {
	background:#f1f1f1;
	padding:2px;
	}
.admineven {
	padding:2px;
	}
.ext{
	color:#365F26;
	font: 8pt verdana, arial;
	padding:10px;
	}