/* ----------------------------------------------------------*/
/*  css style for euroweb
/*  by karolin grosch
/* ----------------------------------------------------------*/

@charset "utf-8";
/* ----------------------------------------------------------*/
/* ---------------- =standards -------------------------------*/
/* ----------------------------------------------------------*/

* {
	padding:0;
	margin:0;
	border:0;
}
 html[xmlns^="http"] {
 overflow-y:scroll;
}
.clear {
	clear:both;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
p {
	padding-bottom:10px;
}
html {
	background:#ead4bb url(../images/bg-html.jpg) repeat-x fixed;
}
body {
	color:#73604d;
	font-size:12px;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	line-height:19px;
	margin:0px;
}
/* ----------------------------------------------------------*/
/* ---------------- =links ----------------------------------*/
/* ----------------------------------------------------------*/

a, .escape span {
	text-decoration:underline;
	color:#73604d;
	outline:none;
}
a:hover, a:hover span {
	text-decoration:none;
	background:#f0ddc6;
	color:#73604d;	
}
/* ----------------------------------------------------------*/
/* ---------------- =container ------------------------------*/
/* ----------------------------------------------------------*/

div#container {
	clear:both;
	margin:0 auto;
	position:relative;
	width:950px;
}
/* ----------------------------------------------------------*/
/* ---------------- =header ---------------------------------*/
/* ----------------------------------------------------------*/

div#headerindex {
	background: url(../images/bg-header-index.png) top right no-repeat;
	height:466px;
	margin:0 auto;
	padding:0;
	width:950px;	
}

div#header {
	background: url(../images/bg-header.png) top right no-repeat;
	height:290px;
	margin:0 auto;
	padding:0;
	width:950px;
}

div#headerindex .image {
	width:750px;
	padding-left:195px;
	height:460px;
	background:url(../images/index/hautnah-dessous.jpg) no-repeat top right;
}

div#header .image  {
	width:750px;
	height:284px;
	padding-left:195px;
	background:url(../images/hautnah-dessous.jpg) no-repeat top right;	
}



/* ----------------------------------------------------------*/
/* ---------------- =branding -------------------------------*/
/* ----------------------------------------------------------*/
h1.branding {
	height:90px;
	left:20px;
	position:absolute;
	top:130px;
	width:155px;
}
h1.branding a {
	background:none;
	display:block;
	text-indent:-9999px;
	padding:0;
	height:90px;
	left:20px;
	top:130px;
	width:155px;
}
h1.branding a:hover {
	background:none;
}
a.shoppingbag {
	position:absolute;
	background:none;
	display:block;
	text-indent:-9999px;
	padding:0;
	height:220px;
	left:15px;
	top:340px;
	width:160px;
}
a.shoppingbag:hover {
	background:none;
}
/* ----------------------------------------------------------*/
/* =navi ----------------------------------------------------*/
/* ----------------------------------------------------------*/
div#navi-container {
	height:38px;
	width:950px;
	background:url(../images/navi.png) top center no-repeat;
}
ul#navi {
	height:38px;
	width:754px;
	padding-left:195px;
}
ul#navi li {
	display:inline;
	list-style:none;
	float:left;
}
ul#navi li a {
	display:block;
	text-indent:-9999px;
	outline:none;
	height:38px;
}
ul#navi li a:hover {
	background:url(../images/navi-hover.gif) no-repeat 0 0;
}
ul#navi li a.hauptseite1 {
	width:158px;
}
ul#navi li a.hauptseite1:hover {
	background-position: 0 0;
}
ul#navi li a.hauptseite2 {
	width:134px;
}
ul#navi li a.hauptseite2:hover {
	background-position: -158px 0;
}
ul#navi li a.hauptseite3 {
	width:117px;
}
ul#navi li a.hauptseite3:hover {
	background-position: -292px 0;
}
ul#navi li a.hauptseite4 {
	width:131px;
}
ul#navi li a.hauptseite4:hover {
	background-position: -409px 0;
}
ul#navi li a.hauptseite5 {
	width:106px;
}
ul#navi li a.hauptseite5:hover {
	background-position: -540px 0;
}
ul#navi li a.hauptseite6 {
	width:104px;
}
ul#navi li a.hauptseite6:hover {
	background-position: -646px 0;
}
/* ----------------------------------------------------------*/
/* =navi-add ------------------------------------------------*/
/* ----------------------------------------------------------*/

