/*
CSS-RESET--------------------- 

Author:   Waigwa Gatamu 
Created:  13.08.2009
Copyright: Euroweb Internet GmbH   

*/


/* --------------------------------------------------------------------------- */
/* -------------------- GLOBAL <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
html {
	background:#fff url(../images/bg.jpg);
}
body {
	color:#000;
	font-size:12px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}
html[xmlns^="http"] {
overflow-y: scroll;
}





/*
KLASSEN & ANDERE STANDARDS
==================================================*/
.clear:after {
	content: ".";
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
}
.cmsContainer {
	float:left;
	width: 660px;
	position: relative;
	margin-bottom: 10px;
}
ol, ul {
	list-style: none;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.daten {
	float:left;
	width:530px;
}
div#content-sidebar p, div#content-main p {
	margin: 0 0 20px 0;
}
.separator {
	border-top:0;
	height:41px;
	line-height:0.001em;
	overflow:hidden;
	background:url(../images/bg-separator.jpg) no-repeat top left;
}
.text-container {
	width:610px;
	margin-bottom:20px;
}

.text-container-small {
	width:410px;
	float:right;
	
}
/*
IMAGEBORDER
==================================================*/
.image {
	margin-right:10px;
}
.image-bild-folgt {
	border:1px solid #ccc;
	padding:2px;
}
.image_galerie {
	margin-right:10px;
}


/*
H2 KLASSEN 
==================================================*/

h2 {
	text-indent:-9999px;
	height:88px;
	margin-bottom:20px;
}
h2.willkommen {
	background:url("../images/h2/bg-h2-willkommen.png") no-repeat;
}
h2.h2-n2 {
	background:url("../images/h2/bg-h2-n2.png") no-repeat;
}
h2.h2-n3 {
	background:url("../images/h2/bg-h2-n3.png") no-repeat;
}
h2.h2-n4 {
	background:url("../images/h2/bg-h2-n4.png") no-repeat;
}
/*H2 ERROR ANFAHRT DANKE KONTAKT IMPRESSUM 
==================================================*/ 

h2.error {
	background:url("../images/h2/bg-h2-error.png") no-repeat;
}
h2.danke {
	background:url("../images/h2/bg-h2-danke.png") no-repeat;
}
h2.kontakt {
	background:url("../images/h2/bg-h2-kontakt.png") no-repeat;
}
h2.impressum {
	background:url("../images/h2/bg-h2-impressum.png") no-repeat;
}

h2.newsletter {
	background:url("../images/h2/bg-h2-newsletter.png") no-repeat;
}

/*H3
==================================================*/ 
h3 {
	
	height:34px;
	margin-bottom:5px;
	font-size:12px;
}
h3.aktuelles {
	background:url("../images/h3/bg-h3-aktuelle.png") no-repeat;
	text-indent:-9999px;
}

h3.newsletter {
	background:url("../images/h3/bg-h3-newsletter.png") no-repeat;
	text-indent:-9999px;
}

h3.newsletter-abbestellen {
	background:url("../images/h3/bg-h3-newsletter-abbestellen.png") no-repeat;
	text-indent:-9999px;
}
/*CLAIM
==================================================*/ 

/*BRANDING
==================================================*/ 

h1.branding {
	width: 345px;
	height:126px;
	position: absolute;
	float: left;
	text-indent: -5000px;
	margin:0;
	background:url(../images/logo.png) no-repeat;
	margin:30px 0px 0 0px;
}
h1.branding a {
	width: 345px;
	height:126px;
	display: block;
	text-indent: -5000px;
	outline:none;
}
/* --------------------------------------------------------------------------- */
/* -------------------- LINKS <<<------------------------------------ */
/* --------------------------------------------------------------------------- */


a {
	color:#333;
	text-decoration:underline;
	font-size:12px;
	outline:none;
	border:none;
}

a img{
border:none;


}
a:hover {
	text-decoration: none;
}
/* --------------------------------------------------------------------------- */
/* -------------------- LAYOUT <<<----------------------------------- */
/* --------------------------------------------------------------------------- */


