/* The Core Technique
================================= */

* {
    margin: 0;
    padding: 0;
}

*:focus {
	outline:0;
}

img {
	border: 0;
}

.clear {
	clear:both;
}

body, html {
    text-align:center;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color:#000;
	line-height:15px;
    min-width:1280px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
    background-color:#000;
	overflow:hidden;
}
	
body, html, #PageWrapper, #PageWrapper td {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}

#wrapper {
	position:relative;
    width:1280px; 
	height:500px;
	background:url(../images/bg.jpg) no-repeat;
    margin:0 auto; 
    text-align:left;
}
	
#PageWrapper {
	vertical-align:middle;
}
	
#PageWrapper td {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}
	
#PageMiddle {
	width:100%;
	height:500px;	
}
	
#logo {
	position:absolute;
	top:50px;
	left:200px;
}
	
#footer {
	position:absolute;
	top:460px;
	left:200px;
}

h1 {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
	line-height:18px;
    padding-bottom: 10px;
	color:#037afa;
}
* html h1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

h2 {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
	line-height:18px;
    padding-bottom: 10px;
	color:#000;
}
* html h2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

p {
    padding-bottom: 10px;
}

/* Navigation
================================= */

#menu ul {
 	margin:0;
    padding:0;
  	float:left;
  	width:720px;
  	list-style:none;
  	text-transform:uppercase;
}

#menu ul li {
 	float:left;
}


#menu ul a {
  	padding:0 1.4em 0 1.4em;
  	line-height:2.1em;
  	text-decoration:none;
  	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
  	float:left;
  	display:block;
}


#menu ul a:hover {
  	color:#fff595;
	background:url(../images/point.gif) no-repeat left center;
}

#menu li.click a {
	color:#fff595;
	background:url(../images/point.gif) no-repeat 0 50%;
	cursor:default;
}

a:link, a:visited {
	color:#037afa;
	text-decoration:none;
}
	
a:hover, a:active {
	text-decoration:underline;
}

a.txt:link, a.txt:visited {
	color:#037afa;
	text-decoration:underline;
}
	
a.txt:hover, a.txt:active {
	text-decoration:underline;
}

a.list:link, a.list:visited {
	color:#000;
	text-decoration:none;
}
	
a.list:hover, a.list:active {
	text-decoration:underline;
}
	
/* Content
================================= */

.home-headline {
	position:absolute;
	top:130px;
	left:205px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#fff;
}	
.subhead-home {
	position:absolute;
	top:160px;
	left:205px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-style:italic;
	color:#037afa;
}
.subhead {
	position:absolute;
	top:120px;
	left:205px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-style:italic;
	color:#000;
}

#start {
	position:absolute;
	top:210px;
	left:450px;
	padding:0;
	margin:0;
}

#anspruch {
	position:absolute;
	top:150px;
	left:450px;
	padding:0;
	margin:0;
}

#beratung {
	width:400px;
	height:260px;
	background:url(../images/transBg90.png);
	position:absolute;
	top:120px;
	left:450px;
	padding:20px;
	margin:0;
}
.beratung-left {
	position:absolute;
	top:320px;
	left:205px;
}

#portfolio {
	width:390px;
	height:260px;
	background:url(../images/transBg90.png);
	position:absolute;
	top:120px;
	left:450px;
	padding:20px;
	margin:0;
}

#kontakt {
	width:390px;
	height:260px;
	background:url(../images/transBg.png);
	position:absolute;
	top:120px;
	left:450px;
	padding:20px;
	margin:0;
}
.kontakt-content {
	margin-left:30px;
}
.welle {
	padding:0 0 20px 0;
}

.content {
	width:570px;
	height:260px;
	background:url(../images/transBg.png);
	position:absolute;
	top:120px;
	left:340px;
	padding:20px;
	margin:0;
}
.mainCol {
	float:left;
	width:560px;
}
.leftCol {
	width:270px;
	float:left;
}
.rightCol {
	width:270px;
	float:right;
}

.pdf ul {
  	margin: 0;
  	padding: 0;
  	list-style-type: none;
	line-height:24px;
}
.pdf li {
 	background:url(../images/pdf.png) no-repeat 0 50%;
	padding-left:24px;
}

.listing ul {
  	margin: 0;
  	padding: 0;
  	list-style-type: none;
	line-height:24px;
}
.listing li {
 	background:url(../images/arrow.png) no-repeat 0 35%;
	padding-left:16px;
}

.line {
	width:560px;
	border-bottom:#666 1px solid;
	margin:20px 0 20px 0;
}

/* Scrollbar
================================= */

#pane {
	height: 260px;
}

.scroll-pane {
	width: 380px;
	overflow: auto;
	float: left;
}

#pane2 {
	height: 260px;
}

.scroll-pane2 {
	width: 580px;
	overflow: auto;
	float: left;
}

#pane3 {
	height: 235px;
}

.scroll-pane3 {
	width: 480px;
	overflow: auto;
	float: left;
}

#pane4 {
	height: 255px;
}

.scroll-pane4 {
	width: 400px;
	overflow: auto;
	float: left;
}

#pane5 {
	height: 255px;
}

.scroll-pane5 {
	width: 390px;
	overflow: auto;
	float: left;
}

a.jScrollArrowUp {
	background: url(../images/arrow_up.png) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/arrow_down.png) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}