@charset "utf-8";

/* Company: Euroweb Internet GmbH */

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

* {
   padding:0;
   margin:0;
}

body {
   color:#3a3a3a;
   vertical-align:baseline;
   text-align: center;
   font: 14px Trebuchet MS, Arial, sans-serif;
   background:#e9e9e9 url(../images/bg-body.gif) center 0 repeat-x;
	line-height: 21px;
}

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

a:link,
a:visited {
   color: #3a9eb9;
   text-decoration: none;
	font-weight:bold;
}

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

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

.highlight{
   font-size:1.3em;
   line-height:1.8em;
   font-weight:bold;
}

/*------------------ =linksGaestebuch  ------------------*/

p {
   margin: 0 0 16px 0px;
}

p.cyan {
	color: #3a9eb9;
	font-weight:bold;
}



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


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

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

.floatLeft {
   float: left;
}

.floatRight {
   float: right;
}

.noMarginRight {
   margin-right: 0;
}


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

div#container {
   width: 980px;
   position:relative;
   margin: 0 auto;
   text-align: left;
}

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

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

div#headerSearch {
   width: 280px;
   height:26px;
   position:absolute;
   left:23px;
   top:241px;
}

div#headerSearch input {
	color:#000;
	padding:3px;
	display:block;
   width:150px;
   height:17px;
   font-size:13px;
	border:1px solid #000;
	background:#fcfcfc url(../images/form-hg.png) repeat-x;
}
div#headerSearch input#submitsuche {
	width:83px !important;
	height:26px !important; 
	margin-top:0 0 0 0;
   background: url(../images/bg-submitSearch.gif) no-repeat 0 0;
	cursor:pointer;
	border:none;
   text-indent:-999px;
}

fieldset#sucheField {	
	float:left;
   padding:0 0 0 0;
   width:160px;
   height:26px;
   border:none;
}

fieldset#submitField {	
	float:left;
   padding:0 0 0 0;
   width:83px;
   height:26px;
   border:none;
}

.found {	
   padding:5px;
   background:#f6f6f7;
   border:1px solid #dddbdb;
   margin-bottom:20px;
}

fieldset#submitField {	
	float:left;
   padding:0 0 0 0;
   width:83px;
   height:26px;
   border:none;
}

/*------------------ =branding  ------------------*/

h1#branding a {
	display:block;
	width:326px;
	height:124px;
	position:absolute;
	top:67px;
	left:19px;
	text-indent:-9999px;
	outline:none;
}

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

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

div#contentMain {
   float:left;
   width: 441px;
   text-align:left;
   font-size:1em;
   line-height:1.6em;
   height:auto !important;
   min-height:450px;
   height:450px;
	margin-left: 31px;
}

div#contentMain ul{
	margin-left: 22px;
	list-style: url(../images/list-item.gif);
	margin-bottom: 15px;
}

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

h2.headlineHome {
   background:url(../images/index/headlineHome.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:100px;
}

h2.headlineKontakt {
   background:url(../images/kontakt/headlineKontakt.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:70px;
}

h2.headlineNewsletter {
   background:url(../images/newsletter/headlineNewsletter.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:105px;
}

h2.headlineAnfahrt {
   background:url(../images/anfahrt/headlineAnfahrt.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:105px;
}

h2.headlineImpressum {
   background:url(../images/impressum/headlineImpressum.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:105px;
}

h2.headlineTaxi {
   background:url(../images/taxi/headlineTaxi.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:105px;
}

h2.headlineSpedition {
   background:url(../images/spedition/headlineSpedition.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:105px;
}

h2.headlineTankstelle {
   background:url(../images/tankstelle/headlineTankstelle.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:105px;
}

h2.headlineGas {
   background:url(../images/gas/headlineGas.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:105px;
}

h2.headlineDanke {
   background:url(../images/danke/headlineDanke.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:105px;
}

h2.headlineFehler {
   background:url(../images/fehler/headlineFehler.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:105px;
}

h2.headlineGaestebuch{
   background:url(../images/gaestebuch/headlineGaestebuch.gif) no-repeat 0 0;
   text-indent:-9999px;
   height:105px;
}



div#contentMain h3 {
   font-size:1.2em;
   line-height:1.3em;
   font-weight:bold;
   color:#3A9EB9;
   margin-bottom:12px;
}

div#contentMain h3.such {
   font-size:1em;
   line-height:1.3em;
   font-weight:bold;
   color:#3A9EB9;
   margin-bottom:12px;
}

div#contentMain h4 {
   font-size:1.2em;
   line-height:1.3em;
   font-weight:bold;
   color:#3A9EB9;
   margin-bottom:12px;
   margin-top:12px;
}


/* =image */

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

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

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


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

div#contentSidebar1 {
	position:relative;
   float:left;
   width: 220px;
   height:auto !important;
   min-height:500px;
   height:500px;
   padding: 0 0 0 0;
   background:url(../images/bg-sidebar1.gif) no-repeat 0 0;
   display: inline;
	margin-left: 21px;
	font-size:13px;
	line-height: 20px; 
}

#anfahrt {
	margin-top: 55px;
	margin-left: 15px; 
}

#kontakt {
	margin-top: 125px;
	margin-left: 15px; 
}

#newsletter {
	margin-top: 130px;
	margin-left: 15px; 
}

div#contentSidebar2 {
	position:relative;
   float:left;
   width: 222px;
   height:auto !important;
   min-height:500px;
   height:500px;
   padding: 0 0 0 0;
   display: inline;
	margin-left: 32px;
}

#schild {
	background: url(../images/schild.gif) no-repeat; 
	height: 423px;
}

#bilder {
	background: url(../images/headlineBilder.gif) no-repeat;
	height:380px;
	margin-top: 38px;
	padding-top: 50px;
	width: 222px;
}


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

ul#navi{
	width:983px;
	height:47px;
	position:absolute;
	top:235px;
	left:0px;
}

