File: D:/HostingSpaces/SBogers10/komma-mediadesign.nl/wwwroot/oude root folder/orthas/css-js/screen.css
@charset "utf-8";
/* CSS Document */
* {
outline:0;
}
body, html, h1, h2, h3, p, ul, ol, li{
margin:0;
padding:0;
border:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
img{
border:0;
}
body{
font-size:12px;
color:#000;
background:url(../img/patroon.gif) repeat;
}
li{
vertical-align: text-top;
}
.clear_both{
clear:both;
}
.right{
float:right;
}
.left{
float:left;
}
#background{
margin:0 auto;
width:912px;
position:relative;
background:url(../img/backgr.png) repeat-y;
}
#container{
margin-left:6px;
width:900px;
background-color:#FFF;
position:relative;
float:left;
}
#logo{
display:block;
height:106px;
padding:15px 0;
width:900px;
display:block;
float:left;
text-align:center;
}
#header{
float:left;
width:900px;
height:300px;
background:no-repeat;
}
#content{
float:left;
margin-top:20px;
margin-left:125px;
}
#formulier{
width:900px;
height:100px;
/*background-color:#ccc;*/
background:url(../img/rots.jpg) no-repeat;
margin-bottom:25px;
float:left;
}
#formulier a{
background-color: #FBB040;
color: #FFFFFF;
display: block;
font-size: 18px;
height: 30px;
line-height: 28px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 200px;
margin-left: 350px;
margin-top: 35px;
}
#formulier a:hover{
background-color:#333;
}
#contact{
float:left;
padding-bottom:25px;
margin-left:125px;
}
.contact_left{
float:left;
width:355px;
}
.contact_right{
float:left;
margin-top: 3px;
}
#bottom{
float:left;
width:900px;
height:400px;
background:url(../img/footer.jpg) no-repeat;
}
#footer{
text-align:center;
float:left;
height:25px;
width:900px;
line-height:25px;
}
h1{
color:#fbb040;
font-size:24px;
line-height:30px;
padding-bottom:10px;
}
h2{
font-size:18px;
padding-bottom:15px;
}
h2.h1{
color:#fbb040;
font-size:24px;
line-height:30px;
padding-bottom:10px;
}
h3{
font-size:14px;
padding-bottom:3px;
}
p{
color:#231f20;
width:650px;
line-height:18px;
text-align:left;
padding-bottom:25px;
}
a{
color:#fbb040;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
span.opvallend{
font-size:16px;
}
ul{
list-style:none;
}
li{
width:400px;
}
li span{
float:right;
}
/* formulier */
div.formulier input.submit{
background-color:#f47321;
color:#FFF;
cursor:pointer;
height:23px;
border:none;
line-height:19px;
margin-left:215px;
padding-bottom:3px;
padding-right:7px;
text-align:center;
width:180px;
text-transform:uppercase;
}
div.formulier input.submit:hover{
background-color:#231f20;
}
div.formulier label{
color:#231f20;
text-align:left;
line-height:18px;
padding-right:25px;
float:left;
width:220px;
}
div.formulier label.toevoeging{
float:none;
margin-left:30px;
padding-right:4px;
width:160px;
}
div.formulier label.contact_input{
width:105px;
}
div.formulier input{
color:#231f20;
text-align:left;
line-height:18px;
padding-left:5px;
border: solid 1px #231f20;
background-color:#fff;
height:16px;
width:175px;
margin-bottom:10px;
}
div.formulier input.huisnummer, div.formulier input.toevoeging{
width:30px;
}
div.formulier input.personen{
width:50px;
text-align:left;
}
div.formulier .opmerking{
width:139px;
}
div.formulier textarea{
color:#231f20;
text-align:left;
line-height:18px;
padding-left:5px;
border: solid 1px #231f20;
height:80px;
width:175px;
font-family:Verdana, Geneva, sans-serif;
}
div.formulier .datum_feest{
width:auto;
float:none;
}
div.formulier .geslacht{
width:auto;
float:none;
border:none;
padding:0;
margin-right:4px;
}
div.formulier .nieuwsbrief{
width:auto;
float:none;
border:none;
padding:0;
margin-right:4px;
}
div.formulier span.label{
color:#231f20;
text-align:left;
line-height:18px;
display:inline;
vertical-align:-1px;
height:16px;
width:40px;
}
div.formulier span.label_check{
color:#231f20;
text-align:left;
line-height:18px;
display:inline;
vertical-align:3px;
height:16px;
width:40px;
}
div.formulier select{
color:#231f20;
text-align:left;
line-height:18px;
padding-left:2px;
border: solid 1px #ccc;
height:16px;
width:182px;
height:20px;
}
div.formulier input.focus, div.formulier textarea.focus{
border: solid 1px #f47321;
color:#f47321;
}
div.formulier .error{
color:red;
font-size:11px;
text-align:left;
line-height:18px;
}