@charset "utf-8";

/******************************************************************
 *Author: Emanuel Rinne
 *Created: 16.02.2009					
 *Copyright: Euroweb Internet GmbH 
/******************************************************************


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

* { margin: 0;	
	padding: 0; 
	list-style-type: none; 
	text-decoration: none;
	border: none;
	outline: none;
}

body {
	background: #a5a5a5 url(../images/layout/bg-body.jpg) repeat-x top center;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #333;
	font-size: 13px;
}

html[xmlns^="http"] { overflow-y: scroll;}


/*
KLASSEN & ANDERE STANDARDS
==================================================*/

.clear { clear: both;}

.floatLeft { float: left;}

div.floatLeft2 { float: left; width:150px; margin:0 0 20px 0px; _margin:0; *margin:0;}

div.floatLeft3 { float: left; width:200px; margin:0 0 0 55px;}

.floatRight { float: right;}

hr { 
	color: #41100C; 
	height: 1px; 
	border-top: solid 1px #41100C;
	border-bottom: transparent;
	clear: both;
	margin-bottom: 15px;
}

.highlight {
	font-weight:bold;
}

.image {
	border-top:1px dotted #ccc;
	border-right:1px dotted #ccc;
	margin:5px 0 0 3px;
}

h1.intro {
	position:absolute;
	z-index:4;
	margin:90px 0 0 255px;
}

.floatLeftAdditional1 { float: left; margin:0 0 0 10px; padding:0 0 10px 30px;}

.floatLeftAdditional2 { float: left; padding:0 0 10px 10px; }


ul.list1 {
	float:left;
	margin:10px 0 0 0;
}

ul.list2 {
	float:left;
	margin:10px 0 0 80px; 
}

ul.list3 {
	float:left;
	margin:5px 0 0 5px; 
}

ul.list4 {
	float:left;
	margin:5px 0 0 5px; 
}


div#contentMain1 ul.list1 li, ul.list2 li, ul.list3 li, ul.list4 li   {
	list-style-image:url(../images/layout/li-arrow.gif);
	padding:0 0 0 5px;
	margin:0 0 10px 15px;
}

div#contentMain1 ul.list3 li, ul.list4 li   {
	list-style-image:url(../images/layout/li-arrow.gif);
	padding:0 0 0 5px;
	margin:0 0 10px 10px;
}

a.notitle {
	text-indent: -5000px !important;
}

/*
FILTER FÜR DEN IE6
==================================================*/

*html div#xxx {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/xxx.png', sizingMethod='crop');
}


/* --------------------------------------------------------------------------- */
/* ----------------------> LAYOUT <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

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

div#container {
	width: 900px;
	margin: 0 auto;
}




/*
HEADER
==================================================*/

div#header {
	background:#fff;
	width: 886px;
	height:213px;
	float:left;
}
div#headerAdditional {
	background:#fff url(../images/layout/bg-header.jpg) top right no-repeat;
	width:629px;
	height:230px;
	position:absolute;
	margin:10px 0 0 255px;
	z-index:2;
}


/*
LOGO
==================================================*/

h1.branding{
	left:20px;
	top:20px;
	position:relative;

}


/*SLIDESHOW
==================================================*/

div#no-slide {
	position: absolute;
	width: 100px;
	height: ;
	background: ;
	color: #fff;
	padding: 5px;
	top: 0;
	left: 0;
	line-height: 16px;
	font-size: 12px;
}

div#slideshow { }


/*
CONTENT
==================================================*/

div#contentContainer { 
	float: left;
	width: 886px;
	background:#fff;
}

div#contentSidebar {
	background:url(../images/layout/bg-kontaktdaten.gif) top right no-repeat; 
	position:absolute;
	width: 174px;
	height: 300px;
	margin: 2px 0 0 729px;
	_margin: 2px 0 0 5px;
	*margin: 2px 0 0 1px;
	z-index:3;
}

div#contentSidebarAdditional {
	background:url(../images/layout/bg-kontaktdaten.jpg) top right repeat-x; 
	margin: 43px 0 0 0;
	height: 300px;
	padding:15px 0 6px 9px;
}

div#contentMain1 { 
	width: 475px;
	float:left;
	margin:30px 0 30px 20px;
	padding: 60px 0 10px 10px;
	*padding: 60px 0 35px 10px;
	_padding: 60px 0 35px 10px;
	z-index:1;
}

div#contentNews1 {
	float:left;
	width:270px;
}

div#contentNews2 {
	float:left;
	width:270px;
	margin:0 0 0 20px;
}

div#image-right {
	float:left;
	width:150px;
	margin:0 0 0 20px;
}

div#image-left {
	float:left;
	width:150px;
}

/*
FOOTER
==================================================*/

div#footer {
	background:url(../images/layout/bg-footer.jpg) top left repeat-x;
	float:left;
	_float:none;		/* IE */
	padding:10px;
	font-size:11px;
	width:866px;
}


