/* Torfreunde Global Stylesheet */

/* Generic definitions and defaults */
td {
	padding:0px;
	text-align:left;
}

body {
	margin:0px;
	padding:0px;
	background-color:rgb(153,178,71);
	font-family:Trebuchet MS, Myriad Pro, Verdana, Arial, sans-serif;
}

textarea {
	font-family:sans-serif;
}

img {
	border-width:0px;
}

th {
	padding:0px;
	text-align:left;
}

table {
	margin:0px;
	padding:0px;
	border-width:0px;
	border-spacing:0px;
	border-collapse:collapse;
	empty-cells:show;
}

input {
	border-style:solid;
	border-width:1px;
}

input.checkbox {
	width:auto !important;
}

select {
	border-style:solid;
	border-width:1px;
}

fieldset {
	border-style:solid;
	border-width:1px;
}

div.genericButton {
	border-style:solid;
	border-width:3px;
	border-color:rgb(189,204,134);
	background-color:rgb(153,178,71);
	color:white;
	text-decoration:none;
	display:inline;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:13px;
}
/* End generic definitions and defaults */

/* Fields (Validation) */
.fieldMissing {
	background-color:rgb(229,175,76) !important;
}

.fieldInvalid {
	background-color:rgb(229,175,76) !important;
}

div.errors {
	color:red;
}
/* End Fields */

/* Basic layout */
div#header {
	position:absolute;
	left:0px;
	top:0px;
	height:176px;
	width:100%;
	background-color:rgb(27,40,50);
}

div#logo {
	width:186px; /* -12 of 98px; Summer: 186px; Winter: 172px; */
	height:179px;
	background:url(../img/logo.jpg); /* Summer: logo.jpg; Winter: logo_snow.png */
	/* Winter: background-position:0px -5px;  */
	background-repeat:no-repeat;
}

div#logo-schriftzug {
	position:absolute;
	left:188px; /* -12 of 200px; Summer: 188px; Winter: 172px; */
	top:43px;
	background:url(../img/torfreundede.png); /* Summer: torfreundede.png; Winter: torfreundede_snow.png */
	width:683px; /* Summer: 683; Winter: 696px */
	height:58px; /* Summer: 58; Winter: 94 */
}

div#menu {
	position:absolute;
	left:200px;
	top:133px;
	font-size:16px;
	color:white;
}

table#menutable td {
	vertical-align:middle;
}

div#menu a {
	text-decoration:none;
}

div#menu div.menuitem {
	padding-right:20px;
}

div#menu div.menuitem a {
	color:white;
}

div#menu div.menuitem_active {
	padding-right:20px;
	display:inline;
}

div#menu div.menuitem_active a {
	color:rgb(242,148,5);
}

div#footer {
	position:absolute;
	left:0px;
	top:1056px;
	text-align:left;
	padding-left:550px;
	padding-bottom:10px;
	color:white;
	font-size:10px;
}

div#footer a {
	text-decoration:none;
	color:white;
}

div#left {
	z-index:20;
	position:absolute;
	top:176px;
	left:0px;
	min-height:807px;
	width:210px;
	background:url(../img/leftbg.gif);
	background-repeat:no-repeat;
	color:white;
	padding-left:35px;
	padding-top:10px;
	font-size:14px;
	line-height:180%;
}

div#left div.leftSpacer {
	height:14px;
}

div#left input {
	background-color:rgb(73,83,92);
	border:none;
	width:120px;
	color:white;
}

div#left span.big {
	font-size:22px;
	font-weight:bold;
}

div#left a {
	text-decoration:none;
	color:white;
}

div#left a.small {
	line-height:210%;
	font-size:10px;
	padding-right:12px;
	background:url(../img/linkbullet.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	display:inline-block;
}

div#left input#password {
	margin-bottom:3px;
}

div#left input#invitationCode {
	margin-top:6px;
	margin-bottom:3px;
}

div#left div.errors {
	width:120px;
	font-size:10px;
	line-height:130%;
	padding-bottom:4px;
	padding-top:2px;
}

div#kostenlos {
	z-index:40;
	position:absolute;
	top:116px;
	left:178px;
	height:242px;
	width:238px;
	background:url(../img/kostenlos.png);
	background-repeat:no-repeat;
}

div#content {
	z-index:10;
	position:absolute;
	top:176px;
	left:200px;
}

/* Simple Content */
div#simpleContent {
	position:absolute;
	left:263px;
	top:3px;
}

div#simpleContentTitle {
	background-color:rgb(208,220,172);
	color:rgb(28,40,52);
	font-weight:bold;
	width:362px;
	height:21px;
	margin-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:2px;
	vertical-align:middle;
	font-size:17px;
	overflow:hidden;
}

div#simpleContentBody {
	background-color:rgb(208,220,172);
	padding-left:8px;
	padding-right:8px;
	padding-top:6px;
	padding-bottom:6px;
	font-size:14px;
	width:362px;
}