div#navi-add-container {
	height:71px;
	width:950px;
}
ul#navi-add {
	background:#e1cdb6;
	height:19px;
	width:115px;
	_width:125px;
	margin:0 0 0 815px;
	_margin:0 0 0 805px;
	font-size:11px;
	text-transform:uppercase;
	padding:0 0 0 15px;
	_padding:0 0 0 15px;
}
ul#navi-add li {
	display:inline;
	list-style:none;
	position:relative;
	float:left;
	_width: 50px;
	padding:0 14px 0 0;
	_padding:0 0 0 0;
}
ul#navi-add li a {
	display:block;
	height:19px;
	color:#64513e;
	text-decoration:none;
}
ul#navi-add li a:hover {
	color:#ac9a87;
	text-decoration:none;
	background:none;
}
/* ----------------------------------------------------------*/
/* ---------------- =headlines -------------------------------*/
/* ----------------------------------------------------------*/
h2 {
	text-indent:-9999px; 
	font-size:0.00001em;
	position:relative;
	top:170px;
	width:750px;	
	height:86px;	
	
}
h2.index {
	background: url(../images/h2-index.png) top right no-repeat;
}
h2.unser-geschaeft {
	background: url(../images/h2-unser-geschaeft.png) top right no-repeat;
}
h2.aktuelles {
	background: url(../images/h2-aktuelles.png) top right no-repeat;
}
h2.newsletter {
	background: url(../images/h2-newsletter.png) top right no-repeat;
}
h2.shop {
	background: url(../images/h2-shop.png) top right no-repeat;
}
h2.anfahrt {
	background: url(../images/h2-anfahrt.png) top right no-repeat;
}
h2.kontakt {
	background: url(../images/h2-kontakt.png) top right no-repeat;
}
h2.fehler {
	background: url(../images/h2-fehler.png) top right no-repeat;
}
h2.impressum {
	background: url(../images/h2-impressum.png) top right no-repeat;
}

h3 {
	font-size:15px;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:10px;
}
/* ----------------------------------------------------------*/
/* ---------------- =content --------------------------------*/
/* ----------------------------------------------------------*/

div#content-container {
}
div#content-sidebar {
	float:left;
	padding:0;
	height:5px;
	width:195px;
}
div#content-main {
	float:left;
	padding:0;
	width:755px;
	padding:35px 0;
}
div#content-main .column1 {
	width:300px;
	padding:0 17px 0 0;
	
	float:left;
}
div#content-main .teaser {
	text-indent:-9999px;
	background:url(../images/teaser.png) no-repeat 0 0;
	width:300px;
	height:105px;
}
div#content-main .column2 {
	width:420px;
	padding:0 18px 0 0;
	float:left;
}
.googlemaps {
	background:#fff;
	border:1px solid #ccc;
	margin:10px 0 0 0;
	padding:2px;
	_padding:2px 0 0 2px; /* Fix false display IE6 */
}
.euroweblogo a:hover {
	background:none !important;
}

.imagecms {
	border: 1px dotted #73604d;
	padding: 5px;
	background:#e6d2bd;
	float:left;
}

/* ----------------------------------------------------------*/
/* ---------------- =footer ---------------------------------*/
/* ----------------------------------------------------------*/

div#footer {
	background:url(../images/bg-footer.png) 195px 0 repeat-y;
	clear:both;
	padding:0;
	width:755px;
	margin:0 auto;
	padding: 0 0 0 195px;
	height:50px;
}

div#footer p {
	float:left;
	font-size:11px;
	line-height:15px;
}
div#footer p .column1 span {
	width:105px;
	display:block;
	float:left;
}

div#footer .column1  {
	width:298px;
	padding:10px 0 10px 20px;
}

div#footer .column2  {
	width:230px;
	padding:10px 0 10px 0;
}

div#footer .column3  {
	width:190px;
	padding:10px 0 10px 0;
}


/* ----------------------------------------------------------*/
/* done & sayonara ^^
/* ----------------------------------------------------------*/