@charset "utf-8";
/* CSS Document */

body {
	/*text-align:center;*/
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	color:#fff;
	margin-right:0;
	background:url(../images/bg-tile.jpg) repeat-x center top #f4f4f4;
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	cursor:default;
}

#site-container {
	text-align:left;
	top:0;
	width:980px;
/*	margin-left:auto;
	margin-right:auto;*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*margin: 0 auto -221px;*/ /* the bottom margin is the negative value of the footer's height */
}

#site	{position:relative; width:980px; }
	
a:hover, a:active, a:focus {outline: none; }

div#euroweb {
	display:block;
	margin-top:25px;
	margin-left:0px;
}

div#euroweb a{
	text-decoration:none;
}

.padding-top {padding-top:15px; }

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

p, h2, h3 {float:none; clear:both; }

.float-left {float:left; margin-right:15px; }

.float-right {float:right; padding-left:15px; }



/**************************** =header-container **************************/

#header-container {
   width:980px;
	height:120px;
   position:relative;
	display:block;
}



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

h1#branding	{
	text-align:left;
	left:577px;
	top:45px;
	width:292px;
	height:63px;
   display:block;
	position:absolute;
	background:url(../images/bg-logo.jpg) no-repeat 0 0;
}

h1#branding a {
   text-indent:-9000px;
   display:block;
	width:292px;
	height:63px;
} 



/**************************** =sidebar **************************/

#sidebar {
   width:245px;
	height:auto;
   position:relative;
	display:block;
	float:left;
}


ul#navi {
	list-style:none;
	margin:0px 22px 0 73px;
	padding:0;
	width:150px;
}

ul#navi li {
	float:none;
	width:150px;
	margin:0px 0px;
	padding:0px;
	text-align:left;
}

ul#navi li a {
	text-indent:-9000px;
	display:block;
}

ul#navi li a.home, ul#navi li a.home:visited {
	background:url(../images/bg-navi.jpg) no-repeat -150px 0;
	height:24px;
	width:150px;
}
ul#navi li a.sortiment, ul#navi li a.sortiment:visited {
	background:url(../images/bg-navi.jpg) no-repeat -150px -24px;
	height:26px;
	width:150px;
}
ul#navi li a.service, ul#navi li a.service:visited {
	background:url(../images/bg-navi.jpg) no-repeat -150px -50px;
	height:26px;
	width:150px;
}
ul#navi li a.team, ul#navi li a.team:visited {
	background:url(../images/bg-navi.jpg) no-repeat -150px -76px;
	height:26px;
	width:150px;
}
ul#navi li a.gallerie, ul#navi li a.gallerie:visited {
	background:url(../images/bg-navi.jpg) no-repeat -150px -102px;
	height:26px;
	width:150px;
}
ul#navi li a.aktionen, ul#navi li a.aktionen:visited {
	background:url(../images/bg-navi.jpg) no-repeat -150px -128px;
	height:26px;
	width:150px;
}
ul#navi li a.kontakt, ul#navi li a.kontakt:visited {
	background:url(../images/bg-navi.jpg) no-repeat -150px -154px;
	height:24px;
	width:150px;
}



/**************************** =subnavi **************************/
	

ul#navi li ul {
	position:relative;
   padding:0;
	margin:3px 0 12px 0;
	height:auto;
	display:block;
   /*z-index:100;*/
}

/** html ul#navi ul {
   top:0px;
   t\op:0px;
}*/

ul#navi li ul li {
	float:none;
	padding:0px;
	margin:0px;
	width:auto;
	display:block;
	height:auto;
}

ul#navi li ul li a, ul#navi li ul li a:visited {
    position:relative;
	 text-align:right;
    padding:0px;
	 margin:0px;
	 color:#53575c;
	 font:11px Tahoma, Arial, Helvetica, sans-serif;
	 font-weight:500;
	 text-decoration:none;
	 line-height:14px !important;
	 height:auto;
	 text-indent:0px;
}

ul#navi li ul li a.active {
    color:#3d75b5;
    text-decoration:none;
}	

/*ul#navi li ul li a:hover {
    color:#3d75b5;
    text-decoration:none;
}*/

/*ul#navi li ul {
   display:none;
}

ul#navi li:hover ul, ul#navi li.iehover ul {
   display:block;
}*/



/**************************** =content-main-container **************************/

#content-main-container {
   width:621px;
	height:auto;
   position:relative;
	display:block;
	float:left;
}


/**************************** =slideshow **************************/

ul#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:621px;
	height:378px;
	overflow:hidden;
}

ul#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

ul#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}



/**************************** =content-main **************************/

#content-main {
	position:relative;
	display:block;
	width:621px;
	height:auto;
	margin-top:33px;
}

#column1 {
	position:relative;
	display:block;
	width:300px;
	padding:0;
	height:auto;
	float:left;
	margin-right:20px;
}

#column2 {
	position:relative;
	display:block;
	width:300px;
	height:auto;
	float:left;
	margin-top:24px;
}


#content-main h2 {
	font:22px Tahoma, Arial, Helvetica, sans-serif;
	color:#53575c;
	line-height:26px !important;
	position:relative;
	margin:0px 0 10px 0px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:500;
	display:block;
}

#content-main h3 {
	font:13px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#26282a;
	font-weight:600;
	display:block;
	position:relative;
	margin:12px 0px 7px 0px;
}

#content-main p {
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#26282a;
	display:block;
	position:relative;
	margin:7px 0px 7px 0px;
}

#content-main p a {
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#26282a;
	text-decoration:none;
	border-bottom:1px solid #26282a;
}

#content-main p a:hover {
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#101112;
	text-decoration:none;
	border-bottom:none;
}



ul.list {
	display:block;
	position:relative;
	height:auto;
	margin-top:-4px;
}

ul.list li {
	display:block;
	position:relative;
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#26282a;
	margin:2px 0px;
	padding-left:16px;
	background:url(../images/bg-button.jpg) no-repeat 5px 8px;
}



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

#footer-container {
	position:relative;
	display:block;
	width:100%;
	height:110px;
	margin-top:20px;
}

#footer {
	position:relative;
	display:block;
	width:100%;
	height:102px;
	top:0px;
	background:url(../images/bg-footer.jpg) repeat-x left top;
}

#footer h4 {
	font:12px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#fefefe;
	font-weight:600;
	display:block;
	position:relative;
	margin:0px 0px 7px 0px;
	line-height:14px !important;
}

#footer p {
	font:11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color:#fefefe;
	display:block;
	position:relative;
	margin:0px 0px 7px 0px;
}

#muenchen {
	position:absolute;
	display:block;
	width:auto;
	height:auto;
	top:15px;
	left:245px;
}

#pullach {
	position:absolute;
	display:block;
	width:auto;
	height:auto;
	top:15px;
	left:470px;
}

#openhrs {
	position:absolute;
	display:block;
	width:auto;
	height:auto;
	top:15px;
	left:737px;
}