/*
 * Jaar		 : 2010
 * Klant     : Roc
 * ICEMEDIA
================================*/

/* Reset CSS
================================*/

html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd,	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family:Arial;
	vertical-align: baseline;
	color:#241d9f;
}


span.hidden {
	display:none;
}

div.clear {
	clear:both;
}

p {
	margin-bottom:10px;
}

p.bold {
	font-weight:bold;
}

p#grijs {
	font-size:10px;
	color:#b9b9b9;
}

p#small {
	font-size:10px;
}
/* Opbouw
================================*/
div#wrapper {
	width:1000px;
	height:770px;
	margin:auto;
}

div#header {
	background-image:url(../images/header-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	width:892px;
	height:90px;
	margin-left:73px;
	margin-bottom:32px;
}

div#logo {
	background-image:url(../images/roc-logo.jpg);
	width:112px;
	height:63px;
	margin:3px 0 0 0;
	float:left;
}

div#breadcrumbmenu {
	background-image:url(../images/menu-bg-firstpage.jpg);
	width:390px;
	background-repeat:no-repeat;
	height:29px;
	margin:37px 0 0 130px;
	float:left;
}

div#mijnfacebook {
	background-image:url(../images/mijnfacebook.png);
	width:256px;
	height:90px;
	float:right;
	z-index:10;
}

div#content {
	width:900px;
	height:auto;
	min-height:500px;
	margin-left:73px;
	position:relative;
}

div#footer {
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	width:887px;
	height:14px;
	margin-left:73px;
	padding-top:18px;
	text-align:center;
	color:#211c70;
	font-size:10px;
}

div#footer a{	
color:#211c70;
	font-size:10px;
	text-decoration:none;}

/* Buttons
================================*/

div a#volgende {
	background-image:url(../images/volgende.jpg);
	background-repeat:no-repeat;
	width:187px;
	height:24px;
	display:block;
}

.volgendesubmit {
 position:absolute;
 font-size:10px;
 right:0px; top:150px;
	width:210px;
	height:24px;
	display:block;
}
.volgendesubmit p{font-size: 10px!important;}

#nav{
	height:24px;
	width:900px;
	position:absolute;
	bottom:25px;
}
#nav2{
	height:24px;
	width:900px;
	position:absolute;
	bottom:-30px;
}

div a#volgende {
	background-image:url(../images/volgende.jpg);
	background-repeat:no-repeat;
	width:187px;
	height:24px;
	display:block;
	position:absolute;
	right:15px;
	top:0;
}

div a#vorige {
	background-image:url(../images/vorige.jpg);
	background-repeat:no-repeat;
	width:187px;
	height:24px;
	display:block;
	position:absolute;
	left:6px;
	top:0;
}


div a#vorige {
	background-image:url(../images/vorige.jpg);
	background-repeat:no-repeat;
	width:187px;
	height:24px;
	display:block;
}

div a#bladeren {
	background-image:url(../images/bladeren.jpg);
	width:129px;
	height:21px;
	display:block;
	margin-bottom:5px;
}

div a#volgende-edit {
	background-image:url(../images/volgende.jpg);
	background-repeat:no-repeat;
	width:187px;
	height:24px;
	display:block;
	float:right;
	margin-right:5px;
}

div a#vorige-edit {
	background-image:url(../images/vorige.jpg);
	background-repeat:no-repeat;
	width:187px;
	height:24px;
	display:block;
	float:left;
	margin-bottom:23px;
}
div a#afronden{
	background-image:url(../images/bestelling-afronden.jpg);
	background-repeat:no-repeat;
	width:187px;
	height:24px;
	display:block;
	position:absolute;
	right:15px;
	top:0;
}

/* First page
================================*/
body.firstpage {
	background-image:url(../images/firstpage-bg.jpg);
	background-repeat:repeat-x;
}

div#header-firstpage {
	width:892px;
	height:78px;
	margin-left:73px;
}

div#content-firstpage {
	background-image:url(../images/background-firstpage.jpg);
	width:835px;
	height:210px;
	padding:437px 0 0 165px;
}

div#upload-btn {
	width:187px;
	height:40px;
}

