*{
	color:#eee;
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	outline:0;
}

body{background:#fff;}
a { text-decoration:underline ; }
a:hover { text-decoration:none; }
a,img{border:0;}
ol,ul,dl{list-style-type:none;}
h1{color:#ccc;font-size:17px; line-height:20px; margin-bottom:5px;text-transform:uppercase;}
h2,h3,h4{font-size:12px; margin-bottom:10px;}
h5 { position:relative; left: 7px; top: 5px; font-size:10px; }

div#overall {
	background:url(../img/global_bg.jpg) no-repeat;
	margin:30px auto;
	width:980px;
}

div#head {
	height:280px;
	position: relative;
}

div#head #logo { 
	background:url(../img/bg.common.png) no-repeat; 
	height:45px; 
	left:20px; 
	position:absolute;
	top:30px; width:210px; 
}
div#head #logo img { display:none; }

div#navi {
	background:url(../img/bg.vertical.png) repeat-x;
	height:50px; 
	margin-bottom:20px;
	position:relative;
}

div#navi ul { height:50px; padding-left:60px; position:relative; }
div#navi li { float:left; height:20px; margin-left:20px;line-height:20px; }
div#navi li a { color:#7b7b7b; font-size:16px; float:left; height:20px; padding:15px 10px;text-decoration:none; }
div#navi li a:hover,div#navi li a.active { color:#eaeaea; }

div#content {
	background:url(../img/bg.vertical.png) repeat-x 0 -56px;
	height:410px;
	overflow:hidden;
}

div#content div.current_image {float:left; width:540px; height:400px;}
div#content div.current_image span {float:left;}


div#content div#vertical_nav { 
	background:url(../img/bg.vertical.png) repeat-x 0 -474px;
	height:410px;
	float:left;
	position:relative;
	width:70px;
}

div#content div#vertical_nav a.zoom { 
	background:url(../img/bg.common.png) no-repeat 0 -56px;
	height:52px;
	display:block;
	left:11px;
	text-indent:-999em;
	top:31px;
	position:relative;
	width:47px;
	cursor:pointer;
}

div#content div#vertical_nav a.zoom:hover { 
	background:url(../img/bg.common.png) no-repeat -56px -56px;
}

div#content div#vertical_nav a#next { 
	background:url(../img/bg.common.png) no-repeat 0 -109px;
	height:33px;
	display:block;
	text-indent:-9999em;
	left:16px;
	top:283px;
	position:relative;
	width:33px;
}
div#content div#vertical_nav a#next:hover { 
	background:url(../img/bg.common.png) no-repeat -56px -109px;
}

div#content div#vertical_nav ul {
	left:15px;
	position:relative;
	top:60px;
}
div#content div#vertical_nav li { height:40px; }

}

div#content div#text { 
	float:left;
	line-height:15px;
	padding:50px 25px 20px 25px;
	width:320px;
}

div#content div#text ul { margin-bottom:15px;}
div#content div#text li { }
div#content div#text strong{ display:block; font-weight:bold;}
div#content div#text span, div#content div.column-2 p span { float:left; width:100px; }

div#content div.zoomed_picture {
	background:#fff;
	height:750px;
	display:none;
	position:absolute;
	top:-16px;
	width:980px;
	z-index:1;
	cursor:hand;
	cursor:pointer;
}

a.close_zoom {
	background:url(../img/bg.common.png) no-repeat -232px -54px;
	cursor:pointer;
	display:block;
	height:46px;
	position:relative;
	text-indent:-9999em;
	top:440px;
	width:70px;
}

a.close_zoom:hover {background:url(../img/bg.common.png) no-repeat -232px -101px;}

div.column {
	float:left;
	height:410px;
	position:relative;
}

div.column-1 { 
	width:540px;
}

div.column-1 ul#home, div.column-1 ul#ueber-uns {
	left:15px;
	top:98px;
	position:relative;
}

div.column-1 ul#home li {
	background:#ccc;
	float:left;
	height:110px;
	margin:0 0 5px 5px;
	position:relative;
	width:170px;
	color:#000; /* nur für debug*/
}

div.column-1 ul#ueber-uns li.big {
	background:#ccc;
	float:left;
	height:160px;
	margin:0 0 5px 5px;
	position:relative;
	width:250px;
	color:#000; /* nur für debug*/
}

div.column-1 ul#ueber-uns li.small {
	background:#ccc;
	float:left;
	height:90px;
	margin:0 0 5px 5px;
	position:relative;
	width:150px;
	color:#000; /* nur für debug*/
}

div.column-1 span#overview { 
	position:relative;
}

div.column-1 span.preview { 
	float:left;
}

div.column-2 { 
	line-height:15px;
	padding:50px 15px 20px 15px;
	width:340px;
}

div.overflow{
	overflow:auto;
	height:335px;
	padding:0 10px;
}

div.column-2 ul { 
	list-style-image:url(../img/lister.gif);
	list-style-type:square;
	margin-left:20px;
}

div.column-2 ul, div.column-2 p { 
	margin-bottom:20px;
	width:290px;
}

div.column-2 ul li {margin:0 0 1px 0;}

div.stripe { 
	background:url(../img/bg.vertical.png) repeat-x 0 -474px;
	height:410px;
	float:left;
	position: relative;
	width:70px;
}

div#foot {
	height:15px;
	text-align:center;
}

div#foot a {
	color:#666;
	line-height:15px;
	text-decoration:none;
}


/* scrollbars */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;

}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #666;
}
.jScrollPaneDrag {
	position: absolute;
	background: #ccc;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

div#hint {
	height:70px;
	padding:50px 20px 0 30px;
}
div#hint strong {
	font-size:15px;
}
/* contact*/

div#contact {
	padding:10px 20px 0 20px;
}

form#contact-form fieldset {
	border:0;
	float:left;
	width:240px;
	margin-left:10px;
}

form#contact-form ol {
	list-style:none;
}

form#contact-form li {
	float:left;
	padding-bottom:5px;
	width:240px;
}

form#contact-form li.error input,form#contact-form li.error textarea {
	border-color:#f30;
}

form#contact-form li.error textarea, form#contact-form li.error label {
	color:#f30;
}

label {
	line-height:25px;
	font-size:12px;
	cursor:pointer;
}

textarea, input.text {
	border:1px solid #eee;
	width:230px;
	padding:2px 0;
	font-size:12px;
	background:0;
	color:#fff;
}

textarea {
	height:172px;
	font-size:12px;
}

input.radio {
	position:relative;
	top:2px;
}

input.text {
	float:left;
	margin-right:5px;
}

input.medium {
	width:175px;
}
input.small {
	width:50px;
}

input.submit {
	cursor:pionter;
	color:#111;
}