/*
CONTAINER
==================================================*/

div#container {
	margin: 0px auto -163px;
	width: 964px;
	min-height:100%;
	height:auto !important;
	height:100%;
}
/*
FOOTER
==================================================*/

div#footer {
	background: url(../images/bg-footer.jpg) no-repeat 0 0;
	width:964px;
	height:163px;
	position:relative;
	clear:both;
	margin:0px auto;
	margin-top: -163px; /* negative value of footer height */
*margin-top: 163px; /* negative value of footer height */
	_margin-top: 163px; /* negative value of footer height */
	outline:none;
	text-indent:-9999px;
	
}
div#footer a#infobox-mail-link {
	width:97px;
	height:13px;
	display:block;
	position:relative;
	top:120px;
	left:535px;
}

div#footer a#infobox-kontakt-link {
	width:115px;
	height:25px;
	display:block;
	position:relative;
	top:15px;
	left:759px;
}

div#footer a#infobox-impressum-link {
	width:115px;
	height:25px;
	display:block;
	position:relative;
	top:70px;
	left:750px;
}
/*
HEADER
==================================================*/

div#header {
	width: 620px;
	height:254px;
	float:right;
	background:url(../images/bg-header.jpg) no-repeat;
}
/*
CONTENT
==================================================*/

div#content {
	float: left;
	width:964px;
	
}
/*
CONTENT - TOP
==================================================*/	

div#content-top {
	width:964px;
	height:164px;
	position:relative;
	background:url(../images/bg-content-top.png) no-repeat;
}
/*
CONTENT - MAIN
==================================================*/

div#content-main {
	float:left;
	width:610px;
	height:auto;
}
div#contentColumn-02 {
	float:right;
	width:290px;
}
div#contentColumn-01 {
	float:left;
	width:305px;
	background:url(../images/bg-separator-vertikal.png) right top no-repeat;
}
div#contentColumn-01 ul li {
	padding:2px 0 0 23px;
	margin:4px 0 0px 0;
}
div#contentColumn-01 ul li {
	background:transparent url(../images/li-arrow.gif) 0 7px no-repeat;
}
div#contentColumn-01 ul {
	margin-bottom:30px;
}
div#contentColumn-02 ul li {
	padding:2px 0 0 23px;
	margin:4px 0 0px 0;
}
div#contentColumn-02 ul {
	margin-bottom:30px;
}
div#contentColumn-02 ul li {
	background:transparent url(../images/li-arrow.gif) 0 7px no-repeat;
}
/*
SLIDESHOW 
==================================================*/

div#slideshow {
	width: 315px;
	height: 187px;
	background: url(../images/slideshow/01.jpg) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
/*
SIDEBAR
==================================================*/

div#content-sidebar {
	float:right;
	width:344px;
	height:401px;
	background:url(../images/bg-sidebar.jpg) no-repeat;
	position:relative;
	
}
div#content-sidebar input {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	background:url(../images/bg-newsletter-input.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:32px;
	width:131px;
	color:#fff;
	border:none;
	padding:5px;
	
}
div#content-sidebar #submit_newsletter {
	background: url(../images/bg-btn-newsletter.png) no-repeat;
	height:34px;
	width:85px;
	border:none;
	cursor:pointer;
	float:right;
	margin:-50px 20px 0 20px
	
}
div#content-sidebar a#kontakt-link {
	width:115px;
	height:25px;
	display:block;
	position:relative;
	top:204px;
	left:95px;
	text-indent:-9999px;
}

*+html div#content-sidebar a#kontakt-link {
	width:115px;
	height:25px;
	display:block;
	position:relative;
	top:136px;
	left:95px;
	text-indent:-9999px;
}

*html div#content-sidebar a#kontakt-link {
	width:115px;
	height:25px;
	display:block;
	position:relative;
	top:136px;
	left:95px;
	text-indent:-9999px;
}
/*
SIDEBAR - COLUMN
==================================================*/

