@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global tags <<<-----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(../images/bg-kachel.jpg) repeat;
	font:13px Arial, Helvetica, sans-serif;
	color:#245067;
	line-height:20px;
}


div#euroweb a:link, div#euroweb a:visited, div#euroweb a:hover, div#euroweb a:active, a.no:hover, a.no:active, a.no:link, a.no:visited {

	background:none!important;

}

a:link, a:visited {
	color:#0f5fa7;
	padding:1px;
	text-decoration:underline;
}

a:hover, a:active {
	color:#000;
	padding:1px;
	text-decoration:none;
}




p {
	margin:0 0 14px 0;
}

img {
	border:0;
}

.img-cms {
	border:1px solid #0f5fa7;
	margin:10px 15px 15px 0;
	float:left;
	background:none;
	}
	



/* ---- headlines <<<-------------------------------------------------------------------------------------*/

h2 {
	text-indent:-9999px;
	margin:0 0 40px 0px;
	height:118px;
	width:640px;
}

h3 {
	margin:0 0 0px 0;
	line-height:24px;
	font-size:16px;
	font-weight:bold;
	color:#0f5fa7;
}

span.highlight {
	background:#284a18;
	padding:0px 3px 0 3px;
	}

h4 {
	font-size:1.1em;
	margin:0 0 0 0;
	color:#ddf0dd;
	font-weight:bold;
}

dl {
	width:440px;
	margin-bottom:20px;
}

dt {
	width:190px;
	float:left;
	font-weight:bold
}

dd {
	width:250px;
	float:left;
	font-weight:normal;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global classes <<<--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

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

.line {
	height:20px;
	line-height:0.1em;
	font-size:0.1em;
	border-top:1px solid #c0e2f2;
	margin:0 0 1em 0;
}

.floatLeft {
	float:left;
	}
	
.floatRight {
	float:right;
	}

.image {
   cursor: url(../images/icon-zoomin.cur) , pointer;
   outline: none;
   margin:3px 15px 0 0;
   border:3px solid #e4d3a2;
   float:left;
}

.image:hover {
   border:3px solid #355d22;

}

.image-border {
   cursor: url(../images/icon-zoomin.cur) , pointer;
   border:1px solid #fff;
   float:left;
   margin:0 9px 9px 0;
}

.image-box {
   float:left;
   width:110px;
   font-size:0.9em;
}

.image-box img {
   border:1px solid #fff;
}

.border {
   	border:1px solid #fff;	
}

.margin-stop {
	margin:0!important;
}

.marginBottom {
	margin-bottom:15px;}



.align-center {
	text-align:center;
}


/* -------------------------------------------------------------------------------------------------------*/
/* ---- container <<<-------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#container-container-pre {
	position:relative;
	background:url(../images/bg-1.jpg) top center no-repeat;
	width:100%;
	}

div#container-container {
	position:relative;
	background:url(../images/bg-container-container.png) repeat-y center;
	
	width:100%;
	}


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

/* -------------------------------------------------------------------------------------------------------*/
/* ---- header <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#header {
	width:960px;
	height:506px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
	z-index:1;
}

div#header-en {
	width:960px;
	height:506px;
	background:url(../images/bg-header-en.jpg) 0 0 no-repeat;
	position:relative;
	z-index:1;
}

h1#branding a {
display:block;
height:81px;
left:-3px;
outline:medium none;
position:absolute;
text-indent:-9999em;
top:22px;
width:256px;
background:none;
}


a#de {
background:none;
display:block;
height:35px;
left:347px;
position:absolute;
text-indent:-99999px;
top:110px;
width:40px;
	}
	
a#en {
background:none;
display:block;
height:35px;
left:394px;
position:absolute;
text-indent:-99999px;
top:110px;
width:40px;
	}



/* ---- navi <<<------------------------------------------------------------------------------------------*/

ul#navi {
height:307px;
left:31px;
list-style:none outside none;
position:relative;
top:172px;
width:289px;
z-index:2;

}

ul#navi li {
	float:left;
	}

ul#navi li a {
	display:block;
	outline:none;
	width:289px;
	text-decoration: none;
	text-indent: -999em;
	background:url(../images/bg-navi.jpg)
}

ul#navi li a:hover {
	background:none;
}



ul#navi li a.wir {
	background-position: 0px 0px;
	height:63px;
}

ul#navi li a.service {
	background-position: 0px -65px;
	height:61px;
}

ul#navi li a.produkte {
	background-position: 0px -128px;
	height:58px;
}

ul#navi li a.ausruestung {
	background-position: 0px -188px;
	height:61px;
}

ul#navi li a.referenzen {
background-position:0 -252px;
height:53px;
}





ul#navi-en {
height:307px;
left:31px;
list-style:none outside none;
position:relative;
top:172px;
width:289px;
z-index:2;

}

ul#navi-en li {
	float:left;
	}

