/* 
//
// # General
//
// (Content Breite: [ --> 622px <-- ])
//
*/

html, body {
	height: 100%;
}
body {
	margin: 0px;
	font-size: 11px;
	color: #777777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../../images/layout/bg_site.png);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
}
h1 {
	margin: 0px 0px 5px 0px;
	padding: 5px;
	font-size: 13px;
	color: #006600;
	border-top: 1px solid #b7f242;
	border-right: 1px solid #97d41d;
	border-bottom: 1px solid #97d41d;
	border-left: 1px solid #b7f242;
	background-image:url(../../images/layout/bg_h1.gif);
}
h1.space { margin-top: 5px; }

h2 { 
	margin: 0px 0px 5px 0px;
	padding: 2px;
	font-size: 11px;
	color: #666666;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-left: 1px solid #e1e1e1;
	background-image:url(../../images/layout/bg_h2.gif);
}

h3 { 
	margin: 0px 0px 5px 0px;
	padding: 2px;
	font-size: 11px;
	color: #d35011;
	border-bottom: 4px solid #F5F5F5;
}

h4 { 
	margin: 0px 0px 15px 0px;
	padding: 10px;
	font-size: 13px;
	color:#CC0000;
	background-color:#FFFAD2;
	border: 1px solid #CC6600;
}

hr {
	margin: 5px 0px 5px 0px;
	border: 1px solid #F0F0F0;
}

img.border { padding: 1px; border: 1px solid #557816; }

.clearFix { clear: both; }

a {
	color:#999999;
	font-weight: bold;
	text-decoration: none;
}
a:hover { color:#666666; }

/* 
//
// # Layout
//
*/

/* Allgemein */

#siteAll {
	position: relative;
	min-height: 100%;
}		
#siteHeaderAndContent {
	margin: auto;
	width: 950px;
}
#siteFooter {
	position: fixed;
	bottom: 0px;
	left:0px;
	margin-bottom: 0px;
	width: 100%;
	height: 40px;
	color:#9f9f9f;
	font-size: 9px;
	background-color: #f4f4f4;
	border: 2px solid #ececec;
}
#layoutHeaderOpinion {
	width: 950px;
	height: 39px;
	color: #FFFFFF;
	background-image: url(../../images/layout/bg_header_opinion.gif);
}
#layoutHeaderOpinion .pic { float: left; height: 39px; width: 31px;}
#layoutHeaderOpinion .text { float: left; height: 39px; padding: 0px 15px 0px 15px; line-height: 39px;}
#layoutHeaderOpinion .button { float: right; height: 39px; padding: 0px 15px 0px 15px; line-height: 39px;}
#layoutHeaderBanner {
	width: 950px;
	height: 194px;
	background-image: url(../../images/layout/d_header.jpg);
}
#layoutMenu {
	float: left;
	width: 150px;
}
.layoutContent {
	float: left;
	padding: 0px 3px 3px 3px;
	width: 622px;
	border-left: 2px solid #F5F5F5;
	border-right: 2px solid #F5F5F5;
}
#layoutSidebar {
	float: left;
	width: 160px;
	padding: 2px;
	color: #996600;
	background-color: #fcfc56;
}
#layoutContentFooter {
	left:0px;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

/* Site Footer Links */

#siteFooter a {
	color: #8f8f8f;
	font-weight: bold;
	font-size: 10px;
}
#siteFooter a:hover { color: #c4c4c4; text-decoration: none; }

/* Info Nachricht */

#infoMsgOk {
	padding: 10px;
	margin-bottom: 10px;
	color: #4e6624;
	text-align: center;
	border-top: 1px solid #b7f242;
	border-right: 1px solid #97d41d;
	border-bottom: 1px solid #97d41d;
	border-left: 1px solid #b7f242;
	background-color: #dfff9c;
	background-image:url(../../images/layout/bg_msg_ok.gif);
	background-repeat:repeat-x;
}
#infoMsgOk a { line-height: 30px; padding: 5px; color:#FFFFFF; background-color: #5f7e21; }
#infoMsgOk a:hover { color:#FFFFFF; background-color: #84a347; }

