@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => global tags
==================================================*/
 
* {
   padding:0;
   margin:0;
}

body {
   margin: 0px;
   padding:0px;
   color: #000;
   font: 12px Arial, Helvetica, sans-serif ; 
   line-height:21px;
   background:  url(../images/bg-header.gif) repeat-x top center;
}

html {
   overflow-x:hidden;
   overflow-y:auto;
}

img,
img a {
   border: none;
   -ms-interpolation-mode: bicubic;
}

a, area, map. img {
	outline:none;
}

/*==================================================
    => links
==================================================*/

/*------------------ =main-links  ---------------*/

a:link,
a:active,
a:visited {
   color: #8c0a1c;
   text-decoration: underline;
   font: 12px Arial, Helvetica, sans-serif;
}

a:hover {
   color: #8c0a1c;
   text-decoration: none;
   font: 12px Arial, Helvetica, sans-serif;
}

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


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

div#content-container ol {
   margin-left:10px;
   color: #8c0a1c;

}

div#content-container ul {
   margin-left:10px;
   line-height:21px;
   list-style-type: square;
   color: #8c0a1c;
   list-style-position: outside;
   font: 12px Arial, Helvetica, sans-serif;
}

div#content-container li {
   color: #8c0a1c;
   line-height:21px;
   margin-left:10px;
   font: 12px Arial, Helvetica, sans-serif;
}

/*==================================================
    => global classes
==================================================*/

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

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

.margin-left {
   margin: 0 0px 0 10px;
}

.margin-right {
   margin: 0 10px 0 0;
}

.floatstop {
   clear:both;
}

.img-border {
   border:1px dashed #3d5878;
}

hr {
   border: 1px dashed #8c0a1c;
   height:1px;
   margin: 15px 10px 15px 0px;
   clear:both;
}


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

div#container {
   width: 960px;
   margin: 0 auto;
   text-align: left;
}

/*==================================================
    => header  
==================================================*/
div#header-container {
   width:100%;
   height:429px;
	margin: 0 auto;
	background: url(../images/bg-header2.jpg) no-repeat center 77px;
}

div#header {
   width:960px;
   height:429px;
	margin: 0 auto;
	position:relative;
	background: url(../images/bg-header-img.gif) no-repeat 0 0;
}

div#header-img {
   width:741px;
   height:244px;
	position:absolute;
	top:57px;
	left:3px;
}

/*==================================================
    => content-container
==================================================*/  


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

div#content-container {
   width:960px;
	margin:0 auto;
	position:relative;
}


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

div#content-main {
   width:705px;
	padding:0px 0 0px 22px;
	float:left;
	display:inline;
}

/*------------------ =content-sidebar ---------------*/

div#content-sidebar {
   width:233px;
	float:left;
	height:409px;
	background:  url(../images/bg-content.gif) 0 0 no-repeat;
}

/*------------------ =content ---------------*/
      
.content-column {
   width:325px;
   float:left;
}

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

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

div#footer {
	margin:0 auto;
   width:727px;
	height:84px;
	padding:54px 0 0 233px;
	background: url(../images/bg-footer.jpg) 0 0 no-repeat;
	clear:both;
}

div#footer  a:link,
div#footer  a:active,
div#footer  a:visited {
   font: 16px Georgia, "Times New Roman", Times, serif;
	color:#9e0214;
	font-weight:normal;
   text-decoration: underline;
}

div#footer  a:hover {
   font: 16px Georgia, "Times New Roman", Times, serif;
	color:#9e0214;
	font-weight:normal;
   text-decoration: none;
}


/*==================================================
    => headlines   
==================================================*/

h1{
   font: 30px Georgia, "Times New Roman", Times, serif;
	color:#4e4e4e;
	font-weight:bold;
	line-height:40px
}


h2{
   font: 26px Georgia, "Times New Roman", Times, serif;
	color:#8c0a1c;
	font-weight:normal;
	margin-bottom:10px;
		line-height:30px
}

h3{
   font-weight:normal;
	color: #000;
   font: 12px Arial, Helvetica, sans-serif ; 
   line-height:21px;
}

h4 {
   font: 14px Georgia, "Times New Roman", Times, serif;
	color:#4e4e4e;
	font-weight:normal;
}

h5 {
   font: 16px Georgia, "Times New Roman", Times, serif;
	color:#9e0214;
	font-weight:normal;
	margin-top:15px;
}
/*==================================================
    => navigation 
==================================================*/

div#navi {
   width:960px;
   height:100px;!important;
	padding-top:9px;
	z-index:99;
	position:absolute;
	top:320px;
	left:0;
	background: url(../images/bg-navi.gif) no-repeat 0 0;
}

div#navi ul {
	list-style-type:none;
	padding:0 0 0 0;
	overflow:hidden;
}

div#navi li {
	display:block;
	list-style-type:none;
	float:left;
}


/* ------------------------------navi-class----------------------------------- */

a.navia {
	outline:none;
	display:block;
	height:61px;
	width:228px;
	margin-right:46px;
	background: url(../images/navi-shop.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navia:hover, a.navia:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navib {
	outline:none;
	display:block;
	height:61px;
	width:112px;
	background:  url(../images/navi-toepferei.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navib:hover, a.navib:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navic {
	outline:none;
	text-indent:-99999px;
	display:block;
	height:61px;
	width:90px;
	background: url(../images/navi-tradition.gif) no-repeat 0 0;
	font-weight: normal;
}

a.navic:hover, a.navic:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navid {
	outline:none;
	text-indent:-99999px;
	display:block;
	height:61px;
	width:204px;
	background: url(../images/navi-beschichtungen.gif) no-repeat 0 0;
	font-weight: normal;
}

a.navid:hover, a.navid:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navie {
	outline:none;
	text-indent:-99999px;
	display:block;
	height:61px;
	width:154px;
	background: url(../images/navi-messen.gif) no-repeat 0 0;
	font-weight: normal;
}

a.navie:hover, a.navie:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navif {
	outline:none;
	text-indent:-99999px;
	display:block;
	height:61px;
	width:96px;
	background: url(../images/navi-gb.gif) no-repeat 0 0;
	font-weight: normal;
}

a.navif:hover, a.navif:active {
	display:block;
	background: none;
	text-indent:-99999px;
}



/*==================================================
    => navigation-add  
==================================================*/

div#navi-add {
	width:216px;
   height:26px;
	position:absolute;
	top:0;
	left:744px;
	}

div#navi-add ul {
	list-style-type:none;
	text-indent:-99999px;
}

div#navi-add li {
	display:block;
	list-style-type:none;
	float:left;
}

a.navi-adda {
	outline:none;
	display:block;
	margin:0;
	height:36px;
	width:65px;
	background: url(../images/navi-add-kontakt.gif) no-repeat 0 0;
	font-weight: normal;
}
a.navi-adda:hover, a.navi-adda:active {
	display:block;
	background: none;
}
a.navi-addb {
	outline:none;
	display:block;
	height:36px;
	width:67px;
	background: url(../images/navi-add-anfahrt.gif) no-repeat 0 0;
	font-weight: normal;
}
a.navi-addb:hover, a.navi-addb:active {
	display:block;
	background: none;
}
a.navi-addc {
	outline:none;
	display:block;
	height:36px;
	width:84px;
	background:  url(../images/navi-add-impressum.gif) no-repeat 0 0;
	font-weight: normal;
}
a.navi-addc:hover, a.navi-addc:active {
	display:block;
	background: none;
}