@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/* -------------------------------------------------------------------------------------------------------*/
/* ---- GLOBAL TAGS <<<-----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(../images/bg-body.jpg) center top no-repeat #72c2ff;
	font:13px/21px Arial, Helvetica, sans-serif;
	color:#454547;
}

a:link, a:visited {
	color:#fff;
	text-decoration:none;
	background:#d20000;
	padding:1px;
	outline:none;
}

a:hover, a:active {
	color:#d20000;
	text-decoration:none;
	background:none;
	padding:1px;
	outline:none;
}

p {
	margin:0 0 21px 0;
}

img {
	border:0;
}

h2 {
	text-indent:-9999px;
	margin-bottom:60px;
	height:73px;
}

h3 {
	margin:0 0 20px 0;
	font-size:16px;
	font-weight:bold;
	color:#000;
}

h4 {
	font-size:17px;
	margin:0 0 0 0;
	color:#d20000;
	font-weight:normal;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- GLOBAL CLASSES <<<--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

.clear {
	height:0.1em;
	line-height:0.1em;
	font-size:0.1em;
	clear:both;
	margin:0 0 0 0;
}

.image-border {
   cursor: url(../images/icon-zoomin.cur), pointer;
   border:1px solid #ccc;
   padding:2px;
   background:#fff;
   float:left;
   margin:0 10px 10px 0;
}

.border {
	padding:2px;
   	background:#fff;
   	border:1px solid #ccc;	
}

dl.impressum {
	width:590px;
}

dl.impressum dt {
	float:left;
	width:295px;
	font-weight:bold;
}

dl.impressum dd {
	float:left;
	width:295;
	font-weight:normal;
}

.no-link a{
	margin:0;
	padding:0;
	background:none;
}

a.no-link{
	background:none!important;
	margin:0;
	padding:0;
}

.box_head {
	font-weight:bold;
	color:#d20000;
}

/* ---- CLEARFIX <<<--------------------------------------------------------------------------------------*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block; /* for IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
   zoom: 1; /* triggers hasLayout */
}

.clearfix {
   display: block;
}
/* End hide from IE-mac */

/* -------------------------------------------------------------------------------------------------------*/
/* ---- CONTAINER <<<-------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#container {
	width:970px;
	margin:0 auto;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- HEADER <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#header {
	width:970px;
	height:369px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
}

/* ---- H1 <<<--------------------------------------------------------------------------------------------*/

h1#branding a {
	width:560px;
	height:88px;
	background:url(../images/h1-winkels-zaunbau.jpg) 0 0 no-repeat;
	position:absolute;
	top:114px;
	left:371px;
	display:block;
	text-indent:-9999px;
}

/* ---- NAVI ADD <<<--------------------------------------------------------------------------------------*/

ul#navi-add {
	position:absolute;
	width:960px;
	height:72px;
	top:293px;
	left:5px;
	text-indent:-9999px;
}

ul#navi-add li {
	display:block;
	height:72px;
	float:left;
}

ul#navi-add li a {
	display:block;
	height:72px;
}

a.navi-add-unternehmen, a.navi-add-unternehmen:visited {
	width:259px;
	background:url(../images/li-navi-add-unternehmen.jpg) 0 0 no-repeat;
}

a.navi-add-unternehmen:hover, a.navi-add-unternehmen:active {
	background:none;
}

a.navi-add-zaunanlagen, a.navi-add-zaunanlagen:visited {
	width:257px;
	background:url(../images/li-navi-add-zaunanlagen.jpg) 0 0 no-repeat;
}

a.navi-add-zaunanlagen:hover, a.navi-add-zaunanlagen:active {
	background:none;
}

a.navi-add-toranlagen, a.navi-add-toranlagen:visited {
	width:245px;
	background:url(../images/li-navi-add-toranlagen.jpg) 0 0 no-repeat;
}

a.navi-add-toranlagen:hover, a.navi-add-toranlagen:active {
	background:none;
}

a.navi-add-service, a.navi-add-service:visited {
	width:190px;
	background:url(../images/li-navi-add-service.jpg) 0 0 no-repeat;
}

