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

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

*/


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

* {
	margin: 0;
	padding: 0;
}
html, body, #container {
	height: 100%;
}
body > #container {
	height: auto;
	min-height: 100%;
}
html {
	background:url(../images/bg.jpg) repeat-x;
}
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;
}
div#content-sidebar p, div#content-sidebar a, .anfahrt-fragen {
	font-size:11px;
	color:#444444;
}

.anfahrt-fragen {
	width:141px;
	float:right;
}

span.text {
	background:#a6020e;
	color:#FFFFFF;
	padding:2px;
}
.separator {
	border-top:#ccc solid 1px;
	width:578px;
	height:31px;
	
}

.text-container {

width:600px;
float:left;

}

.text-left {

width:300px;
float:left;
margin-bottom:10px;
}
.bild-left {

width:300px;
float:left;
}
.text-right {

width:300px;
float:right;
}



/*
IMAGEBORDER
==================================================*/

.image{
	border:1px solid #444;
	padding:2px;
}

.image-galerie{
	border:1px solid #444;
	padding:2px;
	margin-bottom:10px;
}

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

h2 {
	text-indent:-9999px;
	height:48px;
	margin-bottom:20px;
}
h2.willkommen {
	background:url("../images/h2/bg-h2-willkommen.jpg") no-repeat;
}

h2.unsere-leistungen {
	background:url("../images/h2/bg-h2-unsere-leistungen.jpg") no-repeat;
}

h2.wir-ueber-uns {
	background:url("../images/h2/bg-h2-wir-ueber-uns.jpg") no-repeat;
}

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

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

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

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

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

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

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

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

h2.d8{
	background:url("../images/h2/bg-h2-d8.jpg") no-repeat;
}
/*H2 ERROR ANFAHRT DANKE KONTAKT IMPRESSUM 
==================================================*/ 

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

/*H3
==================================================*/ 
h3 {
	height:30px;
	margin-bottom:5px;
	font-size:12px;
}
h3.fragen {
	background:url("../images/h3/bg-h3-fragen.jpg") no-repeat;
	text-indent:-9999px;
}
h3.anfahrt {
	background:url("../images/h3/bg-h3-anfahrt.jpg") no-repeat;
	text-indent:-9999px;
}
/*CLAIM
==================================================*/ 

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

h1.branding {
	width: 213px;
	height:154px;
	position: absolute;
	float: left;
	text-indent: -5000px;
	margin:0;
	background:url(../images/logo.png) no-repeat;
	margin:0px 0px 0 0px;
}
h1.branding a {
	width: 213px;
	height:154px;
	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: 963px;
	min-height:100%;
	height:auto !important;
	height:100%;
}
/*
FOOTER
==================================================*/

div#footer-container {
	background: url(../images/bg-footer.jpg) repeat-x;
	height:152px;
	position:relative;
	clear:both;
	margin-top: -125px; /* negative value of footer height */
*margin-top: 250px; /* negative value of footer height */
_margin-top: 100px;
	outline:none;
}
div#footer {
	width:963px;
	height:90px;
	margin:0px auto;
	padding-top:50px;
	
}

div#footer p, div#footer a {
	font-size:11px;
	color:#fff;
}
div#footer-col1 {
	width:150px;
	height:90px;
	float:left;
}
div#footer-col2 {
	width:150px;
	height:90px;
	float:left;
}
div#footer-col3 {
	width:200px;
	height:90px;
	float:left;
}
div#footer-col4 {
	width:200px;
	height:90px;
	float:left;
}
ul#navi-add01, ul#navi-add02 {
	float:left;
	width:100px;
	margin-left:25px;
	font-size:10px;
	color:#ffdd1f;
}
ul#navi-add01 li, ul#navi-add02 li {
	background:url(../images/bg-li-footer.png) no-repeat 9px 7px;
	padding:0px 0px 0px 25px;
	display:block;
}
/*
HEADER
==================================================*/

div#header {
	width: 963px;
	height:288px;
	float:right;
	background:url(../images/bg-header.jpg) no-repeat;
	margin-bottom:30px;
	text-indent:-999em;
}
/*
CONTENT
==================================================*/

