body {
	padding:0px;
	margin:0px;
	font-family:Tahoma;
	font-size:11px;
	width:100%;
}

img {
	border:0px;
}

a {
	text-decoration:none;
}

div#main {
	width:100%;
	background-color:white;
	background-image:url('main.png');
	background-repeat:no-repeat;
	background-position:top center;
}

div#mCenter {
	width:1100px;
	background-color:white;
	background-image:url('main.png');
	background-repeat:no-repeat;
	background-position:-450px 0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

img#home {
	width:260px;
	height:170px;
	position:absolute;
	left:50px;
}

/* Login box */
div#loginBox {
	width:285px;
	height:61px;
	z-index:15;
	position:absolute;
	top:0px;
	right:60px;
}

#loginBox input {
	height:14px;
	background-color:transparent;
	border:0px;
	position:absolute;
	top:5px;
	padding:7px 15px 5px 15px;
	font-size:11px;
}

input#username {
	width:109px;
	left:0px;
}

input#password {
	left:151px;
	width:90px;
}

span#forgotPwd {
	position:absolute;
	left:65px;
	top:41px;
}

span#login {
	position:absolute;
	left:218px;
	top:41px;
}

/* Info box */

div#info {
	width:165px;
	height:95px;
	z-index:5;
	position:absolute;
	left:85px;
	top:192px;
}

#info div {
	margin:0px;
	padding:9px 0px 13px 5px;
	height:11px;
}

/* Switcher */

div#switcher {
	width:800px;
	height:337px;
	z-index:10;
	position:absolute;
	top:0px;
	right:0px;
}

#switchClick {
	position:absolute;
	top:85px;
	left:42px;
	width:700px;
	height:240px;
}

ul#control {
	position:absolute;
	z-index:15;
	top:53px;
	left:128px;
	list-style:none;
	padding:0px;
	margin:0px;
}

ul#control li {
	float:left;
	margin-left:10px;
}

ul#control img.img-01 {
	background-image:url('switcher.png');
	background-position:0px -32px;
	width:60px;
	margin-top:20px;
	height:12px;
}
ul#control img.img-01.active {
	background-image:url('switcher.png');
	background-position:0px 0px;
	margin-top:0px;
	width:60px;
	height:32px;
}
ul#control img.img-02 {
	background-image:url('switcher.png');
	background-position:-60px -32px;
	width:60px;
	margin-top:20px;
	height:12px;
}
ul#control img.img-02.active {
	background-image:url('switcher.png');
	background-position:-60px 0px;
	margin-top:0px;
	width:60px;
	height:32px;
}
ul#control img.img-03 {
	background-image:url('switcher.png');
	background-position:-120px -32px;
	width:60px;
	margin-top:20px;
	height:12px;
}
ul#control img.img-03.active {
	background-image:url('switcher.png');
	background-position:-120px 0px;
	margin-top:0px;
	width:60px;
	height:32px;
}
ul#control img.img-04 {
	background-image:url('switcher.png');
	background-position:-180px -32px;
	width:60px;
	margin-top:20px;
	height:12px;
}
ul#control img.img-04.active {
	background-image:url('switcher.png');
	background-position:-180px 0px;
	margin-top:0px;
	width:60px;
	height:32px;
}

/* Navigation */

ul#navigation {
	width:990px;
	height:73px;
	list-style:none;
	padding:0px;
	margin:0px;
	z-index:5;
	position:absolute;
	top:333px;
	left:55px;
}

ul#navigation li {
	display:block;
	float:left;
	width:100px;
	height:53px;
	margin-right:10px;
}

ul#navigation li a {
	width:82px;
	height:42px;
	background-image:url('navi.png');
	display:block;
	padding-left:18px;
	padding-top:11px;
}

#navigation li a.leftInactive {
	background-position:0px 0px;
}

#navigation li a.leftInactive:hover {
	background-position:0px 106px;
}

#navigation li a.leftActive {
	background-position:0px 53px;
}

#navigation li a.inactive {
	background-position:200px 0px;
}

#navigation li a.inactive:hover {
	background-position:200px 106px;
}

#navigation li a.active {
	background-position:200px 53px;
}

#navigation li.right {
	position:absolute;
	right:0px;
	margin-right:0px;
}

#navigation li a.rightInactive {
	background-position:100px 0px;
}

#navigation li a.rightInactive:hover {
	background-position:100px 106px;
}

#navigation li a.rightActive {
	background-position:100px 53px;
}

/* Content */

div#mContent {
	width:950px;
	margin-left:75px;
	margin-right:75px;
	padding-top:430px;
}

div#mContent h1 {
	padding:0px;
	margin:0px;
	font-size:12px;
	line-height:28px;
	border-bottom:1px solid #CCCCCC;
}

div#mContent hr {
	padding:0px;
	margin:0px;
	height:1px;
	width:100%;
	color:#CCCCCC;
	background-color:#CCCCCC;
	border:none;
}

img#butterfly {
	position:absolute;
	left:475px;
	width:1px;
	height:28px;
	background-color:white;
}
	
div#content {
	display:block;
	width:400px;
	border-right:1px solid #CCCCCC;
	float:left;
}

div#contentFull {
	display:block;
	width:950px;
}

