/*#############################################################
Name: vetteshit.tv-001
Date: 2008-04-25
Author: Rick de Zwart (PSD) / Daan Tames (HTML/CSS)
URL: www.twee-d.nl
#############################################################*/

/* standaard elementen */
* { margin:0; padding:0; }
body { background:#ffffff; margin:10px 5px 5px 5px; font-family:Verdana, arial, sans-serif; font-size:12px; }

/* lay-out elementen */
.container { margin: 0 auto; width: 875px; height: 743px; background:url(../gfx/bg-enveloppe.jpg); }
.header { z-index:10; position:absolute; }
.main { padding: 65px 25px 0 100px; }

/* stijl elementen */
a { color: #00aeef; font-weight:bold; }
a:hover { color: #ec008c; }

h2 { font-weight:bold; color:#ec008c; margin-bottom:5px; font-size:16px; }
h3 { font-weight:bold; color:#ec008c; margin:10px 0 5px 0; font-size:13px; }
.content p, .picture p { font-size:13px; margin:0 0 5px 0; }

/* navigatie elementen */
.logoleft { z-index:100; position:absolute; }
.navleft { z-index:40; position:absolute; margin:30px 0 0 240px; width: 225px; }
.navleft ul { margin:0px; padding:0px; }
.navleft li { list-style-type:none; background:#000000; margin:0px; padding:2px 2px 2px 40px; margin-bottom:5px; }
.navleft li.active { background:#00aeef; }
.navleft li a { display:block; color:#FFFFFF; text-decoration:none; font-weight:bold; }
.navleft li a:hover { color:#00aeef; }
.navleft li.active a:hover { color:#FFFFFF; }

.logoright { z-index:100; position:absolute; margin:0 0 0 480px;}
.navright { z-index:50; position:absolute; margin:30px 0 0 310px; width: 225px;}
.navright ul { margin:0px; padding:0px; }
.navright li { list-style-type:none; background:#000000; margin:0px; padding:2px 2px 2px 20px; margin-bottom:5px; }
.navright li.active { background:#00aeef; }
.navright li a { display:block; color:#FFFFFF; text-decoration:none; font-weight:bold; }
.navright li a:hover { color:#00aeef; }
.navright li.active a:hover { color:#FFFFFF; }

.navtop { z-index:100; position:absolute; margin:-50px 0 0 660px; width:100px; text-align:right; }

/* inhoud elementen */
.content { position:absolute; z-index:30; margin:240px 0 0 60px; width:310px; padding-bottom:10px; }
.picture { position:absolute; z-index:30; margin:240px 0 0 400px; width:310px; }
.partners {position: absolute; z-index:30; margin:240px 0 0 10px; width: 730px; background:; }
.row {height: 110px; width: 720px; margin:0 auto 0 auto; padding:auto;}
.column {width: 100px; height: 400px; margin:0 35px 0 25px; padding:0; float:left;}
.column img {margin-left:auto; margin-right:auto;}

/* form elementen */
fieldset { border:0px; width:100%; }
label { width: 100px; float:left; text-align:left; display:block; margin-bottom:2px; }
input { border: 1px solid #4e4e4e; width:200px; margin-bottom:2px; }
textarea { width:200px; height:80px; margin-bottom:2px; border: 1px solid #4e4e4e; }
.inputText2 { width:45px; height:20px; font-size:14px; }
.submit { background:#00aeef; font-weight:bold; text-transform:uppercase; color:#FFFFFF;  }

.logo { float: left;}

/* guestbook styles */
.navigation { width:100%; text-align:center; padding-top:10px; }