/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Titel : Hoofd CSS Document
Auteur : Kapsalon Subliem Dokkum
URL : http://www.kasalonsubliem.nl

Descriptie : hoofd CSS doc

Datum : januari 2009

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/****************************************************************
	BASIS
****************************************************************/

body{
margin: 0;
padding: 0;
text-align: center;
background-repeat: repeat-x;
font-family: "Trebuchet MS", sans-serif;
font-size:13px;
line-height: 24px;
text-align: center;
background-color:#e0dcd0;
}

#container{
margin: 0 auto 0 auto;
width: 850px;
text-align: left;
position:relative;
/*border: 1px solid red;*/
}

#header{
margin-top:20px;
background-image:url(../images/header2.jpg);
height:290px;
padding-top: 30px;
/*border: 1px solid blue;*/
}

#content{
/*border: 1px solid black;*/
background-color:#FFFFFF;
}

#content-vulling{
margin: 0px 12px 0px 210px;
background-image:url(../images/bg-floral.gif);
background-repeat:no-repeat;

}

#leftcol{
width: 190px;
height: 1930px;
padding:0px;
margin: 10px 0px 0px 12px;
background-image:url(../images/left-bg-crew.gif);
background-repeat:no-repeat;
overflow:hidden;
position:absolute;
top: 350px;
color:#4a094f;
/*border: 1px red solid;*/
}

#leftcol2{
width: 190px;
height: 450px;
padding:0px;
margin: 10px 0px 0px 12px;
background-image:url(../images/left-bg-crew.gif);
background-repeat:no-repeat;
overflow:hidden;
position:absolute;
top: 350px;
color:#4a094f;
/*border: 1px red solid;*/
}



#leftcol-crew{
width: 190px;
height: 1850px;
padding:0px;
margin: 10px 0px 0px 12px;
background-image:url(../images/left-bg-crew.gif);
background-repeat:no-repeat;
overflow:hidden;
position:absolute;
top: 350px;
color:#4a094f;
/*border: 1px red solid;*/
}

#leftcol-ladies-night{
width: 190px;
height: 480px;
padding:0px;
margin: 10px 0px 0px 12px;
background-image:url(../images/left-bg-crew.gif);
background-repeat:no-repeat;
overflow:hidden;
position:absolute;
top: 350px;
color:#4a094f;
/*border: 1px red solid;*/
}

#leftcol-gastenboek{
width: 190px;
height: 1050px;
padding:0px;
margin: 10px 0px 0px 12px;
background-image:url(../images/left-bg-crew.gif);
background-repeat:no-repeat;
overflow:hidden;
position:absolute;
top: 350px;
color:#4a094f;
/*border: 1px red solid;*/
}

#leftcol-historie{
width: 190px;
height: 1050px;
padding:0px;
margin: 10px 0px 0px 12px;
background-image:url(../images/left-bg-crew.gif);
background-repeat:no-repeat;
overflow:hidden;
position:absolute;
top: 350px;
color:#4a094f;
/*border: 1px red solid;*/
}

#leftcol-producten{
width: 190px;
height: 1690px;
padding:0px;
margin: 10px 0px 0px 12px;
background-image:url(../images/left-bg-crew.gif);
background-repeat:no-repeat;
overflow:hidden;
position:absolute;
top: 350px;
color:#4a094f;
/*border: 1px red solid;*/
}

#leftcol-links{
width: 190px;
height: 680px;
padding:0px;
margin: 10px 0px 0px 12px;
background-image:url(../images/left-bg-crew.gif);
background-repeat:no-repeat;
overflow:hidden;
position:absolute;
top: 350px;
color:#4a094f;
/*border: 1px red solid;*/
}

#leftcol-bruidskapsels{
width: 190px;
height: 1430px;
padding:0px;
margin: 10px 0px 0px 12px;
background-image:url(../images/left-bg-crew.gif);
background-repeat:no-repeat;
overflow:hidden;
position:absolute;
top: 350px;
color:#4a094f;
/*border: 1px red solid;*/
}

#photoframe{
width: 600px;
border: 1px red solid;
}

/****************************************************************
	OPBOUW
****************************************************************/

#content-vulling img{
border: 6px solid #eee1ef;
}

#content-vulling .border{
border: 1px solid white;
margin-top: 25px;
}

#content-vulling .border2{
border: 1px solid white;
margin-top: 5px;
}

table{
border: 6px solid #eee1ef;
margin: 0px 0px 5px 10px;
}

td{
width: 130px;
padding: 0px 0px 5px 10px;
}

li{	
display: block;
width: 100%;
height: 23px;
border-top: 1px solid #efe3f0;
padding: 0px;
margin: 0px;
}

ul{
list-style-type:none;
padding: 0px;
margin: 0px;
}

li a{
color: #440449;
display:block;
text-decoration:none;
font-family: Georgia, "Times New Roman", Times, serif;
color: #b3276c;
font-size: 16px;
}

li a:hover{
background-color:#f6eff6;
display:block;
text-decoration:none;
padding: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#440449;
font-size: 16px;
}

/****************************************************************
	HEADER ELEMENTEN
****************************************************************/

H1{
font-size: 35px;
color: #440449;
margin: 0px 0px 15px 10px;
padding-top: 20px;
font-weight: normal;
/*border: 1px solid green;*/
font-family: Georgia, "Times New Roman", Times, serif;
}

H2{
font-size: 22px;
margin: 15px 0px 0px 10px;
padding:  10px 0px 5px 0px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
color: #b3276c;
}

H3{
font-size: 17px;
margin: 2px 0px 2px 10px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
color: #440449;
}

/****************************************************************
	CLASSES
****************************************************************/

#content img {
margin: 0px 10px 15px 10px;
/*border: 3px red solid;*/
}

#content a{
color:#440449;
}

#content a:hover{
background-color:#d4b5d6;
text-decoration:none;
color:#4a094f;
}

p{
margin: 0px 10px 0px 10px;
line-height:200%;
}


.note{
font-size:11px;
color:#666666;
}

.quote{
font-size: 28px;
color: #ac6fb0;
font-weight: normal;
font-style:italic;
line-height: 29px;
font-family: Georgia, "Times New Roman", Times, serif;
}

.sign{
font-style:italic;
}

.sumup{
color:#440449;
margin: 15px 10px 0px 10px;
border: none;
}

.test a:hover{
border: none;
}

/****************************************************************
	FORMULIER
****************************************************************/

#formulier{
width: 615px;
height: 470px;
border: 1px #eee1ef solid;
margin: 10px 0px 0px 10px;
}

label{
float: left;
width: 200px;
text-align: left;
color:#440449;
font-size:18px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px 10px 10px 10px;
}

input{
background-color: #fcf8fc;
border-width: 1px;
border-style: solid;
border-color:#ab6fb0;
margin: 0px 0px 5px 10px;
font-size:18px;
}

textarea{
width: 430px;
height: 70px;
background-color: #fcf8fc;
border-width: 1px;
border-style: solid;
border-color:#ab6fb0;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
margin: 0px 0px 0px 10px;
}


.submit{
border: 0px;
margin-right: 280px;
margin-top: 5px;
}

#content-vulling h2{
width:600px;
}