@import url('reset.css');

html, body {
	height:100%;
	padding:0;
	margin:0;
}

body {
	font-size:100.1%;
	font-family:Arial, sans-serif;
	/*background:url(../img/Hintergrund_DAY2.jpg) repeat;*/
	background:#ccd8b2;
	text-align:center;
}

#wrap {
	position:absolute;
	left:25%;
	z-index:20;
	display:block;
	width:600px;
	height:auto !Important;
	height:100%;
	min-height:100%;
}

#background {
	position:fixed;
	top:0;
	z-index:1;
	display:none;
}
span.background {
	display:none;
}
#background .alt {
	display:none;
}
.backgroundoverlay {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	background:url(../img/backgroundoverlay.png) repeat left top;
}

div.noscript {
	position:relative;
	height:100%;
	overflow:hidden;
}
div.noscript img {
	height:100%;
	width:auto;
}

#logo {
	position:absolute;
	display:block;
	bottom:0;	
	left:0;
}
#logo a {
	display:block;
	text-indent:-99999px;
	background:url(../img/Logo_white.png) no-repeat center;
	width:300px;
	height:190px;
}

#menu {
	position:absolute;
	right:0;
	top:156px;
	text-align:left;
}
#menu a {
	color:#1d220e;
	text-decoration:none;
	line-height:21px;
	font-size:12px;
	padding:3px 5px;
	background:white;
}
#menu a.first {
	font-weight:bold;
}

#content {
	position:relative;
	width:500px;
	margin-top:100px;
	padding-bottom:200px;
	text-align:left;
}

#content .clear {
	clear:left;
}

/* zweispalitigkeit */
.zweiviertel, .einviertel {
	width:50%;
	display:block;
	float:left;
}
.einviertel {
	width:33%;
	min-height:100px;
}
.box .padding {
	padding:0 20px 0 0;
}

#content .header {
	display:block;
	margin:0 0 5px 0;
}
#content .header span {
	display:inline;
	line-height:123%;
	font-weight:normal;
	text-shadow:1px 1px 6px #323334;
	color:white;
}
#content h2.header {
	font-size:230%;
	letter-spacing:-2px;
	margin-bottom:10px;
}
#content h3.header {
	font-size:180%;
	margin:20px 0 5px 0;
	letter-spacing:-1px;
}

#content p {
	font-size:12px;
	line-height:19px;
	color:#212121;
	margin:0 0 15px 0;
	display:block;
}
#content p span {
	display:inline;
}

#content a {
	text-decoration:none;
	color:#1b2964;
	font-weight:bold;
}

#content a.big {
	font-size:160%;
	display:block;
	margin:30px 0;
}

#content a.top_up img {
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
}

/* Anpassung der Startseite 
body.start #content p span {
	background:none;
	color:white;
}
body.start #content a {
	color:white;
}
body.start #content .header span {
	text-shadow-color:#d9e8b0;
}*/

/* Roundabout */
#content .padding .tx-kiwiteaser-pi1 .teaser {
	width:200px;
}
.tx-kiwiteaser-pi1 .roundabout-holder {
	height:200px;
}
#content .tx-kiwiteaser-pi1 a {
	visibility:hidden;
	color:white;
	text-decoration:underline;
	font-size:12px;
}
#content .tx-kiwiteaser-pi1 .teaser .wrap {
	cursor:default;
}

/* Einfache Galerie */
#content .galerie li {
	display:inline;
}
#content .galerie li a {
	float:left;
	margin:0 10px 10px 0;
}
#content .galerie li a img {
	width:145px;
	height:145px;
	padding:1px;
	background:url(../img/bg_text.png) repeat;
}

/* Loginformular */
form fieldset {
	padding:10px;
	margin:0 0 10px 0;
	font-size:12px;
	-moz-border-radius:4px;
}
form fieldset h3 {
	font-weight:normal;
	font-size:16px;
	margin:10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid white;
}
form fieldset div {
	clear:left;
	margin:0 0 5px 0;
}
form fieldset label {
	display:block;
	width:30%;
	float:left;
	margin:2px 0;
}


/* gemeinsame hintergrundfarbe */
#content p span, #menu a, #content a.big span, form fieldset, .forgotpassword a {
	background:url(../img/bg_text.png) repeat;
}