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

html {background:url(../images/bg.jpg) no-repeat center top #cedae9; }

body {
	text-align:center;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
}

#site-container {
	text-align:left;
	top:0;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

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


div#euroweb {
	display:block;
	margin:25px 0 10px 0;
}

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


.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; }

.break {
	margin-bottom:15px;
	display:block;
	position:relative;
}

.image {
	border:5px solid #e0e1e5;
}

.margin-bottom {
	margin-bottom:20px;
}

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

#header-container {
   width:847px;
	height:373px;
   position:relative;
	display:block;
   background:url(../images/bg-header.jpg) no-repeat left top;
	z-index:901;
}



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

h1#branding {
	display:block;
	position:absolute;
	left:49px;
	top:137px;
	width:108px;
	height:219px;
}

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




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

span.padding {display:inline; padding:0 4px;}


#navi-add {
   width:auto;
	height:16px;
   position:absolute;
	display:block;
	top:71px;
	left:79px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#navi-add p {
	color:#140a10;
	font:12px/18px Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	text-align:left;
	padding:5px 0px 5px 0px;
}

#navi-add p a {
	color:#140a10;
	text-decoration:none;
}

#navi-add p a:hover {
	color:#140a10;
	text-decoration:none;
}



/**************************** =contact **************************/

#contact {
   width:247px;
	height:111px;
   position:absolute;
	display:block;
	top:245px;
	left:176px;
}

p {
	color:#140a10;
	font:12px/18px Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	text-align:left;
	padding:5px 0px 5px 0px;
}

p a {
	color:#140a10;
	text-decoration:underline;
}

p a:hover {
	color:#d20000;
	text-decoration:none;
}

h3 {
	color:#140a10;
	font:12px/18px Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	text-align:left;
	padding:5px 0px 5px 0px;
	font-weight:600;
}

#contact dl {
	padding: 0px; margin:0;
	width: 227px;
}

#contact dt { color:#140a10; font:12px/18px Arial, Helvetica, sans-serif; float: left; margin-right: 0px; text-align: left; font-weight:600; }
#contact dd { color:#140a10; font:12px/18px Arial, Helvetica, sans-serif; margin: 0px; text-align: right; }




/**************************** =list **************************/

ul.list {
	display:block;
	position:relative;
	height:auto;
	padding:2px 0px 8px 0px;
	float:left;
	width:240px;
}

ul.list li {
	color:#140a10;
	font:12px/18px Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	margin:4px 0px;
	padding-left:19px;
	background:url(../images/bg-button.jpg) no-repeat 4px 6px;
}

ul.list li ul {
	display:block;
	position:relative;
	height:auto;
	padding:2px 0px 8px 0px;
	width:300px;
}

ul.list li ul li {
	color:#140a10;
	font:12px/18px Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	margin:4px 0px;
	left:9px;
	background:url(../images/bg-button.jpg) no-repeat 4px 6px;
}


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


#slide-show {
	position:absolute;
	display:block;
	top:137px;
	left:430px;
	width:386px;
	height:219px;
}

ul#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:386px;
	height:219px;
	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;
}



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

ul#navi {
	width:798px;
	height:50px;
	position:relative;
	display:block;
	margin:0px 0px 0 0px;
	padding-left:49px;
	background:url(../images/bg-navi.jpg) no-repeat 0 0;
	z-index:901;
}

ul#navi li {
	float:left;	
	padding:0px 0px 0px 0px;
	position:relative;
}
	
ul#navi li a {
   display:block;
   position:relative;
   text-indent:-9000px;
	cursor:pointer;
}



ul#navi li a.home, ul#navi li a.home:visited {
   width:130px;
	height:50px;
}

ul#navi li a.home-active {
   width:130px;
	height:50px;
	background:url(../images/bg-navi.jpg) -49px -50px no-repeat;
}

ul#navi li a .rollover-home {
   width:130px;
	height:50px;
	display:block;
	background:url(../images/bg-navi.jpg) -49px -50px no-repeat;
}



ul#navi li a.ueber-uns, ul#navi li a.ueber-uns:visited {
   width:120px;
	height:50px;
}

ul#navi li a.ueber-uns-active {
   width:120px;
	height:50px;
	background:url(../images/bg-navi.jpg) -179px -50px no-repeat;
}

ul#navi li a .rollover-ueber-uns {
   width:120px;
	height:50px;
	display:block;
	background:url(../images/bg-navi.jpg) -179px -50px no-repeat;
}



ul#navi li a.aktuelles, ul#navi li a.aktuelles:visited {
   width:129px;
	height:50px;
}

ul#navi li a.aktuelles-active {
   width:129px;
	height:50px;
	background:url(../images/bg-navi.jpg) -299px -50px no-repeat;
}

ul#navi li a .rollover-aktuelles {
   width:129px;
	height:50px;
	display:block;
	background:url(../images/bg-navi.jpg) -299px -50px no-repeat;
}



ul#navi li a.unsere-leistungen, ul#navi li a.unsere-leistungen:visited {
   width:206px;
	height:50px;
}

ul#navi li a.unsere-leistungen-active {
   width:206px;
	height:50px;
	background:url(../images/bg-navi.jpg) -428px -50px no-repeat;
}

ul#navi li a .rollover-leistungen {
   width:206px;
	height:50px;
	display:block;
	background:url(../images/bg-navi.jpg) -428px -50px no-repeat;
}


ul#navi li a.qualifikationen, ul#navi li a.qualifikationen:visited {
   width:182px;
	height:50px;
}

ul#navi li a.qualifikationen:hover, ul#navi li a.qualifikationen-active {
   width:182px;
	height:50px;
	background:url(../images/bg-navi.jpg) -634px -50px no-repeat;
}

ul#navi li a .rollover-qualifikationen {
   width:182px;
	height:50px;
	display:block;
	background:url(../images/bg-navi.jpg) -634px -50px no-repeat;
}



/**************************** =dropdown **************************/
	

ul#navi ul {
	position:absolute;
   padding:10px 0 10px 0;
	top:40px;
	left:2px;
	height:auto;
	width:auto;
	z-index:1000;
	background:#767b88;
}

ul#navi ul li {
	float:none;
	width:auto !important;
	display:block;
	z-index:1001;
}

ul#navi ul a, ul#navi ul a:visited {
    position:relative;
    display:block;
    width:183px !important;
    text-indent:0px;
    padding:0px 0 6px 20px;
    color:#fffefe;
	 height:18px !important;
	 font:12px/18px Arial, Helvetica, sans-serif;
    text-decoration:none;
}


ul#navi ul a:hover {
    color:#fffefe;
    text-decoration:none;
	 font-weight:bold;
}

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





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

#content-main {
   width:847px;
	height:auto;
   position:relative;
	display:block;
   background:url(../images/bg-content-main.jpg) repeat-y left top;
	z-index:900;
}



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

#sidebar-container {
   width:270px;
	height:287px;
   position:relative;
	display:block;
   background:url(../images/bg-sidebar.jpg) no-repeat left top;
	float:left;
}

#sidebar {
	width:195px;
	height:222px;
   position:relative;
	display:block;
	margin:95px 0px 5px 75px;
}


/**************************** =content **************************/

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

#content {
   width:480px;
	height:auto;
   position:relative;
	display:block;
	margin:48px 0px 15px 40px;
}

h2 {
	color:#d20200;
	font:23px/24px Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	text-align:left;
	padding:10px 0px 5px 0px;
}




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

#footer {
   width:847px;
	height:44px;
   position:relative;
	display:block;
   background:url(../images/bg-footer.jpg) no-repeat left top;
}