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

body{
font-size:12px;
font-family:"Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
background: #CCCCCC;
color:#FFFFFF;
}
*{
margin:0;
padding:0;
}

a{
color:#FFFFFF;
text-decoration:none;
cursor:pointer;
}
#wrap{
padding: 10px;
position: relative;
}
#container{
margin: 0 auto;
width:1020px;
background:#FFFFFF;
padding:10px;
position:relative;
min-height: 400px;
overflow:hidden;
}
#header{
height:200px;
}
#logo{
width:312px;
float: left;
position: relative;
background: #E8E8E8;
height:160px;
padding-top:20px;
}
.intro{
font-size:18px;
color: #F4610B;
font-style:italic;
}
#reclame{
position:relative;
top: -24px;
background:#BBBBBB;
font-size:14px;
font-weight:bold;
padding:2px 12px 2px 12px;
height:20px;
}


#content{
background:#E8E8E8;
min-height: 200px;
float:left;
}

#content_left{
width:680px;
padding: 10px;
float:left;
position:relative;
}
#content_right{
width:300px;
padding: 10px;
float:left;
}
.content_style{
font-size: 12px;
color:#666666;
}
.content_style p{
margin: 10px 0px 10px 0px;
}
.content_style h2{
color: #F4610B;
font-size:16px;
padding: 5px 0px 5px 0px;
}
.content_style h3{
color: #666666;
font-size:14px;
padding: 5px 0px 5px 0px;
}
.content_style ul{
padding-left: 20px;
list-style: square;
}
.content_style ol{
padding-left: 25px;
}
.content_style a{
color: #666666;
font-weight:bold;
text-decoration:none;
}
.content_style a:hover{
text-decoration:underline;
}
#box{
width: 280px;
border:5px double #DCDCDC;
padding:5px;
background: #DDDDDD;
float:left;
margin: 10px 0 10px 0px;
color:#888888;
}
.link_offerte{
padding:  10px 10px 10px 50px;
background:url(/img/offerte.png) no-repeat left;
font-size:16px;
font-weight: bold;
color: #EE7934;
}
.link_contact{
padding:  10px 10px 10px 50px;
background:url(/img/contact.png) no-repeat left;
font-size:16px;
}
.link_foto{
padding:  10px 10px 10px 50px;
background:url(/img/camera.png) no-repeat left;
font-size:16px;
}


#footer{
background: #777777;
padding: 2px 10px 2px 10px;
}

/* Navigation */
#nav {
	clear: both;	
	padding: 0;
	float:left;		
}
#nav ul {
	float: left;
	list-style: none;
	background-color:#F3894B;
	width: 1020px;		
	text-transform: uppercase;
	margin: 0 0 0 0px;
	padding: 0;	
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 14px;
	border-right: 1px solid #FAC790;
	border-left: 1px solid #EE7934;
	background-color:#F3894B;
	border-bottom: none;
	color: #FFF;
	font: bold 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	background-color:#F4610B;	
}

.offerteform input{
	width: 320px;
}
.offerteform select{
	width: 320px;
}

.offerteform textarea{
	width: 320px;
}