div#content {
	float: left;
	width:963px;
	padding-bottom: 120px;
}
/*
CONTENT - TOP
==================================================*/	

div#content-top {
	width:963px;
	height:155px;
	position:relative;
	background:url(../images/bg-content-top.png) no-repeat;
	margin-bottom:25px;
}
/*
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;
	
}
div#content-main ul li {
	padding:5px 0 0 23px;
	margin:4px 0 0px 0;
	
}
div#content-main ul li {
	background:transparent url(../images/bg-li.png) 0 8px no-repeat;
	
}
div#content-main 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:310px;
	height:401px;
	background:url(../images/bg-sidebar.jpg) no-repeat;
}
/*
SIDEBAR - COLUMN
==================================================*/

div#content-column001 {
	float:left;
	width:300px;
	height:auto;
	margin:25px 0px 0px 0px;
}
div#content-column002 {
	float:left;
	width:300px;
	height:auto;
	margin:40px 0px 0px 0px;
}
div#karte {
	width:134px;
	height:175px;
	float:left;
	position: relative;
	background:url(../images/bg-karte.jpg) no-repeat;
}
div#karte a.karte-link {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent:-9999px;
	overflow: hidden;
	display: block;
	height: 175px;
	width: 134px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

/* --------------------------------------------------------------------------- */
/* -------------------------->>> NAVIGATION <<<------------------------------- */
/* --------------------------------------------------------------------------- */
ul#navigation.naviactive, ul#navigation {
	width:755px;
	height:140px;
	background: url("../images/bg-navigation.jpg") top left no-repeat;
	position:relative;
	float:right;
	display:block;
}
ul#navigation li {
	float:left;
	position:relative;
}
ul#navigation a {
	height:90px;
	display: block;
	cursor:pointer;
	outline:none;
}
a.n1 {
	width:119px;
	left:0;
	text-indent: -9999px;
}
ul#navigation.naviactive01 li a.n1, ul#navigation li a.n1:hover {
	background: url("../images/bg-navigation.jpg") no-repeat 0px -140px;
}
a.n2 {
	width:159px;
	text-indent: -9999px;
	margin-left:38px;
	
	
}
ul#navigation.naviactive02 li a.n2, ul#navigation li a.n2:hover {
	background: url("../images/bg-navigation.jpg") no-repeat -157px -140px;
}
a.n3 {
	width:211px;
	text-indent: -9999px;
	margin-left:40px;
}
ul#navigation.naviactive03 li a.n3, ul#navigation li a.n3:hover {
	background: url("../images/bg-navigation.jpg") no-repeat -356px -140px;
}
a.n4 {
	width:120px;
	text-indent: -9999px;
	margin-left:37px;
}
ul#navigation.naviactive04 li a.n4, ul#navigation li a.n4:hover {
	background: url("../images/bg-navigation.jpg") no-repeat -604px -140px;
}

/* --------------------------------------------------------------------------- */
/* -------------------------->>> FLYOUT-MENU <<<------------------------------ */
/* --------------------------------------------------------------------------- */

ul#navigation li ul, ul#navigation li#flyout01 ul {
 	list-style: none;
	display: none;
}

ul#navigation li#flyout01 ul{
	position: absolute;
	padding: 0 5px 0 0;
	z-index: 100;
	background: #b7060c;
	top: 90px;
	left: 80px;
}

ul#navigation li#flyout01 ul  { width: 270px;}

ul#navigation li#flyout01:hover ul {display: block;}



ul#navigation li ul li {
	background: none;
	display: block;
	position: relative;
	float: none;
	text-indent: 0;
	text-align: left;
}

ul#navigation li ul a {
	display: block;
	height: 25px;
	text-indent: 0;
	background: none;
	padding: 5px 0 0 10px;
	color: #fff;
}

ul#navigation li ul a:hover { text-decoration: none;}

/* --------------------------------------------------------------------------- */
/* -------------------------->>> 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;
}