@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => global tags
==================================================*/

* {
   padding:0;
   margin:0;
}

body {
   color:#292929;
   vertical-align:baseline;
   text-align: center;
   font: 13px Arial, Helvetica, sans-serif;
   background:#cecece url(../images/bg-body.gif) center 0 repeat;
}

#balken {
	background: url(../images/balken.gif) repeat-x;
	height:11px;
	width:100%;
}


ol,
ul,
dl {
   list-style:none;
}

a:link,
a:visited {
   color: #FFF;
   text-decoration: none;
}

a:hover {
   color: #FFF;
   text-decoration: underline;
}

a:active {
   color: #FFF;
   text-decoration: none;
}


.trenn {
   padding:0 0 0 0;
   margin-bottom:10px;
   border-bottom:#dddbdb 1px solid;
   clear:left;
   height:1px;
   width:610px;
}

p {
	margin-bottom: 23px;
}

/*==================================================
    => global classes
==================================================*/

.clear {
   clear:left;
   float:none;
}

.floatLeft {
   float: left;
}

.floatRight {
   float: right;
}

.noMarginRight {
   margin-right: 0;
}


/*==================================================
    => container
==================================================*/

div#container {
   width: 975px;
   position:relative;
   margin: 0 auto;
   text-align: left;
   background: url(../images/bg-container.png) repeat-y;
}

/*==================================================
    => header  
==================================================*/

div#header {
   height: 457px;
   background: url(../images/bg-header.png) no-repeat 0 0;
   position:relative;
}

.slogan {
	color: #cecece;
	font: 55px Steelfish;
	position:absolute;
	top: 265px;
	left: 35px;
	text-transform: uppercase;
}

.dark {
	color: #ababab;
}
/*------------------ =branding  ------------------*/

h1#branding a {
	display:block;
	width:254px;
	height:101px;
	position:absolute;
	top:81px;
	left:26px;
	text-indent:-9999px;
	outline:none;
}

/*==================================================
    => contentContainer  
==================================================*/
div#contentContainer {
   height:100% !important;
   padding:0 0 0;
   width:975px;
	background: url(../images/bg-contentcontainer.png) repeat-y;
}

/*------------------ =contentMain  ---------------*/

div#contentMain {
   float:left;
   width: 919px;
	padding:0px 30px 50px 26px;
   text-align:left;
   height:auto !important;
   min-height:80px;
   height:80px;
	line-height:20px;
}

#contentMain a {
	background: #b82a2a;
	color: #FFF;
	padding:1px;
}

#contentMain a:hover {
	background: #b82a2a;
	color: #FFF;
	text-decoration:underline;
}

#contentMain a.nobg, .nobg a{
	background: none!important;
	color: #b82a2a;
	padding: 0px!important;
}

.coloumn1, .coloumn2, .coloumn3 {
	float: left;
	width: 281px; 
}

.coloumn1 {
	margin-right: 49px;
}

.coloumn2 {
	margin-right: 27px;
}

.coloumnbreit {
	width: 589px;
	float:left;
}

.zoom2 {
	background:none!important;
}

/*------------------ =accordion  ------------------*/

.click {
	background:#e6e6e6;
	height:auto;
	padding:3px 0 3px 20px;
	cursor:pointer;
	border-bottom:1px solid #000;
	width:580px;
	margin: 0px 0px 0px 330px;
}

.click:hover {
	background: 9px 9px #D8D8D8;
}

.activeClick {
	background-color:#CECECE;
}

.inhalt-main{
	padding:10px 0px 0px 0px;
}


/*------------------ =headlines  ---------------*/

h2  {
	font: 74px Steelfish, Arial, Helvetica, sans-serif;
	color: #000;
	text-transform:uppercase;
}

h2.small  {
	font: 61px Steelfish, Arial, Helvetica, sans-serif;
	color: #000;
	text-transform:uppercase;
}

h3  {
	font: 30px Steelfish, Arial, Helvetica, sans-serif;
	color: #000;
	text-transform:uppercase;
	letter-spacing: 1px; 
	margin-bottom: 15px;
}

h3.click  {
	font: 20px Steelfish, Arial, Helvetica, sans-serif;
	color: #000;
	text-transform:uppercase;
	letter-spacing: 2px; 
}
   

/* =image */

.image {
   border: 1px solid #c8c8c8;
   padding: 2px;
   margin: 0px 10px 10px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}


.imageLogo {
   padding: 2px;
   margin: 0px 10px 10px 0;
   outline: none;
}

.image:hover,
a:hover img.image {
   border: 1px solid #c8c8c8;
   padding: 2px;
}

/*==================================================
    => contentSidebar    
==================================================*/

