@charset "utf-8";
/***********************************************
* CSS KELLY EVENTS HTML-SITE
* Date Created: 16/02/2009
* Last Modified: 16/02/2009
* 
* Copyright 9000 Studios - http://www.9000.be
* - Please do not reuse without permission -
************************************************/

/***************
** MAIN STUFF **
****************/
* {margin:0;}
body{background-color:#ffffff;font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px;}
.clear{clear:both; line-height:0; height:0;}
html, body{height:100%;}
.wrapper{min-height:100%; height:auto !important; height:100%; margin: 0 auto -102px; overflow:hidden;}
.footer, .push{height:102px;}
#center{width:100%; min-width:800px; min-height:590px; height:100%; position:absolute; background-color:#ffffff;}

/***************
** CONTAINERS **
****************/
#footercontainer{height:102px; z-index:1;}
#footerimg{background-image:url(../images/layout/footer-gradient.jpg); background-repeat:repeat-x; height:76px;}
#footercontent{background-color:#000000; height:24px; color:#FFFFFF; border-top:solid 2px #cccccc; line-height:24px; padding-right:5px; font-size:10px;}
#footercontent a, #footercontent a:link, #footercontent a:visited, #footercontent:active{color:#FFFFFF; text-decoration:underline;}
#footercontent a:hover{text-decoration:none;}

#leftbar{position:relative; left:50px; width:194px; float:left; height:auto !important;}

#leftbartop{width:194px; height:117px; border-bottom:solid 2px #ffffff; overflow:hidden; text-align:center; background-color:#000000; font-size:18px; color:#ffffff;}
#leftbartoplogo{margin-top:5px;}
#leftbarline{height:8px; background-color:#999999;}
#leftbarmenu{border-top:solid 2px #ffffff; text-align:left;}
#leftbarmenu .menuitem{background-color:#efefef; color:#000000; font-size:12px; margin-bottom:2px; height:30px; line-height:30px; padding-left:5px;}
#leftbarmenu .menuitem:hover{background-color:#000000; color:#ffffff;}
#leftbarmenu .menuitemactief{background-color:#000000; color:#ffffff; font-size:12px; margin-bottom:2px; height:30px; line-height:30px; padding-left:5px;}
#leftbarmenu .menuitemactief:hover{background-color:#000000; color:#ffffff;}
.menuarrow{font-size:15px; font-weight:bold; margin-left:5px;}

#inhoudcontainer{position:relative; padding-left:100px; padding-top:136px; width:35%; overflow:hidden; float:left; margin-right:50px;}
#titelcontainer{position:absolute; font-size:18px; right:0px; top:100px;}

#backcontainer{position:absolute; font-size:18px; top:100px;}
#backcontainer a, #backcontainer a:link, #backcontainer a:visited, #backcontainer a:active{color:#000000; text-decoration:underline;}
#backcontainer a:hover{text-decoration:none;}
#picturecontainer{position:relative; padding-top:136px; width:100px; float:left;}

/***************
***  TEXT  ***
****************/
#footercontent{}

/***************
***  TITELS  ***
****************/
.sublink{font-size:14px;}
.sublink a, .sublink a:link, .sublink a:active, .sublink a:visited{color:#000000; text-decoration:underline;}
.sublink a:hover{text-decoration:none;}

a.leesmeer{color:#000000; text-decoration:underline;}
a.subtitel{font-size:15px; color:#ED217C; text-decoration:underline;}
a.subtitel:hover{text-decoration:none;}

/***************
**  OPMAAK   ***
****************/
.bold{font-weight:bold;}
.kleurfront{color:#ED217C;}
.kleurback{background-color:#ED217C;}
.red{color:#FF0000;}
.green{color:#009900;}

/***************
**  POSITIE   ***
****************/
.floatLeft{float:left;display:inline;}
.AlignRight{text-align:right;}
.AlignCenter{text-align:center;}
.AlignLeft{text-align:left;}

/***************
**  RANDEN   ***
****************/
.prod_img{margin-right:10px; margin-bottom:10px;}
img{border:solid #ffffff 0px;}

/***************
**  ANDERE   ***
****************/
.pointerhand:hover{cursor:pointer;}
#footercontent img{margin-right:20px; margin-top:3px;}

.Titel{color:#EF2A7C; font-size:18px;}
.Gewonetekst{color:#FFFFFF; font-size:12px;}
.Gekleurdetekst{color:#EF2A7C; font-size:12px;}

/***************
**  FORMS   ***
****************/
.contactform input[type=text]{width:200px;}
.contactform .breed{width:313px;}
.contactform .small{width:50px;}
.contactform select{width:204px;}
.contactform td{padding-bottom:3px;}