/* BASIC STUFF */
body {margin:0; padding:0; color:#171717; background:#E8E8E8 url(images/body-background.png) repeat-x top left;}
.main-width {width:960px; margin:0 auto}
#wrap {background: url(images/main-background.png) no-repeat top left}
#main-container {padding:0 80px}
img {border:none}


/* BASIC TYPOGRAPHY AND LINKS */
body {font: 14px/16px Arial, Helvetica, sans-serif;}

h1 {color: #0074BE; font-size:1.6em;  font-family: Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:10px;border-bottom: #CFCFCF solid 1px; margin-bottom: 15px;}
h2 {color: #0074BE;  font-size:1.4em; padding:2px 0; font-family: Arial, Helvetica, sans-serif;  font-weight:normal;}
h3 {background:url(images/arrow.gif) no-repeat;  color: #0074BE; font-size:1.3em; padding:2px 0 2px 15px; margin: 10px 0;}
h4 {background:url(images/arrow.gif) no-repeat;  color: #0074BE; font-size:1.3em; padding:2px 0 2px 15px; margin: 5px 0; }
h5 {font-size:1.2em; padding:2px 0}
h6 {font-size:1em; padding:2px 0}
.cufon { margin-right: 5px; } 

p {margin:10px 0; line-height: 150%;}

ul, ol {margin:15px 30px; padding:0}
ul li, ol li {margin:2px 0; padding:0}

table {border-spacing:0; border-collapse:collapse;}
table td, table th {padding:3px 7px; border:1px solid #FFF; text-align:left}
table thead tr {background:#00A5BE; color:#FFF}
table tr.even {background:#F4F4F4}

a {color:#0093DF; text-decoration:underline}
a:hover {color: #00689F}

textarea {font:14px/18px Arial, Helvetica, sans-serif;}

.clear {clear:both;}

canvas {position:relative; z-idex:3}

/* STYLING */

#header {height: 180px; position:relative}
#logo {position:absolute; top:25px; left: 0px}
#search_form {position:absolute; top:35px; right:0px; padding:0; margin:0}
#search_field {margin:0; padding:3px 5px 3px 5px; border:none; background: url(images/search-field-background.png) top left; width:127px; height:19px; font-size:13px; color: #AFAFAF}
#search_button {margin:0; padding:0; vertical-align:bottom}
#web2links {position:absolute; top:75px; right:0}

#header-menu {list-style:none; margin:0 !important; padding:0 !important; position:absolute; top:163px; left:0px; width:100%; font-size:11px; font-weight:bold; text-transform:uppercase}
#header-menu li {float:left; margin:0; padding:0;}
#header-menu li a {color:#FFF; text-decoration:none; display:block; border-right: 1px solid #fff; padding: 1px 15px 1px 0; margin-right:15px; line-height:11px; position:relative}
#header-menu li a.last {border:none}
#header-menu li a.active, #header-menu li a:hover {color:#FFDF01}
#header-menu li span.menu-item-description {position:absolute; top:27px; text-transform:lowercase; color:#848484; font-weight:normal}

#footer-content {text-align:left; width:790px; margin:0 auto; height:50px; font-size:11px; line-height:50px; color: #5B626D; font-weight:bold; position:relative; text-transform:uppercase}
#footer-menu {list-style:none; margin:19px 0 0 0 !important; padding:0 !important; float:right; height:11px;}
#footer-menu li {float:left; padding:0; margin:0}
#footer-menu li a {color:#FFF; text-decoration:none; display:block; border-right: 1px solid #4F5155; padding: 0 7px; line-height:11px}
#footer-menu li a.last {border:none}

#up-button {position:absolute; top:16px; right:-40px}

#main {margin-top:30px;}

#content {float:left;}
.content-narrow {width:590px}



#featured-tl {height:5px; background:url(images/featured-tl.gif); font-size:0; line-height:0}
#featured-bl {height:5px; background:url(images/featured-bl.gif); font-size:0; line-height:0}
#featured-tr, #featured-br {height:5px; width:4px; display:block; float:right; font-size:0; line-height:0}
#featured-tr {background: url(images/featured-tr.gif)}
#featured-br {background: url(images/featured-br.gif)}

#featured {background: #FFF url(images/featured-back.gif) repeat-x bottom left; height:311px; margin:0 !important; padding:30px !important; list-style:none; overflow:hidden; border-bottom: #CFCFCF solid 2px;}




#leistungen #main ul {margin: 0; padding: 0;}

#leistungen #main ul li {list-style-type: none; margin: 10px 0; padding: 10px;background: #f3f3f3; border-bottom: #ccc solid 1px; border-top: #ccc solid 1px}

div.angebote {float: left; width: 370px;}
div.adresse {clear: both;}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 80px;}  /* must be at least the same height as the footer */

#footer {position: relative; margin-top: -50px; /* negative value of footer height */ height: 50px; clear:both; background-color: #2D3034; text-align:center; z-index:1;} 

/* CLEAR FIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;}
*html .tipBtm {background: transparent url(images/tipBtm.gif) no-repeat bottom; height: 32px;}

body#impress #featured {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(images/featured-back.gif) repeat-x scroll left bottom;
border-bottom:2px solid #CFCFCF;
height:361px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 !important;
overflow:hidden;
padding:30px !important;
width:700px;}