#infoMsgError {
	padding: 10px;
	margin-bottom: 10px;
	color: #7e2121;
	text-align: center;
	border-top: 1px solid #f25742;
	border-right: 1px solid #d4321d;
	border-bottom: 1px solid #d4321d;
	border-left: 1px solid #f25742;
	background-color: #dfff9c;
	background-image:url(../../images/layout/bg_msg_error.gif);
	background-repeat:repeat-x;
}
#infoMsgError a { line-height: 30px; padding: 5px; color:#FFFFFF; background-color: #7e2c21; }
#infoMsgError a:hover { color:#FFFFFF; background-color: #bd4636; }


/* Blätterfunktion */

#siteNavigation {
	margin-top: 10px;
	width: 612px;
	height: 30px;
	padding: 5px;
	border-top: 2px solid #405f16;
}
#siteNavigation a {
	margin: 2px;
	padding: 4px 8px 4px 8px;
	line-height: 30px;
	color: #767676;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #a7a7a7;
	border-bottom: 1px solid #a7a7a7;
	border-left: 1px solid #cccccc;
	background-color: #eeeeee;
}
#siteNavigation a:hover {
	color: #a7a7a7;
}
#siteNavigation .selected { background-color:#FFFFCC; }

/*
//
// # Links 
//
*/

a.link_bg_red { 
	color: #FFFFFF; 
	font-weight:bold; 
	text-decoration: none;
	padding: 5px; 
	line-height: 30px;
	background-color: #b7501e;
}
a:hover.link_bg_red { color: #ffddcd; }

a.link_bg_green { 
	color: #FFFFFF; 
	font-weight:bold; 
	text-decoration: none;
	padding: 5px; 
	line-height: 30px;
	background-color: #479f0a;
}
a:hover.link_bg_green { color: #d8ffbd; }

/*
//
// # Form
//
*/

form { margin: 0px; }

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #C8C8C8;
	margin: 2px;
}

select {
	cursor: pointer;
}

label {
	cursor: pointer;
}

.mainButton { 
	width: auto;
	padding: 3px;
	font-size: 11px;
	border-top: 1px solid #b7f242;
	border-right: 1px solid #97d41d;
	border-bottom: 1px solid #97d41d;
	border-left: 1px solid #b7f242;
	background-image:url(../../images/layout/bg_h1.gif);
}
.mainButton:hover { 
	color: #937225;
	border-top: 1px solid #ffd97f;
	border-right: 1px solid #edb838;
	border-bottom: 1px solid #edb838;
	border-left: 1px solid #ffd97f;
	background-image:url(../../images/layout/bg_h1_hover.gif); 
	cursor: pointer;
}

/* 
//
// # Menü
//
*/

/* Allgemein */

#layoutMenu ul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
}
#layoutMenu li {
	margin-left: -40px;
	padding-left: 3px;
	padding: 5px;
	border-bottom: 1px solid #F5F5F5;
}
#layoutMenu li:hover { background-color: #f3f3f3; }

#layoutMenu .selected {
	color: #333333;
	font-weight: bold;
	background-color: #ececec;
}


#layoutMenu a {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}
#layoutMenu a:hover { color: #DBDBDB; }

/* Player Card */

#playerCard{
	margin: 5px 5px 5px 0px;
	padding: 2px;
	color: #feff04;
	text-align: center;
	border-top: 1px solid #bb8787;
	border-right: 1px solid #7a4545;
	border-bottom: 1px solid #7a4545;
	border-left: 1px solid #bb8787;
	background-color: #9f5a5a;
	background-image: url(../../images/layout/bg_playercard.png);
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#playerCard div.virtualLine { margin: 4px; border-top: 1px dotted #feff04; }