div#contentSidebar {
	position:relative;
   float:left;
   width: 287px;
   height:auto !important;
   min-height:535px;
   height:535px;
   padding: 44px 0px 0px 23px;
   background:url(../images/bg-sidebar.jpg) no-repeat 0 0;
   display: inline;
	margin-right: 49px;
}

.contact {
	width:310px;
	height: 154px;
	display:block;
	position:absolute;
	top:291px;
	left:0px;
	text-indent:-9999px;
	outline:none;
}

.contact:hover {
	background: url(../images/bg-contact.jpg);
}

/*==================================================
    => navi   
==================================================*/

ul#navi{
	width:600px;
	height:130px;
	position:absolute;
	top:65px;
	left:356px;
	list-style:url(../images/listitem-navi.gif);
}

ul#navi li {
	float:left;
}

ul#navi li a {
	color: #000;
	width:180px;
	font: 18px AvantageCondensed;
	text-transform:uppercase;
   display:block;
   outline:none;
	line-height:32px;
	letter-spacing:1px;
	font-weight: 500;
	text-decoration:none;
}

ul#navi li a:hover {
	color: #b82a2a;
}

ul#navi li a.abstand {
	width:240px;
}

/*==================================================
    => ausfahrnavi    
==================================================*/

ul#navi li ul.sub li, ul#navi li ul.sub2 li, ul#navi li ul.sub3 li {
display:block;
height:auto;
padding:10px 0 0;
width:350px;
z-index:1001;
border-bottom: 1px solid #5a0c19;
}

ul#navi li ul.sub li a, ul#navi li ul.sub2 li a, ul#navi li ul.sub3 li a {
background:#770D1E;
text-indent:0px;
height:23px;
z-index:1002;
text-transform:uppercase;
font-size: 15px;
width: 335px;
padding-bottom:5px;
padding-left:15px;
}

ul#navi li ul li a:link,
ul#navi li ul li a:visited {
   color: #FFF;
   text-decoration: none ;
}

ul#navi li ul.sub li a:hover, ul#navi li ul.sub2 li a:hover, ul#navi li ul.sub3 li a:hover {
	color: black !important;
}


li ul {
	display: none;
}

li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}

ul.sub {
	background:#770D1E none repeat scroll 0 0;
	padding-top:3px;
	position:absolute;
	top:36px;
	left:286px;
	width:350px;
	z-index:100;
}

ul.sub2 {
	background:#770D1E none repeat scroll 0 0;
	padding-top:3px;
	position:absolute;
	top:75px;
	left:286px;
	width:350px;
	z-index:100;
}

ul.sub3 {
	background:#770D1E none repeat scroll 0 0;
	padding-top:3px;
	position:absolute;
	top:114px;
	left:286px;
	width:350px;
	z-index:100;
}








/*==================================================
    => naviAdd   
==================================================*/

ul#naviAdd{
	width:425px;
	height:23px;
	position:absolute;
	top:61px;
	left:560px;
}

ul#naviAdd li {
	float: left;
}

ul#naviAdd li a {
   height:23px;
	   width:106px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#naviAdd li a:hover {
   background:url(../images/naviAddHover.gif) no-repeat 0 0;
}

ul#naviAdd li a.kontakt:hover {
   background-position: -106px 0px;
}

ul#naviAdd li a.anfahrt:hover {
   background-position: -212px 0px;
}

ul#naviAdd li a.impressum:hover {
   background-position: -318px 0px;
}
/*==================================================
    => footer   
==================================================*/

div#footer {
   height: 164px;
   margin:0 auto 0px;
	background: url(../images/bg-footer.png) repeat-x bottom;
}

div#footerContent {
	position:relative;
	margin: auto;
	width:975px;
	height:164px;
	background: url(../images/bg-footercontent.png) no-repeat bottom;
	text-align:left;
}

.download {
	font: 17px AvantageCondensed, Arial, Helvetica, sans-serif;
	color: #545454;
	text-transform:uppercase;
	position: absolute;
	left:664px;
	top: 17px;
	width: 280px;
	height:60px;
}

#footerContent a {
	background: #b82a2a;
	color: #FFF;
	padding:1px;
}

#footerContent a:hover {
	background: #b82a2a;
	color: #FFF;
	text-decoration:underline;
}
/*==================================================
    => googlemaps   
==================================================*/

div#map a {
  margin:10px 0 5px 0;
}

.iframemap {
   border:1px solid #42050A;
   padding:3px;
}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block; /* for IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
   zoom: 1; /* triggers hasLayout */
}

.clearfix {
   display: block;
}
/* End hide from IE-mac */


#euroweb a {
	background: none!important;
}