div#content-column001 {
	float:left;
	width:288px;
	height:auto;
	margin:25px 0px 0px 0px;
	text-indent:-9999px;
}
div#content-column002 {
	float:right;
	width:257px;
	height:auto;
	margin:256px 0px 0px 30px;
	*margin:200px 0px 0px 30px;
	_margin:200px 0px 0px 30px;
	
}
/* --------------------------------------------------------------------------- */
/* -------------------- NAVIGATION <<<------------------------------- */
/* --------------------------------------------------------------------------- */
ul#navigation.naviactive, ul#navigation {
	width:964px;
	height:101px;
	background: url("../images/bg-navi.jpg") top left no-repeat;
	position:relative;
	float:left;
	display:block;
}
ul#navigation li {
	float:left;
	position:relative;
}
ul#navigation a {
	height:90px;
	display: block;
	cursor:pointer;
	outline:none;
}
a.n1 {
	width:110px;
	left:0;
	text-indent: -9999px;
}
ul#navigation.naviactive01 li a.n1, ul#navigation li a.n1:hover {
	background: url("../images/bg-navi.jpg") no-repeat 0px -101px;
}
a.n2 {
	width:125px;
	text-indent: -9999px;
	margin-left:25px;
}
ul#navigation.naviactive02 li a.n2, ul#navigation li a.n2:hover {
	background: url("../images/bg-navi.jpg") no-repeat -135px -101px;
}
a.n3 {
	width:199px;
	text-indent: -9999px;
	margin-left:35px;
}
ul#navigation.naviactive03 li a.n3, ul#navigation li a.n3:hover {
	background: url("../images/bg-navi.jpg") no-repeat -295px -101px;
}
a.n4 {
	width:156px;
	text-indent: -9999px;
	margin-left:10px;
}
ul#navigation.naviactive04 li a.n4, ul#navigation li a.n4:hover {
	background: url("../images/bg-navi.jpg") no-repeat -504px -101px;
}
a.n5 {
	width:186px;
	text-indent: -9999px;
	margin-left:5px;
}
ul#navigation.naviactive05 li a.n5, ul#navigation li a.n5:hover {
	background: url("../images/bg-navi.jpg") no-repeat -665px -101px;
}
/* --------------------------------------------------------------------------- */
/* -------------------- FLYOUT-MENU <<<------------------------------ */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* -------------------- SUBNAVIGATION <<<---------------------------- */
/* --------------------------------------------------------------------------- */

ul#subnavi {
}
ul#subnavi li {
	float: left;
}
ul#subnavi li a {
}
ul#subnavi li a:hover {
}
/* --------------------------------------------------------------------------- */
/* -------------------- KONTAKT | ANFAHRT | IMPRESSUM <<<------------ */
/* --------------------------------------------------------------------------- */


/*
KONTAKT
==================================================*/

div#personalien {
	float: left;
	width: 292px!important;
}
div#nachrichtenfeld {
	float: left;
	width: 200px;
}
/*
ANFAHRT
==================================================*/

div#anfahrtsskizze {
	float: left;
	width: 350px;
}
div#routenplaner {
	float: left;
	width: 330px;
	padding: 0 0 0 20px;
}
/*
IMPRESSUM
==================================================*/

div#adressdaten {
	float: left;
	width: 300px;
}
div#geschaeftsdaten {
	float: left;
	width: 300px;
}




a.pdf {
background:url("../images/pdf.jpg") repeat scroll 0 0 transparent;
display:block;
height:25px;
left:85px;
position:absolute;
text-indent:-6000px;
top:258px;
width:224px;
}

a.pdf:hover, a.pdf:focus {
	background-position:-227px;
}
a.pdf.active {
	background-position:-201px;
}


.zettel-kontakt{
width:145px; 
height:40px;
position:absolute;
top:31p;
left:59px;
}

.cms-content{
float:left;
	width:288px;
	height:200px;
	margin:25px 0px 0px 0px;
	text-indent:-9999px;
	position:absolute;
}

.cms-kontakt{
width:228px;
margin:25px 0 0 60px;
height:280px;
position:absolute;
top:62px;
z-index:1;
left:34px;
}