div#homeTopLeft {
	background-color:rgb(208,220,172);
	height:122px;
	width:136px;
	position:absolute;
	left:0px;
	top:31px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
}

div#homeTopLeft div.CHomeBoxTitle {
	font-weight:bold;
	font-size:12px;
	color:rgb(27,40,50);
}

div#homeTopLeft div.CAvatar_L {
	margin-left:29px;
	margin-right:29px;
}

div#homeTopCenter {
	background-color:rgb(208,220,172);
	height:122px;
	width:122px;
	position:absolute;
	left:141px;
	top:31px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
}

div#homeTopCenter div.CHomeBoxTitle {
	font-weight:bold;
	font-size:12px;
	color:rgb(27,40,50);
}

div#homeTopCenter div.CAvatar_L {
	margin-left:22px;
	margin-right:22px;
}

div#homeTopRight {
	background-color:rgb(208,220,172);
	height:122px;
	width:110px;
	position:absolute;
	left:268px;
	top:31px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
}

div#homeTopRight div.CHomeBoxTitle {
	font-weight:bold;
	font-size:12px;
	color:rgb(27,40,50);
}

div#homeTopRight div.CAvatar_L {
	margin-left:16px;
	margin-right:16px;
}

div#homeBottom {
	height:96px;
	width:378px;
	position:absolute;
	left:0px;
	top:169px;
}

/* Registration */
div.CRegistration {
	background:url(../img/registrationpeople.jpg);
	background-repeat:no-repeat;
	background-position:130px 0px;
}

div.CRegistration div.CRegistrationTitle {
	padding-top:4px;
}

/* Dialoge */
div.dialog {
	display:none;
}

div#RegistrationDialog {
	position:absolute;
	left:463px !important;
	top:179px !important;
	color:rgb(27,40,50);
}

div#RegistrationDialog label{
	width:78px;
	float:left;
	font-size:14px;
	padding-top:4px;
	color:rgb(27,40,50);
	display:inline-block;
}

div#RegistrationDialog input {
	background-color:rgb(208,220,172);
	border-style:solid;
	border-width:3px;
	border-color:white;
	width:206px;
}

div#RegistrationDialog select {
	background-color:rgb(208,220,172);
	border-style:solid;
	border-width:3px;
	border-color:white;
	width:206px;
}

div.registrationField {
	margin-top:22px;
}

div.registrationLink {
	margin-left:28px;
	margin-top:10px;
	width:152px;
	padding-right:35px;
	height:18px;
	padding-top:5px;
	text-align:right;
	background-image:url(../img/rightarrow.png);
	background-position:right;
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	color:rgb(242,148,5);
	text-decoration:none;
}

div#RegistrationPage1 {
	padding-bottom:12px;
	background-image:url(../img/bg_registration_1.png);
	background-position:320px 48px;
	background-repeat:no-repeat;
}

div#RegistrationPage2 {
	padding-bottom:12px;
	background-image:url(../img/bg_registration_2.png);
	background-position:310px 48px;
	background-repeat:no-repeat;
	display:none;
}

div#RegistrationPage2 div.teamText {
	font-size:10px;
}

div#RegistrationPage3 {
	padding-bottom:55px;
	background-image:url(../img/bg_registration_3.png);
	background-position:238px 133px;
	background-repeat:no-repeat;
	display:none;
}

div#RegistrationPage3 a {
	font-weight:bold;
	color:rgb(242,148,5);
	text-decoration:none;
}

div#RegistrationPage3 input#dateOfBirth {
	width:206px !important;
}

div#RegistrationPage4 {
	padding-bottom:12px;
	display:none;
}

div#RegistrationPage4 div.errors {
	width:350px;
}

div#RegistrationPage4 div#registrationThanks {
	width:350px;
}

a.registrationPageLink {
	text-decoration:none;
	color:rgb(28,40,52);
}

a.registrationPageLinkActive {
	text-decoration:none;
	color:rgb(242,148,5);
}

div.dialogHeader {
	background-color:rgb(208,220,172);
	color:rgb(28,40,52);
	font-weight:bold;
	width:362px;
	height:21px;
	margin-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:2px;
	vertical-align:middle;
	font-size:18px;
	overflow:hidden;
}

div.dialogContent {
	background-color:rgb(208,220,172);
	padding-left:8px;
	padding-top:1px;
	color:rgb(27,40,50);
}

div#playergamebg {
	background-image:url(../img/playergamebg.jpg);
	width:794px;
	height:477px;
	z-index:-1;
	position:absolute;
	left:-87px;
	top:224px;
}

div.links {
	font-size:10px;
}

/* Avatar Images */
div.CAvatar_S {
	width:39px;
	height:52px;
	background-color:rgb(189,204,134);
}

div.CAvatar_S td {
	width:39px;
	height:52px !important;
	padding:0px;
}

div#friendPath div.CAvatar_S {
	background-color:rgb(27,40,50);
}