div#footer-firstpage {
	width:100%;
	height:16px;
	color:#211c70;
	margin-top:18px;
	text-align:center;
	font-size:10px;
}

/* Upload page
================================*/
h2#upload-titel {
	background-image:url(../images/upload-pag-titel.jpg);
	width:700px;
	height:30px;
	margin:0 auto 7px auto;
}

div#zoek-foto {
	background-image:url(../images/background-upload.jpg);
	background-repeat:no-repeat;
	width:858px;
	height:242px;
	margin-left:2px;
	padding:20px;
}

div#pages {
	width:892px;
	height:250px;
	margin:5px auto 40px auto;
	background-image:url(../images/pagesbg.jpg);
	background-repeat:no-repeat;
	position:relative;
}

.textfieldzoek{ 
	width:424px; 
	height:20px; 
	padding:2px;
	border: none;
    border-color: transparent;
	font-size:12px;
	color:#211c71;
	background:transparent url(../images/zoek.jpg); background-repeat:no-repeat; border:none; }
	
/* Edit page
================================*/
h2#edit-titel {
	background-image:url(../images/edit-pag-titel.jpg);
	background-repeat:no-repeat;
	width:646px;
	height:30px;
	margin:0 auto 55px auto;
}

div#optie1 {
	width:444px;
	height:306px;
	float:left;
	margin-right:3px;
}



div#optie2 {
	width:442px;
	height:305px;
	float:left;
}



/* upload 2 page       / edit page2   / edit page 3
================================*/
h2#upload-titel2 {
	background-image:url(../images/upload-titel-pag2.jpg);
	background-repeat:no-repeat;
	width:521px;
	height:30px;
	margin:0 auto 50px auto;
}

div#background {
	background-image:url(../images/background-upload2.jpg);
	width:850px;
	height:376px;
	padding:20px;
	margin-bottom:97px;
}

div#links {
	width:400px;
	height:300px;
	float:left;
}

div#rechts {
	background-image:url(../images/hierjeeigenfoto.jpg);
	background-repeat:no-repeat;
	width:320px;
	height:158px;
	float:left;
	margin:50px 0 0 80px;
}

h2#edit-titel2 {
	background-image:url(../images/bewerkhieronderdefoto.jpg);
	background-repeat:no-repeat;
	width:348px;
	height:24px;
	margin:0 auto 56px auto;
}

div#background-edit2 {
	background-image:url(../images/background-upload2.jpg);
	width:850px;
	height:376px;
	padding:20px;
	margin-bottom:97px;
}

h2#edit-titel3 {
	background-image:url(../images/pag-titel-titel.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:29px;
	margin:0 auto 56px auto;
}

.flash{ position:absolute; top:250px; left:5px;}


div#background-edit3 {
	background-image:url(../images/background-titel.jpg);
	width:853px;
	height:263px;
	padding:20px;
	margin-bottom:97px;
}

div#voorkant {
	margin:40px 0 0 40px;
	width:315px;
	height:151px;
	float:left;
}

div#invoer {
	height:50px;
	width:300px;
	float:left;
	margin-top:130px;
	margin-left:50px;
}

/* Order page
================================*/
h2#order-titel {
	background-image:url(../images/order-titel.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:30px;
	margin:0 auto 50px auto;
}

div#background-order {
	background-image:url(../images/background-orderpage.jpg);
	width:850px;
	height:542px;
	padding:20px;
	margin-bottom:42px;
}

.textfieldsmall{ 
	width:114px; 
	height:17px; 
	padding:2px;
	padding-right:5px;
	padding-left:5px;
	border: none;
    border-color: transparent;
	font-size:12px;
	color:#211c71;
	background-position:center right;

	background:transparent url(../images/input-field-short.jpg); background-repeat:no-repeat; border:none; 
	background-position:center right;
	}
	
.textfieldlong{ 
	width:147px; 
	height:17px; 
	padding:2px;
	border: none;
    border-color: transparent;
	font-size:12px;
	color:#211c71;
	background:transparent url(../images/input-field-long.jpg); background-repeat:no-repeat; border:none; }
	
