/* Prowriter CMS Stylesheet */
/* Version: 1.0 | 14/02/2004 */
/* BASIC FRONTEND VERSION */
/* TEMPLATE STYLE 1 (logo - top | nav | body)*/

/* - - - - 1. MAIN SETTINGS FOR THE WEBSITE- - - - */
body,html {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #d5d5d5;
    margin-top: 0px;
    background-image: url(../images/gravel.jpg);
	background-attachment:fixed;
	width:100%;
	height:100%;	padding-bottom:400px;
}
.bgworld {background-image:url(../images/world.png);background-repeat:no-repeat;background-position:center top;width:100%;height:100%;position:absolute;margin:auto;z-index:0;}
@font-face { font-family: CooperSTD; src: url('CooperBlackStd.otf'); } 


* { margin: 0px; padding: 0px; font-family: Arial, Helvetica, 'Sans Serif'; line-height:normal; }
table {
	vertical-align: top;border-collapse:collapse;
}

/* default font and font size */
p, h1, h2, h3, h4, h5, h6, h7, td, tr, th, li, span, div, table
{ font-family: Arial, Helvetica, sans-serif; margin: 0px; text-align: left; font-size: 11pt; line-height:normal;}

/* most imporant color settings */
p {color: #000000; line-height:20px; }
li {	color: #000000; }

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

/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 140%; font-weight: normal; text-shadow:1px 0px 0px #FFF;}
h2, .subtitle { font-size: 130%;  font-weight: normal;text-shadow:1px 0px 0px #FFF;}
h3{font-family:cooper-black-std-1,CooperSTD ,Georgia; font-size: 12pt; font-weight: normal;color:#322802; text-shadow:1px 0px 0px #FFF; }
h4 {font-family:cooper-black-std-1,CooperSTD ,Georgia;font-size:18pt;font-weight:normal; color:#322802;padding-bottom:12px;text-shadow:1px 0px 0px #FFF;}
h5{font-family:cooper-black-std-1,CooperSTD ,Georgia;font-size:14pt; font-weight: normal;color:#322802;text-shadow:1px 0px 0px #FFF; }
h6, .summary { font-family:cooper-black-std-1,CooperSTD ,Georgia;font-size:13pt; font-weight: normal;color:#6c5c1e;text-shadow:1px 0px 0px #FFF; }
h7 { font-size: 100%; }
p { font-size: 100%; }
span { font-size: 100%;}
li { font-size: 100%;}
ul {  margin-bottom: 10px; margin-left: 15px;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {
    margin:auto;
    width:986px;
	text-align:center;
	padding:0px;border:0px solid #dedede; 
	margin-top:0px;
	background-color:transparent;
	z-index:10000 !important;

}

/* HEADER */
#header  { height:473px;width:986px;border:none;background-color:transparent;display:block;position:relative;}
#header h1 {display: none;}
#header h1 span {    display: none;}
#header h2 span {    display: none;}
#header p span {    display: none;}

/* NAVIGATION: SUBPAGE MENU */
.nav { width: 499px;margin-top:0px; height: 36px;background-color:none;position:absolute;top:46px;right:0px;}
 .nav ul { list-style-type: none; margin: 0px; }
 .nav li { font-size: 11pt;font-weight:bold; line-height:1.4; float: left;letter-spacing:1px;display:block;   }

/* passive */
 .nav li a,
 .nav li a:link,
 .nav li a:visited
 .nav li.passive a,
 .nav li.passive a:link,
 .nav li.passive a:visited {padding-left:0px;padding-right:0px; color:#f9ecba;line-height:60px; display: block;height:60px;float:left;font-family:cooper-black-std-1,CooperSTD ,Georgia;font-size:10pt;font-weight:normal;  text-align: center; text-decoration: none;margin-right:12px;
 -moz-text-shadow: 1px 1px 2px #000;
-webkit-text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #000;
 
 }
 .nav li.a:hover,

/* hier colore plaatsen zie beneden*/
 .nav li.passive a:hover {border-bottom:0px solid #f9ecba; background-image:url(../images/ball.png); background-position:center bottom; background-repeat:no-repeat;  }

/* active en parent */
 .nav li.active a,
 .nav li.parent a,
 .nav li.active a:link,
 .nav li.parent a:link,
 .nav li.active a:visited,
 .nav li.parent a:visited {border-bottom:0px solid #f9ecba;background-image:url(../images/ball.png); background-position:center bottom; background-repeat:no-repeat;}
 .nav li.active a:hover {border-bottom:0px solid #f9ecba;background-image:url(../images/ball.png); background-position:center bottom; background-repeat:no-repeat; }

/* child passive */
 .nav li.passive-child a,
 .nav li.passive-child a:link,
 .nav li.passive-child a:visited { }
 .nav li.passive-child a:hover { }

/* child active */
 .nav li.active-child a,
 .nav li.active-child a:link,
 .nav li.active-child a:visited { }
 .nav li.active-child a:hover { }
.lefttop {border-radius: 15px 0px 0px 0px; border-top-left-radius:15px; 	-moz-border-radius-topleft:15px;   -webkit-border-top-left-radius: 15px; }
.righttop {border-radius:0px 15px px 0px; border-top-right-radius:15px; 	-moz-border-radius-topright:15px;   -webkit-border-top-right-radius: 15px;}
/* MAIN BODY */

.main { background-color:#f9ecba;border-right:7px solid #e8d89c;border-left:7px solid #e8d89c;border-bottom:7px solid #e8d89c;border-top:32px solid #e8d89c;width:972px;padding:0px;padding-top:0px;padding-bottom:0px;z-index:10000;background-image: url(../images/mainbg.png);background-position:left ; background-repeat:repeat-y; position:absolute;}
.left {width:413px;padding-right:34px; border-right:13px solid #e8d89c;margin-left:34px;float:left;padding-top:34px;padding-bottom:34px;height:100%;z-index:100000;}
.right {width:413px;float:left;margin-left:34px;padding-top:34px;padding-bottom:34px; height:100%;}
.right :after {clear:both;}
.breaker {    clear: both; height:0px; line-height:0px; overflow:hidden; }

/* tabelopmaak */
.section {width:950px;background-color:white; display:block;}

/*block element */
.block {padding:20px; padding-left:10px; padding-right:20px; padding-top: 0px; padding-bottom:20px; vertical-align:top;}
/* de kleuren van de website /*

/*navigatie achterground en contactgegevens blok*/
.colora {background-color:#bbd333;}
.colora_border {border:1px #333333 solid;}

/* nieuwsitemsblok en footer  */
.colorb {background-color:#9D0D0D;}
.colorbcolor{ color:#9D0D0D; }

/*faq en headers */
.colorc  {background-color:#f4f8dc; color:black;}
/*navigaties active*/
.colore {background-color: #000; color:white;}


/* header en rechterkolom */
.colord {background-color: #FFFFFF;}
.white_border { border:1px solid #FFFFFF;}



/*tekstkleur*/
.colorf { color: #FFFFFF;}
/* end */ 

/*zwarte border */
.black_border { border:1px solid #000000;}
/* end */ 

#subparent { opacity:0.8;filter:alpha(opacity=80);position:absolute;left:0px;top:29px;
}




/*footer */
.footer {text-align:center;width: 930px;float:left;height:25px;padding-left:20px;padding-top:5px;color:white;}
.footer p { font-size: 8pt; text-align:center;color:white;}

/* FIX FOR TRANSPARANT PNG IE6 */
img {
   behavior: url("pngbehavior.htc");
}
.letters{position:absolute;background-image:url(../images/letters.png);width:287px;height:166px; background-repeat:no-repeat;top:46px;}
.ball1{width:21px;height:21px;background:url(../images/ball.png) no-repeat;position:absolute;right:793;top:412px;}
.ball2{width:21px;height:21px;background:url(../images/ball.png) no-repeat;position:absolute;right:925px;top:412px;}
.cup{ background:url(../images/beker.png) no-repeat;width:110px;height:122px;top:315px;left:43px;position:absolute;}
.wim{width:87px;height:107px;background:url(../images/wim.png) no-repeat;position:absolute;right:735px;top:333px;}
.bench { background:url(../images/bench.png) no-repeat;width:196px; height:46px;position:absolute;top:434px;left:27px;}
.fancounter{width:211px;;height: 73px;background:url(../images/fancounter.png) no-repeat;top:133px;right:0px;position:absolute;}
.namenole{width:493px;height:38px;padding:0px;background:url(../images/novakname.png) no-repeat;top:418px;right:0px;position:absolute;}
.boxright{width:438px;height: 142px;padding:30px;background:url(../images/boxright.png) no-repeat;top:198px;right:0px;position:absolute;}
.boxright h3{color:#f9ecba; font-family:cooper-black-std-1, CooperSTD,Georgia;font-size:19pt; text-transform:uppercase;line-height:normal;padding-right:10px;display:block; -moz-text-shadow: 1px 1px 2px #000;
-webkit-text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #000;font-weight:normal}
.boxright p{color:#f9ecba; font-family:Arial, Helvetica, sans-serif; line-height:19px;margin-top:10px; font-size:11pt;width:228px;text-shadow:1px 0px 0px #000;}
.serbianflag{width:438px;height: 262px;background:url(../images/serbianflag.png) no-repeat;top:238px;right:600px;position:absolute;}
.serbianflagbig{width:438px;height: 262px;background:url(../images/flagleft.png) no-repeat;top:211px;right:490px;position:absolute;}
.serbianflagbigright{width:420px;height:244px;background:url(../images/flagleft.png) no-repeat;top:258px;right:-200px;position:absolute;overflow:hidden;}
.nole{width:157px;height:311px;background:url(../images/nole.png) no-repeat;left:291px;top:172px;position:absolute;z-index:200000000;}
.locker {}
.sign {width:99px;height:39px;background-image:url(../images/sign.png); background-repeat:no-repeat;position:absolute;top:154px;left:650px;}
.topgradient {background-image:url(../images/topgradient.png); background-repeat:repeat-x; height:auto; height:251px;width:10px; position:absolute;top:0px; width:100%;}
.bottomgradient {background-image:url(../images/bottomgradient.png); background-repeat:repeat-x; height:auto; height:251px;width:10px; bottom:0px; width:100%;z-index:1;position:fixed;bottom:0px;}
.likebutton {position:absolute;top:220px;left:10px;}

.fanbut {width:171px;height:41px; position:absolute;top:320px;right:40px; background-image:url(../images/fanbut.png); background-repeat:no-repeat;}
.contact input[type=text]{ border:2px solid #e8d89c;color:#322802; height:40px; width:405px; line-height:40px; font-size:12pt;padding-left:5px; font-weight:bold;}
.contact input:focus[type=text]{ border:2px solid #e8d89c;color:#322802; background-color:#f0eded;height:40px; width:405px; line-height:40px; font-size:12pt;padding-left:5px; font-weight:bold;}


.contact textarea{ border:2px solid #e8d89c;color:#322802; height:100px; width:405px; line-height:40px; font-size:12pt;padding-left:5px; font-weight:bold;}
.contact textarea:focus{ border:2px solid #e8d89c;color:#322802; background-color:#f0eded;height:100px; width:405px; line-height:40px; font-size:12pt;padding-left:5px; font-weight:bold;}
.contact select{height:40px;padding-top:10px;padding-bottom:10px;padding-left:5px;}
.numbers 
{font-size:14pt;font-weight:bold;font-family:Arial, Helvetica, sans-serif; color:white; text-align:right; height:82px; line-height:82px;padding-right:1px; letter-spacing:10px;}

