
/* Global styles
----------------------------------------------------------------------------------- */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html, body{
	height:100%;
}
body{
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#404040;
text-align:justify;
background:#fef2b8;
background-image:url(../images/bg1.jpg);
background-repeat:no-repeat;
background-position:center top;
}
:focus{
	outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h1{
font-size:26px;
color:#016a9f;
font-weight:normal;
margin:0px;

}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a:link{
color: #49832f;	
text-decoration:underline;
}
a:visited{
color: #49832f;	
text-decoration:underline;
}
a:hover{
color: #404040 ;
text-decoration: none;
}
.pl{
color: #404040 ;
}
.pl a:link{
color: #49832f;	
text-decoration:underline;
}
.pl a:visited{
color: #49832f;	
text-decoration:underline;
}
.pl a:hover{
color: #404040 ;
text-decoration: none;
}
ol{
list-style-type:none;
}
/* CMS styles
----------------------------------------------------------------------------------- */
/* Container styles
----------------------------------------------------------------------------------- */
 #container{
position:relative;
height:auto;
width:1000px;
margin:0 auto;
z-index:3;
}
/* Header styles
----------------------------------------------------------------------------------- */
#header
	{
	background:url(../images/header.jpg) no-repeat top center;
	height:415px;
	position:relative;
	float:left;
	width:1000px;
    }
#header #menu1{
float:left;
margin-top:25px;
margin-left:545px;
height:65px;
width:408px;

}
#menu1 #Home
{float:left;
width:126px;
height:34px;
}
#menu1 #Contact
{float:left;
width:137px;
height:34px;
}
#menu1 #Stratenplan
{float:left;
width:138px;
height:34px;
}
#header #slideshow{
	float:left;
	width:1000px;
	height:325px;
}

#slideshow #slide{
float:left;
width:644px;
margin-left:22px;
height:303px;
}

#slideshow #nav{

width:214px;
margin-left:70px;
margin-top:34px;
float:left;
height:228px;
}
#nav #Kopieren,#nav #Inbinden,#nav #Plastificieren,#nav #Perforeren,#nav #Nieten,#nav #Plooien,#nav #Printen{
background:url(../images/menu.png) right top no-repeat;
	text-indent:-9999px;
	width:108px;
	display:block;
}

#nav #Kopieren{
background-position:0px 0px;
    height:32px;
	float:left;
}
#nav #Inbinden{
   background-position:0px -32px;
    height:32px;
	float:left;
}
#nav #Plastificieren{
background-position:0px -64px;
    height:32px;
	float:left;
}
#nav #Perforeren{
background-position:0px -96px;
	 height:32px;
	float:left;
}
#nav #Nieten{
background-position:0px -128px;   
 height:32px;
	float:left;
}

#nav #Plooien{
background-position:0px -160px;
	height:32px;
	float:left;
}
#nav #Printen{
background-position:0px -192px;
	height:36px;
	float:left;
}
#nav #Kopieren:hover,#nav .selected #Kopieren{
background-position:-100px 0px;
	float:left;
}
#nav #Inbinden:hover,#nav .selected #Inbinden{
background-position:-100px -32px;
	float:left;
}
 #nav #Plastificieren:hover,#nav .selected #Plastificieren{
background-position:-100px -64px;
	float:left;
}
#nav #Perforeren:hover,#nav .selected #Perforeren{
background-position:-100px -96px;
	float:left;
	}
#nav #Nieten:hover,#nav .selected #Nieten{
background-position:-100px -128px;
	float:left;
	}

#nav #Plooien:hover,#nav .selected #Plooien{
background-position:-100px -160px;
	float:left;
}
#nav #Printen:hover,#nav .selected #Printen{
background-position:-100px -192px;
	float:left;
}



#content{

float:left;
width:1000px;
height:auto;

}
/*body1*/
#content #body1{
float:left;
background:url(../images/bbg1.png) repeat-y center top;
width:1000px;
height:auto;
}
#body1 #top-body1{
float:left;
background:url(../images/top-body1.jpg) no-repeat center top;
width:1000px;
height:auto;
min-height:180px;
}
#top-body1 #marge{
height:auto;
width:70px;
float:left;
}
#top-body1 #texte
{
  margin-top:30px;
   height:auto;
   width:390px;
   margin-bottom:15px;
   padding-bottom:15px;
   float:left;
   vertical-align:top;
}

#top-body1 #sep-body{
float:left;
height:auto;
width:85px;

}
#top-body1 #contact{
 margin-top:30px;
height:auto;
float:left;
width:400px;
vertical-align:top;
}
/*end body1*/

/*body2*/
#content #body2{
float:left;
background:url(../images/bbg2.png) repeat-y center top;
width:1000px;
height:auto;
min-height:180px;
}
#body2 #top-body2{
float:left;
background:url(../images/top-body2.jpg) no-repeat center top;
width:1000px;
height:auto;
min-height:180px;
}
#top-body2 #marge{
height:auto;
width:70px;
float:left;
}
#top-body2 #texte
{
  margin-top:30px;
   height:auto;
   width:865px;
   margin-bottom:15px;
   padding-bottom:15px;
   float:left;
  vertical-align:top;
}
#top-body2 #texte .formular  fieldset{
border: 1px solid #016a9f;
}
#top-body2 #texte .formular .submit
{
border:1px solid #016a9f;
font-size:12px;
color:#016a9f;
background:#cec492;
padding:2px 3px;
}

#bg-footer{
position:relative;
width:1000px;
height:100px;
float:left;

}

#footer1{
position:relative;
background:url(../images/footer1.png) center top no-repeat;
width:1000px;
height:100px;
float:left;
}

#footer1 #prox
{ 
 float:left;
 height:60px;
 margin-left:865px;
 margin-top:15px;
 width:90px;

}
#footer2{
position:relative;
background:url(../images/footer2.png) center top no-repeat;
width:1000px;
height:100px;
float:left;
}

#footer2 #prox
{ 
 float:left;
 height:60px;
 margin-left:865px;
 margin-top:15px;
 width:90px;

}

.formular{
width:450px;

}
.formular  fieldset{
border: 1px solid #016a9f;
}
.formular legend{
color:#016a9f;
}

.formular #txtEmail{
border: 1px solid #016a9f;
background-color:#efe7bd;
color:#404040;
}
.formular #txtName{
border: 1px solid #016a9f;
background-color:#efe7bd;
color:#404040;
}
.formular #txtStreet{
border: 1px solid #016a9f;
background-color:#efe7bd;
color:#404040;
}
.formular #txtNumber{
border: 1px solid #016a9f;
background-color:#efe7bd;
color:#404040;
}
.formular #txtZipcode{
border: 1px solid #016a9f;
background-color:#efe7bd;
color:#404040;
}
.formular #txtCity{
border: 1px solid #016a9f;
background-color:#efe7bd;
color:#404040;
}
.formular #txtPhone{
border: 1px solid #016a9f;
background-color:#efe7bd;
color:#404040;
}
.formular #txtComment{
border: 1px solid #016a9f;
background-color:#efe7bd;
color:#404040;
}