.textfieldsmallred{ 
	width:123px; 
	height:17px; 
	padding:2px;
	border: none;
    border-color: transparent;
	font-size:12px;
	color:#211c71;
	background:transparent url(../images/input-field-shortred.jpg); background-repeat:no-repeat; border:none; }
	
.textfieldlongred{ 
	width:147px; 
	height:17px; 
	padding:2px;
	border: none;
    border-color: transparent;
	font-size:12px;
	color:#211c71;
	background:transparent url(../images/input-field-longred.jpg); background-repeat:no-repeat; border:none; }
.radios{ float:left; display:block; width:250px; padding:0px; margin:0px;}
.radios input{ display:inline-block; width:15px; margin-right:10px; float:left;}
.radios label{  float:left; display: list-item; width:200px; height:40px; list-style:none;}	

/* thnx page
================================*/
h2#thnx-titel {
	background-image:url(../images/thnx-titel.jpg);
	background-repeat:no-repeat;
	width:372px;
	height:23px;
	margin:0 auto 50px auto;
}

h2#sent-titel {
	background-image:url(../images/sent-titel.jpg);
	background-repeat:no-repeat;
	width:398px;
	height:22px;
	margin:0 auto 50px auto;
}

div#background-thnx-buddybooster {
	background-image:url(../images/background-thnx-buddybooster.jpg);
	width:848px;
	height:293px;
	padding:20px;
	margin-bottom:42px;
}

div#background-sector {
	background-image:url(../images/background-thnx-buddybooster.jpg);
	width:848px;
	height:293px;
	padding:20px;
	margin-bottom:42px;
}

.openavond{ position:absolute; bottom:70px;}

.textfield227{ 
	width:223px; 
	height:20px; 
	padding:2px;
	border: none;
    border-color: transparent;
	font-size:12px;
	color:#211c71;
	background:transparent url(../images/textfield227.jpg); background-repeat:no-repeat; border:none; }
	
.textfield{	width:123px; 
	height:17px; 
	padding:2px;
	border: none;
    border-color: transparent;
	font-size:12px;
	color:#211c71;
	background:transparent url(../images/input-field-short.jpg); background-repeat:no-repeat; border:none;  }	

.thanksimage{ position:absolute; right:40px; top:100px;}
.bblogintable{font-size:10px!important;}

  .verstuur
{
background:url(../images/verstuur.jpg) no-repeat 100% 50%; /* Background image */
}  
.verstuur  
    {
     height:24px;
     width:98px;
     background-image:url(../images/verstuur.jpg);
     background-position:right;
     background-repeat:no-repeat;
    border:none;
    outline:none;
    cursor:pointer;
     }       
		
/* Custom Error
=================================================*/				

#alertBox {
	position:absolute;
	width:400px;
	min-height:100px;
	margin-top:100px;
	border:2px solid #3f3994;
	background-color:#ffffff;
	background-image:url(../images/error.png);
	background-repeat:no-repeat;
	background-position:20px 30px;

}
#alertBox h1 {
	margin:0;
	font:bold 12px verdana,arial;
	background-color:#ffffff;
	color:#01015d;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font: 12px verdana,arial;
	height:50px;
	color:#000000;
	height:auto;
	padding-left:30px;
	margin-left:55px;
	padding-bottom:20px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	border:2px solid #3f3994;
	background-color:#000000;
	padding-top:3px;
	width:108px;
	height:15px;
	font:bold 12px verdana;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}

#modalContainer > #alertBox {
	position:fixed;
}


#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(../images/tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

.flashpreview 
{
    position:absolute;
    top:173px;
    left:318px;
}

.homepage{ position:absolute; left:5px; top:410px;}
/* error
================================*/
h2#error-titel {
	background-image:url(../images/errormelding.jpg);
	background-repeat:no-repeat;
	width:369px;
	height:30px;
	margin:0 auto 50px auto;
}

div a#homepage {
	background-image:url(../images/homepage.jpg);
	background-repeat:no-repeat;
	width:187px;
	height:24px;
	display:block;
	position:absolute;
	left:6px;
	top:0;
}