﻿*, html { margin: 0px; padding: 0px; border: none; }

body {
	background-color: #eee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

a { color: #000; }
p { line-height: 17px; margin-top: 10px; }
h1 { font-size: 14px; line-height: 20px; margin: 20px 0; }

div#wrapper {
	width: 780px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: url(../images/bg-pattern.png) repeat-y;
}
	/* header */
	div#wrapper div#header {
		height: 47px;
		background:url(../images/head.png) no-repeat;
		position:relative;
	}
	
		div#wrapper div#header.tb {
			background:url(../images/head-ohne.png) no-repeat;
		}
	
		div#wrapper div#header span:first-child {
			position:absolute;
			top: 23px;
			left: 24px;
			width: 140px;
		}

		div#wrapper div#header span {
			position: absolute;
			top: 23px;
			right:40px;
		}
		
		/* head nav */
		div#wrapper div#header ul {
			margin-left: 185px;
		}
		
			div#wrapper div#header ul li {
				display: inline;
				float:left;
			}
			
				div#wrapper div#header ul li a {
					display: block;
					width: 145px;
					height: 47px;
					float: left;
/*					margin-right: 1px;*/
				}
				
					div#wrapper div#header ul li a.gs {
						background:url(../images/nav-gs.png) no-repeat;
					}
					
					div#wrapper div#header ul li a.doe {
						background:url(../images/nav-doe.png) no-repeat;
					}

					div#wrapper div#header ul li a.tb {
						background:url(../images/nav-tb.png) no-repeat;
					}

					div#wrapper div#header ul li a.sde {
						background:url(../images/nav-sde.png) no-repeat;
					}

						/*
						div#wrapper div#header ul li a.gs:hover,
						div#wrapper div#header ul li a.doe:hover,
						div#wrapper div#header ul li a.tb:hover,
						div#wrapper div#header ul li a.sde:hover,
						div#wrapper div#header ul li a.gs.active,
						div#wrapper div#header ul li a.doe.active,
						div#wrapper div#header ul li a.tb.active,
						div#wrapper div#header ul li a.sde.active {
							background-position: 0px -47px;
						}

						div#wrapper div#header ul li a.inaktiv:hover,
						div#wrapper div#header ul li a.inaktiv:hover,
						div#wrapper div#header ul li a.inaktiv:hover,
						div#wrapper div#header ul li a.inaktiv:hover,
						div#wrapper div#header ul li a.inaktiv.active,
						div#wrapper div#header ul li a.inaktiv.active,
						div#wrapper div#header ul li a.inaktiv.active,
						div#wrapper div#header ul li a.inaktiv.active {
							background-position: 0px 0px;
							cursor:default;
						}
						*/

	/* content */
	div#wrapper div#content {						
		padding: 10px 0 0 25px;
		float:left;
	}
	
		/* mv-logo */
		div#wrapper div#content img:first-child { margin-bottom: 20px; display: block; }

/* footer */
div#footer {
	background: url(../images/footer.png) no-repeat;
	text-align:center;
	font-size: 10px;
	width:780px;
	margin: 0 auto;
	padding-top: 10px;
}

/* classes */
.float-left { float:left; }
.margin-left { margin-left: 30px !important; }
.margin-right { margin-right: 10px; }
.margin-bottom { margin-bottom: 10px; }
.left { width: 350px; float: left; padding: 0 10px 0 55px; margin-right: 30px; }
	.left.wide { width: 650px; padding: 0 10px 0 35px; }
.right { width: 205px; float: left; }
.small { font-size:9px; color: #ccc; }
a.button { display: block; width: 188px; height: 50px; background:url(../images/button-big.png) no-repeat; margin-top: 1px; }
a.button.tb { width: 200px; background:url(../images/button-big-tb.png) no-repeat; }

ul.tb {
	margin: 20px 0 20px 20px;
	color: #d30228;
}

	ul.tb li { font-size: 14px; line-height: 25px; }