body {
    padding: 0;
    background-color: #E8E8E8;
    font-family:  "Comic Sans MS",Verdana, sans;
    font-size: 12px;

}
#container{
    background: url(../images/style/background_sterrenvandehemel.png) repeat-y transparent;
    width:750px;
    margin: 0px auto;
    

}

#header {
    background: url(../images/style/header_sterrenvandehemel.jpg) no-repeat transparent;
    height:250px;
}

img {
    border: 0;
    padding: 0;
}

a:link,  a:visited,  a:active {
    color: #444;
    text-decoration: underline;
}
a:hover {
    color: #000000;
    text-decoration: underline;
}


#footer{
    background: url(../images/style/background_footer_sterrenvandehemel.png) no-repeat transparent bottom;
    clear:both;
    text-align: center;
    padding-bottom: 20px;
     color: #444;
}

#footer a{
    text-decoration: none;
    
}
#footer a:hover{
    text-decoration:underline;
}
#footer div{
    margin: 0 20px;
    padding:3px;
    background-color: #dddddd;
}
/* #737373 oude kleur tekst */
#container2 {
    float:left;
    width:750px;
}
#content {
    float: left;
    width:500px;
    color: #444;
    font-weight: normal;
    text-decoration: none;
    font-size: 13px;
    padding:2px;
    margin: 0px 10px 10px 30px;
}

#content p{
    overflow:auto;
 }

#right{
    float:left;
    width:180px;
    margin: 10px 20px 10px 0px;
}

#content a:link, #content a:visited, #content a:active {

    text-decoration: underline;
}
#content a:hover {
color:#000;
    text-decoration: underline;
}
.arial {
    font-family:  arial;
    font-size: .9em;
}
#contact {
    text-align: right;
    font-family:  arial, sans-serif;
}
#contact h3 {
    color: #9fc301;

    letter-spacing: 1px;
}
#contact a {
    color: #444;
    font-weight: bold;
}
#contact a:hover {
    color: #9fc301;
    font-weight: bold;
}

h1 {
    font-family:  "Comic Sans MS", "Brush Script", cursive;
    font-size: 18px;
    text-align: left;
    margin: 5px 0 5px 0;
    text-transform: uppercase;
}
h2 {
    font-family:  "Comic Sans MS", "Brush Script", cursive;
    font-size: 15px;
    text-align: left;
    margin: 25px 0 5px 0;
}
#menu {
    font-family: arial, sans;
    padding:0;
    float:left;
    margin:210px 0 0 31px;
    font-size:1.2em;
    font-weight: bold;
}

/*menu*/
#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu a {
	color:#fff;
        text-decoration: none;
        display:block;
}
#menu a:hover
{ background-color: #799f42;}
#menu li {
    position: relative;
    list-style: none;
    text-align: center;
    color:white;
    border: 0px transparent solid;
    width: 96px;
    margin: 0 4px 0 0;
    padding:0px;
    text-decoration: none;
    float: left;
    height: 18px;
    vertical-align: bottom;
    display: inline-block;
}
#menu li ul {
	position: absolute;
	left:-2000px;
	top: 16px;
	width: 200px;
	background-color:   #cfbf75;
	border: 0px outset #00008b;
	border-radius:10px;
 
	border-top-left-radius:0px;
	border-top: 0px;
	padding: 5px 0 5px 0;
        text-align: left;
        font-size: .9em;
}
#menu li:hover {
	background-color: #cfbf75;
}
#menu li:hover ul {
	left: -0px;
	display:block;
}
#menu li ul li {
	display: block;
	clear: both;
        height:auto;
	background-color: transparent;
	margin: 0px;
        padding:0;
	border: none;
	width: 200px;
        text-align: left;
}
#menu li ul li:hover {
	color: #fff;
	
}
#menu li ul li a {
	padding: 1px 5px 1px 20px;
}
/*
#menu li ul li:hover a {
    background-color: #799f42;
	color: white;
}*/


        #content img{
            display: inline-block;
}


#content div.c2,#content .c3 {
    text-align:center;
    padding:5px;
    margin:10px 0 0 0;
    float:left;
    }
#content img{
    
}
#content .c3 {
    width:150px;
}
#slogan{
    width:130px;
    height:60px;
    text-align:center;
    margin:-110px 15px 40px 30px;
    font-style:italic;
}
#banner {
    text-align:right;
    margin:10px 0 0px 10px;
    padding:0 10px 15px 0;
    background: #fff url(images/shadow.png) 35px 12px no-repeat;
}

li {list-style: disc;
    margin:1px 0px;
    padding:0px 2px;}
ul {margin: 0px 0px 1em 0px;
    padding: 2px 0 1em 20px ;}

img.rnd{border-radius:20px;
}

.guestbook li{
    position:relative;
    list-style:none;
    list-style-position:outside;
    border-bottom: 1px solid #ccc;
    padding:15px 5px 5px 5px;
}
.guestbook .date{
    position:absolute;
    text-align:right;
    right:0px;
    top:0px;
    color: #9fc301;}
.guestbook .name {
    margin-left:200px;
    font-weight:bold;}

.form {margin-left:20px;}
.form .submit {
    float:right;
    margin-right:0px;
    color: #9fc301;
    font-weight:bold;

}
.form form{width:440px;
           margin:0 auto;}

.products ul{
    margin:5px 0 0 0 ;
    padding:0px;
    float:left;
}

.products li{
      list-style: none;
    float: left;
    width:240px;
    height:240px;
    margin:2px;
    text-align:center;
    overflow:hidden;
}
.products li p{
    margin:0px;
    padding:0px;
}

.products img{
    width:240px;
    max-height:180px;
}
h4{margin:1em 0 0 0;padding:0;}

.c {
    text-align: center;
}