@charset "utf-8";

/* CSS Document */

/*********************    Index    ************************

   author: Samuele Prati 

/*********************************************************/
/******************   = global-tags  *********************/
/*********************************************************/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

div {

}


input {
	border:#CCCCCC 1px solid;
}

html {
	background-color: #fff;
	font-size:12px;
}


body {
	
	min-height:600px;
	font-family: Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	background-image: url(../images/bg-html.jpg);
	background-position: top center;
	color:#434343;
	background-repeat:repeat-x;
}


#euroweb {
}

#euroweb img {

	margin: 0 15px 0 0;
}


/*********************************************************/
/****************   = global-classes  ********************/
/*********************************************************/
a {
	text-decoration:underline;
	color:#294656;
}

a:hover {
	text-decoration: none;
}

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

h1, h2, h3, h4, h5 {
	font-weight:lighter;
	color:#000066!important;
}


h4 {
	line-height:18px;
	font-weight:bold;
	font-size: 12px;
}

h1 {
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1px;
}

.escape {
	font-size:11px;
}

.bigtext {
	font-size:22px;
	line-height:33px;
	color:#c1c1c1;
}

.lighter {
	font-weight:lighter;
}

.floatleft {
	float:left;
}

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

div#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width : 950px;
	margin: 0 auto 0px;
}

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

div#header {
	position:relative;
	width : 950px;
	height: 357px;
	background: url(../images/bg-header.jpg) no-repeat;
	background-position:top center;
	margin-right: auto;
	margin-left: auto;
	overflow:visible;
	z-index:50;
}

div#header a:hover {
	color:#FF0000;
	text-decoration:none;
}

#headad {
	position:absolute;
	display:block;
	width:113px;
	height:50px;
	left: 1px;
	top: 261px;
}

#headtel  {
	position:absolute;
	display:block;
	width:239px;
	height:50px;
	left: 122px;
	top: 261px;
}
/*********************************************************/
/********************   = navigation  ********************/
/*********************************************************/        

ul#navigation  {
	position:absolute;
	width: 712px;
	margin-right: auto;
	margin-left: auto;
	z-index: 999;
	left: 118px;
	top:266px;
	height: 65px;
}

ul#navigation {
	padding: 0;
	margin: 0;
	list-style: none;
	display:block;
	z-index: 11;
	float:left;
}

ul#navigation a {
	display: block;
	line-height:24px;
	height: 65px;
	text-indent:-9999px;
	background-image:url(../images/bg-navi.jpg);
	background-repeat:no-repeat;
}


ul#navigation li {
	float: left;
	left: -999em;
}

ul#navigation li a{
	float: left;
	left: -999em;
}

/*********************************************************/


li#navigationtab01 a.inactive {
	background-position: -0px -0px;
	width:91px;
}

li#navigationtab01 a:hover, li#navigationtab01 a.active {
	background-position: -0px -65px;
	width:91px;
}

li#navigationtab02 a.inactive {
	background-position: -91px -0px;
	width:76px;
}

li#navigationtab02 a:hover, li#navigationtab02 a.active {
	background-position: -91px -65px;
	width:76px;
}

li#navigationtab03 a.inactive {
	background-position: -167px -0px;
	width:138px;
}

li#navigationtab03 a:hover, li#navigationtab03 a.active {
	background-position: -167px -65px;
	width:138px;
}


li#navigationtab04 a.inactive {
	background-position: -305px -0px;
	width:148px;
}

li#navigationtab04 a:hover, li#navigationtab04 a.active {
	background-position: -305px -65px;
	width:148px;
}

li#navigationtab05 a.inactive {
	background-position: -453px -0px;
	width:88px;
}

li#navigationtab05 a:hover, li#navigationtab05 a.active {
	background-position: -453px -65px;
	width:88px;
}

li#navigationtab06 a.inactive {
	background-position: -541px -0px;
	width:82px;
}

li#navigationtab06 a:hover, li#navigationtab06 a.active {
	background-position: -541px -65px;
	width:82px;
}

li#navigationtab07 a.inactive {
	background-position: -623px -0px;
	width:89px;
}

li#navigationtab07 a:hover, li#navigationtab07 a.active {
	background-position: -623px -65px;
	width:89px;
}
/*********************************************************/
/*************   = navigationAdditional  *****************/
/*********************************************************/        

ul#navigationAdditional {
	position:absolute;
	top:9px;
	left:746px;
	height: 22px;
	width:220px;
	padding: 0;
	margin: 0;
	list-style: none;
	display:block;
	font-size:11px;
	
}

ul#navigationAdditional li a {
	display: block;

	z-index:90;
	float:left;
	text-transform:uppercase;
	color:#fff;
}

