html, body {
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial; 
	font-size:12px;
	line-height:120%;
	text-align:justify;}
.p {
	margin:0px;
	padding:0px;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-align: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: top; }

p {
	padding-top:0px;
	margin-top:0px;}
	
img {
	border:0px;}

div {
	margin:0px;
	padding:0px;}

	
.AbsWrap {
	width: 100%;
	position: relative; }

.rowWrap {
	width: 100%; }

a:link, a:visited{
	color:inherit;
	text-decoration:none; }

#wrapper_top {
	background-image:url(../img/banner_bg.jpg);
	background-position:top;
	background-repeat:repeat-y;
	width:100%;
	height:235px;
	overflow:visible;
	position:absolute;
	left:0px;}
#wrapper_bottom {
	background-image:url(../img/banner_bg.jpg);
	background-position:top;
	background-repeat:repeat-y;
	width:100%;
	height:80px;
	bottom:0px;
	left:0px;
	overflow:visible;
	position:relative;}
	
#wrapper {
	width:900px;
	margin:0 auto -80px auto;
	padding:0 0 0 0;
	min-height:100%;
	position:relative;}

#logo {
	margin:0px;
	width:300px;
	height:65px;
	top:-200px;
	left:50px;
	position:relative;
	background-image: url(../img/logo.png);
	float:left;
	z-index:20;}
#slideshow {
	margin:0px;
	top:60px;
	left:140px;
	width:725px;
	height:245px;
	float:left;
	position:relative;}






#navigation {
	margin: 0px;
	padding: 40px 0 0px 0px;
	width:250px;
	float:left;
	position:relative;
	min-height:270px;}
#content {
	min-height:180px;
	margin: 0 0 90px 20px;
	padding: 0px;
	width: 595px;
	position:relative;
	float:left;
	overflow:visible;
	}
	
#footer {
	height:80px;
	left:50%;
	margin:0 0 0 -400px;
	position:absolute;
	bottom:0px;
	color:#fff;}
#footer a {
	color:#fff;}





/* NAVIGATION */
a.nav {
	display:block;
	width:220px;
	color:#0a2832;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:1px;
	margin:20px 20px 0 0;
	text-align:right;
	float:left;}
.nav:first-letter {
	font-size:1.3em;}
a.nav:hover {
	letter-spacing:2px;
	}



/* SLIDESHOW */
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8; }
#slideshow IMG.active {
    z-index:10; }
#slideshow IMG.last-active {
    z-index:9; }



/* TEXT */
.text_weiss {
	color:#fff;}
.text_blau {
	color:#0a2832;}
.text_orange {
	color:#cb823b;}
.text_grau {
	color:#ccc;}
.hervor_blau {
	color:#0a2832;
	font-size:12px;
	font-weight:bold;}
.hervor_orange {
	color:#cb823b;
	font-size:12px;
	font-weight:bold;}
.text_left {
	text-align: left;}


/* TITEL */
h1 {
	color:#0a2832;
	font-size:20px;
	font-weight:normal;
	letter-spacing:2px;
	padding: 0;
	line-height:28px;
	position:relative;}
h2 {
	color:#0a2832;
	font-size:12px;
	font-weight:normal;}
.subtitel_weiss, a.subtitel_weiss {
	color:#fff;
	font-size:12px;}
.subtitel_blau, a.subtitel_blau {
	color:#0a2832;
	font-size:12px;}
.subtitel_blau_strong, a.subtitel_blau_strong {
	color:#0a2832;
	font-size:12px;
	font-weight:bold}
/* LIST STYLE */
.li_weiss {
	list-style-image:url(/img/li_weiss.gif);
	margin-left:40px;}
.linie {
	font-size:12px;
	background-image:url(/img/linie_gepunktet.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#0a2832;
	line-height:150%}

a.list_box, a.subtitel_gruen, a.subtitel_weiss { text-decoration:none;}
.list_box a:hover, .subtitel_gruen a:hover, .subtitel_weiss a:hover { text-decoration:underline;}

.link_top {
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#0a2832;
	text-align:right;
	vertical-align:bottom;}
	
.content_left {
	margin:auto;}
	
/* ACCORDION */
#accordion { width:500px; margin:auto;}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin: 4px 0 0 0; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 10px; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }	


/* TABS */
#tabs {
	width:100%;
	padding:0;
	font-size:1em;
	line-height:normal;
}
#tabs ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a {
	float:left;
	background:#FFF url("/img/tabs.png") no-repeat left top;
	padding:0 0 0 6px;
	text-decoration:none;
	color:#000;
}
#tabs a span {
	float:left;
	display:block;
	background:#FFF url("/img/tabs.png") no-repeat right top;
	padding:4px 12px 3px 6px;
}	
#tabs #current a span {
	padding-bottom:4px;
}
#tabs a:hover, #tabs a:hover span {
	background-color:#ccc;
	color:#000;
}
#tabs #current a span, #tabs #current a {
	background-color:#EEE;
}
#tabs_content {
	padding: 5px;
	margin-top:-1px;
	background-color:#EEE;
	border: #999 1px solid;}
	

/* GALLERY Produkte */
#gallery {
	position:relative; 
	width:360px; 
	margin:0px auto;}
#images {
	border:2px solid #9ac1c9; 
	height:225px; 
	background:#eef5f6; 
	margin-bottom:20px}
#image {
	position:relative; 
	width:345px; 
	height:230px; 
	padding:5px; 
	border:1px solid #666; 
	background:#FFF url(/img/jquery/slide_loading.gif) center center no-repeat}
#image img {
	position:absolute; 
	top:5px; 
	left:5px}
#thumbwrapper {
	margin-top:10px; 
	padding:5px 0; 
	width:355px; 
	height:80px; 
	border:1px solid #666; 
	background:#FFF}
#thumbarea {
	position:relative; 
	overflow:hidden; 
	height:80px; 
	width:355px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:80px; width:10000px; border-right:5px solid #FFF; margin-top:0px; padding-left:0px;}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:230px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(/img/jquery/slide_left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(/img/jquery/slide_right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}