div#sidebar {
	display:block;
	width:549px;
	height:100%;
	float:left;
	border-left:1px solid #CCCCCC;
	margin-left:-1px;
}

div#sidebar img {
	padding:6px 0px 6px 6px;
}

img#angebot {
	width:100%;
	height:16px;
	background:url('icons.png') no-repeat top right;
	display:block;
	border-bottom:1px solid #CCCCCC;
}

div#content img.play {
	width:30px;
	height:30px;
	background:url('icons.png') no-repeat;
	margin:8px 0px 0px 0px;
	float:left;
}

div#content div, div#contentFull div {
	line-height:150%;
}

div#content div {
	margin:0px 16px 10px 0px;
}

div#content div.news {
	margin-bottom:3px;
}

div#content div p {
	margin:5px 0px 5px 0px;
	float:none;
}

div#content div a, div#contentFull div a {
	color:#3792c7;
	text-decoration:underline;
}

div#content div a.noaction, div#contentFull div a.noaction {
	text-decoration:none;
	color:#666666;
}

div#content div.more {
	text-align:right;
	margin:2px 2px 0px 0px;
}

p.news-info {
	margin:8px 0px 0px 7px;
	line-height:150%;
	float:left;
}

div#content span.read-more a, div#content span.re-collapse a {
	display:block;
	text-align:right;
}

div#content img.more {
	text-align:right;
}

div#content img.more.plus {
	width:88px;
	height:22px;
	background:url('icons.png') no-repeat -90px -28px;
}

div#content img.more.minus {
	width:88px;
	height:22px;
	background:url('icons.png') no-repeat -178px -28px;
}

div#content img.orange {
	background-position:0px -28px;
}

div#content img.green {
	background-position:-30px -28px;
}

div#content img.blue {
	background-position:-60px -28px;
}

br.clear {
	clear:left;
}

/* Footer */

div#footer {
	width:100%;
	height:390px;
	background-color:white;
	background-image:url('footerBg.png');
	background-repeat:repeat-x;
	background-position:top;
}

div#fMain {
	width:1100px;
	height:390px;
	background-color:white;
	background-image:url('footer.png');
	background-repeat:repeat-x;
	background-position:top;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

div#fMain p {
	position:absolute;
	left:24px;
	padding:0px;
	margin:0px;
}

p#copyright {
	line-height:150%;
	top:112px;
}

p#design {
	line-height:150%;
	top:222px;
}

img#goToTop {
	position:absolute;
	top:180px;
	left:170px;
	width:18px;
	height:25px;
}

div#fMain h3 {
	position:absolute;
	top:77px;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	font-size:11px;
}

div#fMain ul {
	position:absolute;
	top:120px;
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 8px;
	line-height:180%;
}

div#fMain a {
	color:#666666;
	text-decoration:none;
}

div#fMain ul li a:hover {
	 border-bottom:1px dotted #666666;
}

div#fMain table {
	position:absolute;
	top:120px;
	padding:0px 0px 0px 8px;
	margin:0px;
	line-height:180%;
	font-size:11px;
}

div#fMain .left {
	left:479px;
}

div#fMain .middle {
	left:703px;
}

div#fMain .right {
	left:925px;
}

/* inputs */
label {
	font-weight:bold;
	line-height:150%;
}

input, textarea, button, select {
	border: 1px solid #CCC;
	line-height:150%;
	background-color:#FFF;
	font-family:Tahoma;
	font-size:11px;
	color:#666666;
}

input[type=submit], input[type=reset], button {
	color:#3792c7;
}

input[type=text] {
	width:380px;
	height:20px;
}

textarea {
	width:380px;
	height:200px;
}

/* colors */
.white {
	color:white;
}

.dodgerBlue {
	color:#3792c7;
}

.skyBlue {
	color:#7fb9db;
}

.gold {
	color:#ffcc00;
}

.gray {
	color:#CCCCCC;
}

.darkerGray {
	color:#999999;
}

.darkGray {
	color:#666666;
}

.bold {
	font-weight:bold;
}

/* Server page */
#serverauswahl ul {
	list-style:none;
	width:400px;
	float:left;
	margin:0px;
	padding:0px;
}

#serverauswahl ul li {
	font-weight:bold;
}

#serverauswahl ul li a {
	padding:5px;
	text-decoration:none;
}

#serverauswahl ul li a.aktiv {
	color:#666666;
}

#mContent #features h1 {
	margin-top:-29px;
	margin-left:15px;
	border:0px;
}

#mContent a.dodgerBlue:hover {
	color:#fc0;
}

#mContent div.inlineMain, #mContent div.inlineFeature {
	float:left;
	margin:0px;
	margin-bottom:-28px;
	padding:0px;
}
#mContent div.inlineMain {
	width:680px;
	padding-right:20px;
	border-right:1px solid #CCC;
}
#mContent div.inlineMain table {
	padding-top:10px;
}
	
#mContent div.inlineFeature {
	width:249px;
	margin-left:-1px;
	border-left:1px solid #CCC;
}

#mContent div.inlineFeature div {
	margin:0px;
	padding:0px;
}

/* Order page */

#mContent div.platz {
	margin:10px 0px 10px 0px;
}

input[disabled] {
	color:#CCC;
}

/* This document validates as CSS level 2.1, 30.12.2009 */