ul#navigationAdditional a:hover {
	display: block;
	color:#fff;
}

ul#navigationAdditional li.liseparator {
	width: 178px;
	display:block;
	text-align:center;
}

ul#navigationAdditional li {
	float: left;
	padding-left:6px;
	padding-right:6px;
	color:#fff;
}


li#Additionalnavigator01 a.inactive {
	text-decoration:none;
}

li#Additionalnavigator02 a.inactive {
	text-decoration:none;
}


li#Additionalnavigator03 a.inactive {
	text-decoration:none;
}


li#Additionalnavigator01 a:hover, 
li#Additionalnavigator01 a.active {
	text-decoration:underline;
}

li#Additionalnavigator02 a:hover, 
li#Additionalnavigator02 a.active {
	text-decoration:underline;
}

li#Additionalnavigator03 a:hover, 
li#Additionalnavigator03 a.active {	
	text-decoration:underline;
}

/*********************************************************/
/*******************   = branding  ***********************/
/*********************************************************/     			
			
h1.branding a {
	display: block;
	width: 303px;
	height: 169px;
	position: absolute;
	top: 40px;
	left: 325px;
	background-image:url(../images/bg-branding.jpg);
	background-repeat:no-repeat;
}

/*********************************************************/
/****************   = contentContainer  ******************/
/*********************************************************/ 

div#contentContainer {
	position:relative;
	width : 950px;
	background-repeat:no-repeat;
	background-image:url(../images/content-main.gif);
	background-position:top center;
	min-height: 100%;
	height: auto !important;
	z-index:10;
}


/*********************************************************/
/*******************   = contentMain  ********************/
/*********************************************************/ 
   
div#heading {
	position:relative;
	display:block;
	width:835px;
	z-index: 15;
	line-height:22px;
	font-size:12px;
	margin-right: auto;
	margin-left: auto;
	height:100px;
}
   
div#contentMain {
	position:relative;
	display:block;
	width:835px;
	margin-right: auto;
	margin-left: auto;
}


p {
	font-size:12px;
	line-height:20px;
	margin-bottom:20px;
}

#contentMain h2 {
	display:block;
	font-weight:lighter;
	font-size:24px;
	height:20px;
	line-height:20px;
	vertical-align:top;
	padding-bottom:10px;
	text-align:center;
}


#contentMain h3 {
	display:block;
	font-size:24px;
	height:30px;
	line-height:17px;
	vertical-align:bottom;
	padding-bottom:40px;
	text-align:center;
}

#contentMain h5{
	display:block;
	font-weight:lighter;
	font-size:24px;
	height:20px;
	line-height:20px;
	vertical-align:top;
	padding-bottom:10px;
	text-align:center;
}

.imgborder {
	border:#000066 3px solid;
}

iframe {
	border:#000066 3px solid;
}

.sortimentimg {
	width:155px;
	height:140px;
	float:left;
}

.aktuelleimg {
	float:left;
	margin-right:20px;
	_margin-right:10px!important;	
}

.angebot {
	display:block;
	background-image:url(../images/bg-h3-angebot.gif);
	height:161px!important;
	width:463px!important;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#contentMain h4 {
	display:block;
	font-size:20px;
	height:25px;
	line-height:17px;
	vertical-align:bottom;
}

.floatl {
	float:left;
	border:#e0e5e8 3px solid;
	margin-right:20px;
	margin-bottom:20px;
}

div#contentMain ul {
	margin: 0 0 15px 0;
}

div#contentMain ul li {
	margin: 0 15px 10px 5px;
	padding: 0 0 0 25px;
	background-image:url(../images/required.gif);
	background-repeat:no-repeat;
	background-position: left top;
	list-style:none;
}



/*********************************************************/

div#contentMain dl  {
	margin: 0;
	width:160px;
	padding-bottom:20px;
	clear:both;
	margin-bottom:20px;
	display:block;
}

div#contentMain dt {
	float:left;
	width:80px;
	height:60px;
	font-weight:bold;
	display:block;
}

div#contentMain dd {
	float:left;
	width:80px;
	height:60px;
	display:block;
}

div#contentMain dl dd {
	margin-bottom: 20px;
	display:block;

}




/*********************************************************/


a#impressumlink {
	position:absolute;
	background-image:url(../images/bg-impressum.jpg);
	width:73px;
	height:23px;
	left: 759px;
	top: 306px;
	text-indent:-9999px;
}

div#impressum dl  {
	margin: 0;
	width:500px;
	padding-bottom:20px;
	clear:both;
	margin-bottom:20px;
	display:block;
}