#footerAdress1 {
	float:left;
	margin:5px 0 0 12px;
	_margin:5px 0 0 6px;

}

#footerAdress2 {
	float:left;
	margin:0 0 0 75px;
	*margin:0 0 0 72px;
	_margin:0 0 0 59px;
}




/* --------------------------------------------------------------------------- */
/* -----------------> NAVIGATION-BACKGROUND-GRAFIK <<<------------------------ */
/* --------------------------------------------------------------------------- */

ul#navigation {
	margin:2px 0 0 -17px;
	float:left;
}

ul#navigation a {
	width:240px;
	height:40px;
	display:block;
	position:relative;
	text-indent:-9999px;
	padding-bottom:7px;
}

ul#navigation li a.startseite {background:url(../images/layout/bg-navi-home.gif) no-repeat;}
ul#navigation li a.startseite:hover {background:url(../images/layout/bg-navi-home-act.gif) no-repeat;}

ul#navigation li a.leistungen {background:url(../images/layout/bg-navi-leistung.gif) no-repeat;}
ul#navigation li a.leistungen:hover {background:url(../images/layout/bg-navi-leistung-act.gif) no-repeat;}

ul#navigation li a.service {background:url(../images/layout/bg-navi-service.gif) no-repeat;}
ul#navigation li a.service:hover {background:url(../images/layout/bg-navi-service-act.gif) no-repeat;}

ul#navigation li a.aktion {background:url(../images/layout/bg-navi-aktion.gif) no-repeat;}
ul#navigation li a.aktion:hover {background:url(../images/layout/bg-navi-aktion-act.gif) no-repeat;}

ul#navigation li a.links {background:url(../images/layout/bg-navi-links.gif) no-repeat;}
ul#navigation li a.links:hover {background:url(../images/layout/bg-navi-links-act.gif) no-repeat;}


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


ul#subnavi_1, ul#subnavi_2, ul#subnavi_3 {
	float:left;
	margin: 0 0 0 15px;
}

ul#subnavi_1 a, ul#subnavi_2 a, ul#subnavi_3 a{
	color:#333;
	line-height:20px;
	text-decoration:none;
}

ul#subnavi_1 a:hover, ul#subnavi_2 a:hover, ul#subnavi_3 a:hover {
	text-decoration:underline;
}

/* --------------------------------------------------------------------------- */
/* ----------------------> LINKS <<<------------------------------------ */
/* --------------------------------------------------------------------------- */

div#contentMain1 a,
div#contentMain1 a.escape,
div#contentMain1 a.escape span span, {
	text-decoration: none;
	color: #333!important;
	outline: none;
}

div#div#contentMain1 a,
div#contentMain1 a.escape:hover,
div#contentMain1 a.escape:hover span span, {
color: #972321!important; text-decoration:underline;
}

div#contentSidebar a, div#contentMain1 a, div#contentMain1.escape span { color: #333!important;}
div#contentSidebar a:hover, div#contentMain1 a:hover { color: #d72d22!important; text-decoration:underline;}


div#footer a,
div#footer a.escape,
div#footer a.escape span span {
	text-decoration: none;
	color: #333;
	outline: none;
}

div#footer a:hover,
div#footer a.escape:hover,
div#footer a.escape:hover span span {
text-decoration: underline;}

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/content/pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}

/* --------------------------------------------------------------------------- */
/* ----------------------> CONTENT <<<---------------------------------- */
/* --------------------------------------------------------------------------- */


/*
HEADLINE
==================================================*/

h1{
	font-size: 28px;
	color: #ccc;
	font-weight:lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 28px 0;
}

h2 {
	font-size: 13px;
	color: #333;
	font-weight:bold;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
}

h3 {
	font-size: 12px;
	color: #555;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
}


/*
P
==================================================*/

p { margin: 0 0 25px 0; line-height: 18px;}

p.alternative { margin: 20px 0 10px 0; line-height: 18px;}

p.kontaktdaten { font-size:12px; margin: 0 0 15px 0; line-height: 18px; font-weight:bold;}
p.kontaktdatensmall { font-size:11px; margin: 0 0 15px 0; line-height: 18px;}

div#datenschutzhinweis p { font-size: 12px;}

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

.imgborder {
	border: 1px solid #c3c3c3;
	padding: 2px;
	background:#fff url(../images/layout/progress.gif) no-repeat center center;
	margin: 4px 8px 4px 0;
	cursor: url(../images/zoomin.cur), pointer;
    outline: none;
}

.imgborder:hover{
	border: 1px solid #972321;
}

.imgbordernohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/layout/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

/* --------------------------------------------------------------------------- */
/* ----------------------> KONTAKT | ANFAHRT | IMPRESSUM <<<------------ */
/* --------------------------------------------------------------------------- */


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

div#personalien { float: left; width: 292px!important;}
div#nachrichtenfeld { float: left; width: 140px;}


/*
ANFAHRT
==================================================*/

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


/*
IMPRESSUM
==================================================*/

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