div.CAvatar_M {
	width:64px;
	height:85px;
	background-color:rgb(189,204,134);
}

div.CAvatar_M td {
	width:64px;
	height:85px;
	padding:0px;
}

div.CAvatar_L {
	width:78px;
	height:104px;
	background-color:rgb(189,204,134);
}

div.CAvatar_L td {
	width:78px;
	height:104px;
	padding:0px;
}

div.CAvatar_XL {
	width:102px;
	height:136px;
	background-color:rgb(189,204,134);
}

div#left div.CAvatar_XL {
	background-color:rgb(73,83,92);
}

div.CAvatar_XL td {
	width:102px;
	height:136px;
	padding:0px;
}

/* Suggests */
div.autocomplete {
	position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
    color:black;
}
div.autocomplete ul {
	list-style-type:none;
    margin:0px;
    padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
	list-style-type:none;
    display:block;
    margin:0;
    padding:4px 0 4px 4px;
    cursor:pointer;
}
div.autocomplete ul li img { border:none; margin-right: 10px; vertical-align:middle;}

/* Popups */
div.popupTitle {
	background-color:rgb(208,220,172);
	color:rgb(28,40,52);
	font-weight:bold;
	height:21px;
	margin:4px;
	padding-left:8px;
	padding-top:4px;
	padding-bottom:2px;
	vertical-align:middle;
	font-size:17px;
	overflow:hidden;
}

div.popupContent {
	background-color:rgb(208,220,172);
	margin:4px;
	padding-left:8px;
	padding-right:8px;
	padding-top:6px;
	padding-bottom:6px;
	font-size:14px;

}

/* Usage Policy */
div.CUsagePolicy {
	font-size:10px;
}

/* Logout */
div.bigboxBlock {
	color:white;
	font-weight:bold;
	font-size:13px;
	margin-left:70px;
	margin-top:20px;
}

/* Ads */
div#ad_bigbox {
	width:534px;
	height:448px;
	margin-top:10px;
	margin-left:6px;
}

/* New Star */
div.newstar {
	background-image:url(../img/new.png);
	background-repeat:no-repeat;
	width:39px;
	height:38px;
}

div#map_newstar {
	position:absolute;
	z-index:30;
	left:233px;
	top:-28px;
}

/* Tour */
div#TourBorder {
	position:absolute;
	left:150px;
	top:10px;
}

div.Tour {
	background-color:rgb(208,220,172);
	color:rgb(28,40,52);
	width:600px;
	margin-bottom:10px;
	padding:15px;
	vertical-align:middle;
	font-size:12px;
}

div.Tour td {
	vertical-align:top;
}

div.Tour td.thumbnail {
	padding-right:10px;
}

div.Tour h2 {
	font-weight:bold;
}

div.Tour h1 {
	font-weight:bold;
}

div.Tour a.withbullet {
	text-decoration:none;
	color:rgb(28,40,52);
	padding-right:12px;
	background:url(../img/linkbullet_blue.png);
	background-repeat:no-repeat;
	background-position:right center;
	display:inline-block;
}

/* Home page */
/* Nerlinger */
div#nerlinger {
	background-image:url(../img/nerlinger.png);
	background-repeat:no-repeat;
	width:127px;
	height:185px;
	position:absolute;
	top:-17px;
	left:607px;
	z-index:20;
}

div#homeBottomTeaser {
	width:263px;
	height:96px;
	background-color:rgb(208,220,172);
	background-image:url(../img/hometeasertext.png);
	background-repeat:no-repeat;
	background-position:center 4px;
}

div#homeBottomTour {
	width:106px;
	height:93px;
	background-color:rgb(208,220,172);
	position:absolute;
	top:0px;
	left:268px;
	padding-left:4px;
	padding-top:3px;
	z-index:30;
}

span.pressNewspaper {
	font-size:10pt;
}

/* Color Templates */
.white {
	color:white;	
}

.orange {
	color:rgb(242,148,5);
}

.bg_orange {
	background-color:rgb(242,148,5);
}

.darkblue {
	color:rgb(27,40,50);
}

.bg_darkblue {
	background-color:rgb(27,40,50);
}

.mediumblue {
	color:rgb(73,83,91);
}

.bg_mediumblue {
	background-color:rgb(73,83,91);
}

.lightblue {
	color:rgb(152,158,163);
}

.bg_lightblue {
	background-color:rgb(152,158,163);
}

.darkgreen {
	color:rgb(105,147,47);
}

.bg_darkgreen {
	background-color:rgb(105,147,47);
}

.green {
	color:rgb(153,178,71);
}

.bg_green {
	background-color:rgb(153,178,71);
}

.lightgreen {
	color:rgb(189,204,134);
}

.bg_lightgreen {
	background-color:rgb(189,204,134);
}

.ultralightgreen {
	color:rgb(209,220,172);
}

.bg_ultralightgreen {
	background-color:rgb(209,220,172);
}