ul#navi-en li a {
	display:block;
	outline:none;
	width:289px;
	text-decoration: none;
	text-indent: -999em;
	background:url(../images/bg-navi-en.jpg)
}

ul#navi-en li a:hover {
	background:none;
}



ul#navi-en li a.wir {
	background-position: 0px 0px;
	height:63px;
}

ul#navi-en li a.service {
	background-position: 0px -65px;
	height:61px;
}

ul#navi-en li a.produkte {
	background-position: 0px -128px;
	height:58px;
}

ul#navi-en li a.ausruestung {
	background-position: 0px -188px;
	height:61px;
}

ul#navi-en li a.referenzen {
background-position:0 -252px;
height:53px;
}










/*==================================================
    => navi-add    
==================================================*/

ul#navi-add {
height:20px;
list-style:none outside none;
position:absolute;
right:0;
top:120px;
width:244px;

}

ul#navi-add li {
	float:left;
	}

ul#navi-add li a {
	height:20px;
	display:block;
	outline:none;
	text-decoration: none;
	text-indent: -999em;
	background:url(../images/bg-navi-add.jpg);
}

ul#navi-add li a:hover {
	background:none;
}



ul#navi-add li a.index {
	width:90px;
	background-position: 0px 0px;
}

ul#navi-add li a.links {
	width:75px;
	background-position:-92px 0px;
}

ul#navi-add li a.kontakt {
	width:73px;
	background-position:-169px 0px;
}





ul#navi-add-en {
height:20px;
list-style:none outside none;
position:absolute;
right:5px;
top:120px;
width:244px;

}

ul#navi-add-en li {
	float:left;
	}

ul#navi-add-en li a {
	height:20px;
	display:block;
	outline:none;
	text-decoration: none;
	text-indent: -999em;
	background:url(../images/bg-navi-add-en.jpg);
}

ul#navi-add-en li a:hover {
	background:none;
}



ul#navi-add-en li a.index {
	width:90px;
	background-position: 0px 0px;
}

ul#navi-add-en li a.links {
	width:75px;
	background-position:-92px 0px;
}

ul#navi-add-en li a.kontakt {
	width:73px;
	background-position:-169px 0px;
}











/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-container <<<-----------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-container {
	width:960px;
	background:url(../images/bg-content-container.jpg) no-repeat;
	position:relative;
	min-height:400px;
    height:auto !important;
    height:400px;

}

div#content-container-en {
	width:960px;
	background:url(../images/bg-content-container-en.jpg) no-repeat;
	position:relative;
	min-height:400px;
    height:auto !important;
    height:400px;

}
/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-sidebar1 <<<------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-sidebar {
	float:left;
	width:281px;
	height:273px;
	padding:127px 0 0 39px;
}

.block1 {
height:53px;
left:29px;
position:absolute;
top:100px;
width:118px;
	}
	
.block2 {
height:53px;
left:169px;
position:absolute;
top:100px;
width:118px;
	}
	
.block3 {
height:102px;
left:120px;
position:absolute;
top:182px;
width:177px;
	}
	
.block4 {
height:102px;
left:29px;
position:absolute;
top:397px;
width:241px;
	}

a#gbook {
background:none repeat scroll 0 0 transparent;
display:block;
height:56px;
left:21px;
position:absolute;
text-indent:-99999px;
top:501px;
width:144px;
outline:none;
	}
	
a#gbook:hover {
	background:url(../images/bg-bg.jpg);
	}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-main <<<----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-main {
	float:left;
	width:640px;
	background:url(../images/bg-content-main.jpg) 0 0 no-repeat;

}

.geschichte-bilder {
	background:url(../images/geschichte/bg-geschichte-bilder.jpg);
	width:645px;
	height:162px;
	display:block;
	padding:19px 0 0 29px;
	}
	
.bilder-1col {
	background:url(../images/bg-pics-1col.jpg);
	width:300px;
	height:126px;
	padding-top:25px;
	margin:-10px 0 15px 0;
	}
	
	
	.col-big {
	width:600px;
	padding:0 0 0 0;
	}

.col1 {
	width:279px;
	padding:0 40px 0 0px;
	float:left;
	}
	
.col2 {
	width:279px;
	padding:0 0px 0 0px;
	float:left;
	}
	

	

	
.marginRight200 {
	margin-right:200px;}
	
.margindown {
	margin-bottom:-20px;}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-main-h2 <<<-------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

h2#index {background:url(../images/h2/index.jpg) 0 0 no-repeat;}
h2#kontakt {background:url(../images/h2/kontakt.jpg) 0 0 no-repeat;}
h2#error {background:url(../images/h2/error.jpg) 0 0 no-repeat;}
h2#impressum_ {background:url(../images/h2/impressum.jpg) 0 0 no-repeat;}
h2#danke {background:url(../images/h2/danke.jpg) 0 0 no-repeat;}
h2#anfahrt {background:url(../images/h2/anfahrt.jpg) 0 0 no-repeat;}
h2#wir {background:url(../images/h2/wir.jpg) 0 0 no-repeat;}
h2#service {background:url(../images/h2/service.jpg) 0 0 no-repeat;}
h2#produkte {background:url(../images/h2/produkte.jpg) 0 0 no-repeat;}
h2#ausruestung {background:url(../images/h2/ausruestung.jpg) 0 0 no-repeat;}
h2#referenzen {background:url(../images/h2/referenzen.jpg) 0 0 no-repeat;}
h2#links {background:url(../images/h2/links.jpg) 0 0 no-repeat;}