ul#navi li {
   float:left;
}

ul#navi li a {
   height:47px;
   display:block;
   outline:none;
   text-decoration: none;
	text-indent:-99999em;
}

ul#navi li a.index { width:142px;}
ul#navi li a.taxi { width:86px;}
ul#navi li a.spedition { width:134px;}
ul#navi li a.tankstelle { width:142px;}
ul#navi li a.gas { width:185px;}
ul#navi li a.newsletter { width:147px;}
ul#navi li a.gaestebuch { width:145px;}

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

ul#navi li a.index:hover { background-position: 0px 0px;}
ul#navi li a.taxi:hover { background-position: -142px 0px;}
ul#navi li a.spedition:hover { background-position: -228px 0px;}
ul#navi li a.tankstelle:hover { background-position: -362px 0px;}
ul#navi li a.gas:hover { background-position: -504px 0px;}
ul#navi li a.newsletter:hover { background-position: -689px 0px;}
ul#navi li a.gaestebuch:hover { background-position: -836px 0px;}


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

ul#naviAdd{
	width:265px;
	height:68px;
	position:absolute;
	top:12px;
	left:711px;
}

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

ul#naviAdd li {
	float:left; 
}

ul#naviAdd li a.kontakt {
   width:74px;
}

ul#naviAdd li a.anfahrt {
   width:88px;
}

ul#naviAdd li a.impressum {
   width:90px;
}


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

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

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


/*==================================================
    => footer   
==================================================*/

div#footer {
   height: 125px;
   margin:0 auto 0px;
   width:100%;
   background: url(../images/bg-footerKachel.gif) repeat-x 0 0;
}

div#footerContent {
   position:relative;
   margin:0 auto;
   padding:35px 0 0 30px;
   width:950px;
   height:90px;
   background: url(../images/bg-footerContent.gif) no-repeat 0 0;
   text-align:left;
   font-size:12px;
   line-height:18px;
	color: #FFF;
}

div#footerContent a {
	color: #FFF; 
}

.footerContentAdress1 {
   width:250px;
   margin-left:75px;
   float:left;
   display:inline;
}

.footerContentAdress2 {
   width:195px;
   margin-left:410px;
   float:left;
   display:inline;
}

.top {
   text-align:right;
   width:610px;
}

/*==================================================
    => googlemaps   
==================================================*/

div#map a {
   background:transparent url(../images/bg-google-enlarge.gif) no-repeat scroll 0 0;
   display:block;
   height:31px;
   text-indent:-9999px;
   width:258px;
   margin:10px 0 5px 0;
}

.iframemap {
   border:1px solid #dddbdb;
   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 */




/*==================================================
    => imprint  
==================================================*/


dl.imprintTypeOfBusiness, dl.imprintAddress {
   width:100%;
   line-height:18px;
   margin:15px 0;
}

dl.imprintTypeOfBusiness dt, dl.imprintAddress dt {
   display:block;
   width:50%;
   float:left;
}

#datenschutz { display:block; }

dl.imprintTypeOfBusiness dd, dl.imprintAddress dd { clear:right; }´






/*-------------------- FLASH ------------------------------*/


#tafel {
	width:222px;
	height:429px;
}



/*--------- VIDEO -------*/

div#video {
	width: 441px;
   height: 238px;
	margin-bottom: 25px;
}