#playerCard .textDeveloper {
	color: #FFFFCC;
	letter-spacing: 1px;
}
#playerCard .textAwards {
	color: #FFCC66;
	font-size: 9px;
}
#playerCard img {
	padding: 2px;
	margin: 1px;
	background-color: #FFFFFF;
	border: 1px solid #c44141;
}

/* Logout */

div.playerLogout {
	margin: 5px 5px 5px 0px;
	padding: 2px;
	color:#ff7d7d;
	text-align: center;
	border-top: 1px solid #bb8787;
	border-right: 1px solid #7a4545;
	border-bottom: 1px solid #7a4545;
	border-left: 1px solid #bb8787;
	background-color: #9f5a5a;
}

/* 
//
// # Formular bzw. Text Formatierung
//
*/

/* Basic */

div.formatLabel {
	float: left;
	width: 170px;
	padding-top: 6px;
	font-style: italic;
	color: #999999;
}
div.formatLabel:hover { color: #C3C3C3; }
div.formatContent {
	float: left;
	width: 452px;
	color: #5c5c5c;
	font-weight: bold;
}
div.formatSubmit {
	float: left;
	width: 452px;
	padding-left: 170px;
}

div.formatLine {
	float: left;
	margin: 4px 0px 4px 0px;
	width: 622px;
	font-size: 0px;
	border-bottom: 1px dotted #CCCCCC;
}

div.quote {
	margin: auto;
	width: 440px;
	padding: 5px;
	color:#CC0000;
	border-top: 1px solid #f3f3bd;
	border-right: 1px solid #e6e60e;
	border-bottom: 1px solid #e6e60e;
	border-left: 1px solid #f3f3bd;
	background-color:#FFFFCC;
}

div.text { padding-top: 0px; }
div.last { margin-bottom: 10px; }

/* Form */

div.formatContent input, div.formatContent textarea { width: 440px; border-color: #999999; padding: 4px; font-size: 10px; color: #666666; }
div.formatContent select { width: 450px; border-color: #999999; padding: 4px; font-size: 10px; }

div.formatContent input:hover, div.formatContent select:hover, div.formatContent textarea:hover { border-color: #CCCCCC; }
div.formatContent input:focus, div.formatContent select:focus, div.formatContent textarea:focus { background-color:#F3F3F3; }

div.formatSubmit input { 
	width: auto;
	padding: 3px;
	font-size: 11px;
	border-top: 1px solid #b7f242;
	border-right: 1px solid #97d41d;
	border-bottom: 1px solid #97d41d;
	border-left: 1px solid #b7f242;
	background-image:url(../../images/layout/bg_h1.gif);
}
div.formatSubmit input:hover { 
	color: #937225;
	border-top: 1px solid #ffd97f;
	border-right: 1px solid #edb838;
	border-bottom: 1px solid #edb838;
	border-left: 1px solid #ffd97f;
	background-image:url(../../images/layout/bg_h1_hover.gif); 
	cursor: pointer;
}

/* 
//
// # Tabellen Formatierung
//
*/

table { 
	border-spacing: 0px;
	width: 100%;
}

td.sub { 
	padding: 0px 0px 5px 0px;
	color: #999999;
	border-bottom: 1px solid #c6c6c6;
	border-right: 5px solid #FFFFFF;
}

td.label { color: #999999; }
td.content { padding-top: 3px; color: #5c5c5c; }
td.content:hover { color: #999999; }
td.noContent { padding: 15px; color: #CCCCCC; font-weight: bold; font-style: italic; text-align: center; }

td.first { width: 30%; }
td.top { vertical-align: top; }
td.center { text-align: center; }
td.line { border-bottom: 1px dotted #CCCCCC; border-right: 5px solid #FFFFFF; }
td.mark { color: #CC0000; background-color: #FFCFBF; }