a.navi-add-service:hover, a.navi-add-service:active {
	background:none;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- CONTENT CONTAINER <<<-----------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-container {
	width:970px;
	background:url(../images/bg-content-container.jpg) center top repeat-y;
	float:left;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- CONTENT SIDEBAR <<<-------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-sidebar {
	float:left;
	width:329px;
	height:418px;
	background:url(../images/bg-content-sidebar.jpg) 0 0 no-repeat;
	position:relative;
	font:13px/19px Arial, Helvetica, sans-serif;
}

/* ---- NAVI <<<------------------------------------------------------------------------------------------*/

ul#navi {
	position:absolute;
	top:21px;
	left:11px;
	list-style-type:none;
	text-indent:-9999px;
	width:295px;
	height:53px;
}

ul#navi li {
	display:block;
	height:53px;
	float:left;
}

ul#navi li a {
	display:block;
	height:53px;
}

a.navi-home, a.navi-home:visited {
	width:53px;
	background:url(../images/li-navi-home.jpg) 0 0 no-repeat;
}

a.navi-home:hover, a.navi-home:active {
	background:none;
}

a.navi-kontakt, a.navi-kontakt:visited {
	width:70px;
	background:url(../images/li-navi-kontakt.jpg) 0 0 no-repeat;
}

a.navi-kontakt:hover, a.navi-kontakt:active {
	background:none;
}

a.navi-anfahrt, a.navi-anfahrt:visited {
	width:68px;
	background:url(../images/li-navi-anfahrt.jpg) 0 0 no-repeat;
}

a.navi-anfahrt:hover, a.navi-anfahrt:active {
	background:none;
}

a.navi-impressum, a.navi-impressum:visited {
	width:92px;
	background:url(../images/li-navi-impressum.jpg) 0 0 no-repeat;
}

a.navi-impressum:hover, a.navi-impressum:active {
	background:none;
}

/* ---- CONTENT SIDEBAR CONTENT <<<-----------------------------------------------------------------------*/

.content-sidebar-contact-data {
	position:absolute;
	top:138px;
	left:24px;
	width:270px;
	height:175px;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- CONTENT MAIN <<<----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-main {
	float:left;
	width:595px;
	padding:21px 23px 0 23px;
	background:url(../images/bg-content-main.jpg) 0 0 no-repeat;
	min-height:400px;
}

.content-main-column1 {
	float:left;
	width:289px;
	margin-right:12px;
}

.content-main-column2 {
	float:left;
	width:289px;
}

div#content-main ul {
	margin-bottom:20px;
	padding-left:20px;
}

/* ---- HEADLINES <<<-------------------------------------------------------------------------------------*/

h2#willkommen {background:url(../images/h2/h2-willkommen.jpg) 0 0 no-repeat;}
h2#kontakt {background:url(../images/h2/h2-kontakt.jpg) 0 0 no-repeat;}
h2#danke {background:url(../images/h2/h2-danke.jpg) 0 0 no-repeat;}
h2#anfahrt {background:url(../images/h2/h2-anfahrt.jpg) 0 0 no-repeat;}
h2#impressum {background:url(../images/h2/h2-impressum.jpg) 0 0 no-repeat;}
h2#fehler {background:url(../images/h2/h2-fehler.jpg) 0 0 no-repeat;}
h2#unternehmen {background:url(../images/h2/h2-unternehmen.jpg) 0 0 no-repeat;}
h2#zaunanlagen {background:url(../images/h2/h2-zaunanlagen.jpg) 0 0 no-repeat;}
h2#toranlagen {background:url(../images/h2/h2-toranlagen.jpg) 0 0 no-repeat;}
h2#service {background:url(../images/h2/h2-service.jpg) 0 0 no-repeat;}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- FOOTER <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#footer {
	width:100%;
	height:183px;
	background:url(../images/bg-footer.jpg) center top no-repeat;
	color:#fff;
	margin-top:-1px;
} 

div#footer ul {
	list-style-type:none;
	line-height:23px;
} 

div#footer p {
	margin:0;
}

div#footer a, div#footer a:visited {
	text-decoration:none;
	color:#fff;
	background:none;
	padding:0;
}

div#footer a:hover, div#footer a:active {
	text-decoration:underline;
}

/* ---- FOOTER CONTENT <<<--------------------------------------------------------------------------------*/

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

.navi-add2 {
	position:absolute;
	top:117px;
	left:350px;
	width:120px;
	height:45px;
}

.navi-add3 {
	position:absolute;
	top:117px;
	left:540px;
	width:120px;
	height:45px;
}

.navi-add4 {
	position:absolute;
	top:117px;
	left:680px;
	width:120px;
	height:45px;
}

.navi-add5 {
	position:absolute;
	top:117px;
	left:820px;
	width:120px;
	height:45px;
}

div#euroweb {
	width:500px!important;
}

div#euroweb a {
	float:left!important;
	margin-right:10px;
}