div#impressum dt {
	float:left;
	width:200px;
	font-weight:bold;
	display:block;
	height:20px;
}

div#impressum dd {
	float:left;
	width:280px;
	display:block;
	height:20px;
}

div#impressum dl dd {
	margin-bottom: 20px;
	display:block;
}

/*********************************************************/

h5 {
	font-size: 32px!important;
	padding-bottom:20px;
	color:#d09821;
}


div#contentMain p {
	xwidth:240px;
	line-height:20px;
	vertical-align:top;
}


div#contentMain span.s {
	display:block;
	height:48px;
	width:36px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	margin-top:5px;
	text-indent:-9999px;
}

div#contentMain span.s {
	background-image:url(../images/alphabet/s.jpg);
}


div#contentMain .columnleft {
	position:relative;
	width:305px;
	float:left;
}

div#contentMain .columncenter {
	position:relative;
	width:280px;
	float:left;
	
}

div#contentMain .columnright {
	position:relative;
	width:248px;
	height:100px;
	float:left;
}

div#contentMain .columnbigleft {	
	position:relative;
	width:375px;
	float:left;
}

div#contentMain .columnbigright {
	width:405px;
	float:left;
	margin-left:52px;
	_margin-left:26px!important;
}



#panorama_formatierung {
	border:#a7b0b8 1px solid;
	padding:3px;
	height:250px;
	width:827px;
}

.contentchapter { 
	position:relative;
	min-height:100px;

}

.separator {
	position:relative;
	height: 10px!important;
	width:100%;
	border-bottom:#ececec 1px solid;
	display:block;
	margin-top:20px;
	margin-bottom:30px;

}

.separatorSmall {
	position:relative;
	height: 10px!important;
	width:100%;
	border-bottom:#ececec 1px solid;
	display:block;
	margin-top:10px;
	margin-bottom:10px;

}

.imageborder {
	border:#a7b0b8 1px solid;
	margin-right:3px;
	padding:3px;
	margin-bottom:20px;
}

/*********************************************************/ 

div#contentSidebar p {
	font-size:11px;
	line-height:20px;
	margin-bottom:11px;
	margin-top:35px;
	width:228px;
}

#kontaktlink {
	position:absolute;
	display:block;
	background-image:url(../images/a-kontakt.gif);
	width:146px;
	height:56px;
	left: 85px;
	top: 139px;
	text-indent: -9999px;
}

#kontaktlink:hover {
	background-position: -0px -56px;
}

#oeffnungszeiten {
	position:absolute;
	left: 77px;
	top: 340px;
	height: 108px;
}



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

div#footer {
	position:relative;
	height: 335px;
	background-position:bottom center;
	background-image:url(../images/bg-footer.jpg);
	background-repeat:repeat-x;
}


div#footerContainer {
	position:relative;

	height: 335px;
	width:835px;
	margin-left:auto;
	margin-right: auto;
	background: url(../images/bg-footer-content.gif) top center;
	background-repeat:no-repeat;
}

div#footer .aktuelles {	
	position:relative;
	width:375px;

	height:268px;
	float:left;
	background-image:url(../images/bg-aktuelles.jpg);
	background-repeat:no-repeat;
}

ul#sprachen {
	position:absolute;
	left: 268px;
	top: 99px;
}




ul#sprachen li{
	list-style:none;
	width:50px;
	color:#cba200;
	font-size:13px;
	line-height:20px;
	margin:0px!important;
	background-image:none!important;
}

div#footer .fragen {
	width:405px;
	float:left;
	margin-left:52px;
	_margin-left:26px!important;
}


div#footer .adrleft {
	width:183px;
	height:70px;
	float:left;
}

div#footer .adrright {
	width:218px;
	height:70px;
	float:left;
}

div#footer .oeffnungszeiten {
	width:218px;
	height:70px;
	float:left;
}

h4 {
	font-weight:lighter;
	font-size:20px;
}


#flash {
	position:absolute;
	width:655px;
	height:450px;
	display:block;
	left: 295px;
	top: 40px;
	z-index:55;
}

/*********************************************************/
/************************ Euro-CMS ***********************/
/*********************************************************/


#ewcms_edit_controller {
	position:absolute;
	padding: 10px;
	top:15px;
	left: 15px;
	background-color:#FF0000;
	z-index: 100;
	width: 150px;
	height: 30px;
}


#slideshowstyle {
	border:1px solid #999999;
	display:block;
	width:365px;
	height:	200px;
	padding:3px;
	
}

/********************** Finito :-) ************************/




.zertifikate li {
	display:block;
	background-image:none!important;
	height:70px;
}

.zertifikate .pngicon {
	margin:0 auto 20px auto;
	float:left;
}