h2#index-en {background:url(../images/h2/en/index.jpg);}
h2#about {background:url(../images/h2/en/about.jpg);}
h2#service-en {background:url(../images/h2/en/service.jpg);}
h2#products {background:url(../images/h2/en/products.jpg);}
h2#outfitting {background:url(../images/h2/en/outfitting.jpg);}
h2#refs {background:url(../images/h2/en/references.jpg);}
h2#imprint_ {background:url(../images/h2/en/imprint.jpg);}
h2#thanks {background:url(../images/h2/en/thanks.jpg);}


/* -------------------------------------------------------------------------------------------------------*/
/* ---- footer <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#footer-container {
	width:100%;
	height:299px;
	background:url(../images/bg-footer-container.jpg) top center no-repeat;
	position:relative;
}


div#footer {
	width:960px;
	height:299px;
	background:url(../images/bg-footer.jpg) no-repeat;
	position:relative;
	margin:0 auto;
}

div#footer-en {
	width:960px;
	height:299px;
	background:url(../images/bg-footer-en.jpg) no-repeat;
	position:relative;
	margin:0 auto;
}

a#impressum {
background:url("../images/bg-impressum.jpg") repeat scroll 0 0 transparent;
bottom:34px;
display:block;
height:30px;
position:absolute;
right:0;
text-indent:-99999px;
width:95px;
	}
	
a#impressum:hover {
	background:none;
	}
	
	
a#imprint{
background:url(../images/bg-imprint.jpg) repeat scroll 0 0 transparent;
bottom:35px;
display:block;
height:24px;
position:absolute;
right:0;
text-indent:-99999px;
width:67px;
	}
	
a#imprint:hover {
	background:none;
	}
	
	

div#footer a:link, div#footer a:visited {
	color:#e4d3a2;
	text-decoration:underline;
}

div#footer a:hover, div#footer a:active {
	color:#3c6d69;
	text-decoration:none;
}

.footer-content {
	position:absolute;
	top:56px;
	left:524px;
	width:200px;
	height:140px;
}



ul#navi-logos {
height:307px;
left:31px;
list-style:none outside none;
position:relative;
top:172px;
width:289px;
z-index:2;
}

ul#navi-logos li {
	float:left;
	}

ul#navi-logos li a {
	display:block;
	outline:none;
	width:289px;
	text-decoration: none;
	text-indent: -999em;
	background:url(../images/bg-navi.jpg)
}

ul#navi-logos li a:hover {
	background:none;
}



ul#navi-logos li a.wir {
	background-position: 0px 0px;
	height:63px;
}




/* slider */

		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:283px;
			width:627px;
			overflow:hidden;
			}	
		
		#slider{
position:absolute;
right:17px;
top:44px;
			}	
			
	
			
			
			
			
#nextBtn {
display:block;
height:24px;
left:602px;
position:absolute;
top:341px;
width:25px;
z-index:1;
}

#prevBtn {
display:block;
height:24px;
left:673px;
position:absolute;
top:341px;
width:25px;
z-index:1;

}										
#nextBtn a, #slider1next a{  
	display:block;
	position:relative;
	width:25px;
	height:24px;
	text-indent:-5000px;
	background:url(../images/slider/arrow-left.jpg);
	outline:none;
}	

#nextBtn a:hover, #slider1next a:hover {
	background:none;
	}
	
#prevBtn a, #slider1prev a{ 
	width:25px;
	height:24px;
	background:url(../images/slider/arrow-right.jpg);
	display:block;
	position:relative;
	text-indent:-5000px;
	outline:none;
	
}	

#prevBtn a:hover, #slider1prev a:hover	{
	background:none;
	}	
	
/*==================================================
    => panorama 
==================================================*/
	
	#panorama_formatierung {
		background:url(../images/bg-pixa.jpg);
		width:630px;
		height:321px;
		display:block;
		padding:69px 0 0 44px;
		}	
/*==================================================
    => speisekarte 
==================================================*/
.preis {
	vertical-align:bottom;
	text-align:right;
	}
	
.preisliste {
margin:0 0 0 110px;
	}
	
.preisliste td {
padding-bottom:5px;
	}
	
/*==================================================
    => googlemaps   
==================================================*/

div#map a {
	background:url(../images/map.jpg);
	display:block;
	height:36px;
	text-indent:-9999px;
	width:153px;
	margin:8px 0 10px 0;
}
.iframemap {
	border:1px solid #e4d3a2;
	padding:3px;
}