*									{ border:0; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; }
body								{ font-size: 12px; line-height:18px;}
h1, h2, h3							{ font-weight: normal; left:-10px !important;}

/* STRUCTURE */
#wrapper							{ position:relative; clear:both; float:left; width:985px; overflow:hidden; margin-left:1px; }
#wrapper #right						{ float:right; width:595px; position:relative; }
#wrapper #right.newwidth				{ width:985px!important; }
.wideMenu							{ width:985px;}
#wrapper #left						{ float:left; width:370px; position:relative; }
#footer								{ clear:both; float:left; margin: 20px 0 10px 1px; padding:0px 0 6px 0; height: 45px; width: 990px; }
#footer p							{ padding:15px; margin:0; font-size: 11px; text-transform: uppercase; }
#footer a							{ color: #FFFFFF; text-decoration:none;}

.left								{ float:left; }
.right								{ float:right; }
.clear								{ clear:both; }
.roundcorners						{ -moz-border-radius:4px 4px 4px 4px; }

#right .top							{ height:77px; background: url(../images/gradient_top.png) no-repeat bottom left; }
#right .top h1						{ padding: 30px 0 0 20px; font-size: 20px; }
#right .top h1 span.seperator		{ font-size: 12px; font-weight: bold; }
#right .top h1 span.subtitel			{ font-size: 12px; text-transform: uppercase; }
#right .top form						{ width: 205px; padding: 2px; margin-right: -5px; }
#right .top form input.search			{ -moz-border-radius:0 3px 3px 3px; width: 170px; height: 24px; margin: 2px 1px 2px 2px; padding-left: 4px; font-weight: bold; font-size: 11px; }
#right .top form input.submit			{ margin: 2px 0 0 0; padding: 0; width: 28px; height: 24px; }


#menu				{ -moz-border-radius:4px 4px 4px 4px; height: 35px;  background: url(../images/menu_background.png) repeat-x center left; text-align:right;  padding-right:0px; }
.mainMenu						{ width:593px; height: 35px; float:right; background:transparant;}
.mainMenu li					{ float:left; padding: 8px 2px 0 2px; height: 30px; list-style-type:none; display:inline; background: url(../images/menu_seperator.png) no-repeat; }
.mainMenu li.first			{ float:right; background:none;}
.mainMenu li a				{ font-weight: bold; padding: 12px; text-decoration: none; font-size: 11px; }

#right .login						{ height:60px; background: url(../images/gradient_bottom.png) no-repeat top right; }
#right .login form					{ width: 400px; padding: 5px; }
#right .login form input[type="password"],
#right .login form input[type="text"]	{ width: 140px; height: 21px; margin: 2px; padding-left: 4px; font-weight: bold; font-size: 10px; }
#right .login form input[type="password"]:focus,
#right .login form input[type="text"]:focus	{ border: 1px solid #fff; margin: 1px; }
#right .login form input[type="image"]{ margin-top: 1px; }
#right .login p						{ padding-top: 7px; width: 77px; font-size: 9px; text-transform: uppercase; font-weight: bold; }

#right #content						{ min-height: 388px; }
#right #kortverhaal					{ height: 278px; padding: 15px; }
#right #kortverhaal h3				{ font-size: 30px; }
#right #kortverhaal h4				{ font-weight: 14px; text-transform: uppercase; padding: 5px 0 20px 0; font-family: Verdana; }

/* homepage edities*/
#left .editie						{ width:183px; height:295px; float:left; margin-right:2px;}
#left .editie .toptitle			{ -moz-border-radius:3px 3px 0 0; height: 35px; margin: 15px 0 3px 0; }
#left .editie .toptitle h3			{ font-size: 22px; padding: 10px 8px; }


#content h2							{ font-size: 30px; }
#content .cleft p,
#content h2							{ padding: 5px 0 15px 5px; }
#content .cleft p						{ padding-right: 10px; }
#content .cleft p.first				{ font-weight: bold; padding-top: -5px; }

#content .cleft 						{ float: left; width: 315px; margin-right:10px;}
#content .cleft #div_Onlineabonneren		{ margin-left:5px;}
#content .cright						{ float: right; width: 270px; }
#content .cright .box					{ padding: 10px; }
#content .cright .box.verhalen p		{ font-weight: bold; font-size: 11px; text-transform: uppercase; padding-bottom: 5px; }
#content .cright .box.verhalen ul.half { width: 48%; }
#content .cright .box.verhalen ul li	{ list-style-type: none; }
#content .cright .box.verhalen ul li a	{ text-decoration: underline; font-size: 10px; }
#content .cright .box.abonneren h3	{ font-size: 30px; }
#content .cright .box.abonneren a		{ margin-top: 5px; font-weight: bold; font-size: 11px; color: #433b39; text-decoration:none;}
#content .cright h2					{ color: #336799;}
#content .cright .paragraph h2		{ margin-top:50px; font-size:20px}
#content .cright .paragraph p		{ margin-left:5px;}


#content-nieuws h2							{ font-size: 30px; color:#cc0001;}
#content-nieuws .cleft p,
#content-nieuws h2							{ padding: 5px 0 15px 5px; }
#content-nieuws .cleft p						{ padding-right: 10px; }
#content-nieuws .cleft p.first				{ font-weight: bold; padding-top: -5px; }


#content-nieuws .cleft 						{ float: left; width: 515px; margin-right:10px; color:#7b4766; line-height:18px;}
#content-nieuws .cleft #div_Onlineabonneren		{ margin-left:5px;}
#content-nieuws .cright						{ float: right; width: 270px; }
#content-nieuws .cright .box					{ padding: 10px; }
#content-nieuws .cright .box.verhalen p		{ font-weight: bold; font-size: 11px; text-transform: uppercase; padding-bottom: 5px; }
#content-nieuws .cright .box.verhalen ul.half { width: 48%; }
#content-nieuws .cright .box.verhalen ul li	{ list-style-type: none; }
#content-nieuws .cright .box.verhalen ul li a	{ text-decoration: underline; font-size: 10px; }
#content-nieuws .cright .box.abonneren h3	{ font-size: 30px; }
#content-nieuws .cright .box.abonneren a		{ margin-top: 5px; font-weight: bold; font-size: 11px; color: #433b39; text-decoration:none;}
#content-nieuws .cright h2					{ color: #336799;}
#content-nieuws .cright .paragraph h2		{ margin-top:50px; font-size:20px}
#content-nieuws .cright .paragraph p		{ margin-left:5px;}




/* nummers overzicht */

#LeftNummers				{ float:left;margin: 0 30px 0 30px; width:210px;}
#LeftNummers h2				{ color: #012f60;	}
#LeftNummers p				{ color: #385d87;	}

#pageContents				{ margin-top:20px;}
#pageContents a				{ font-size: 30px; text-decoration:none;}
#pageContents a:hover		{ color:#CC0000;}
#pageContents a.active		{ color:#CC0000;}

#RightNummers						{float:left; width:715px; margin-top:40px;}
#RightNummers .editie				{ width:113px; height:220px; float:left; margin-left:6px; }
#RightNummers .editie .toptitle		{ -moz-border-radius:3px 3px 0 0; height: 35px; margin: 15px 0 3px 0; }
#RightNummers .editie .toptitle h3	{ font-size: 16px; padding: 10px 8px; }


/*publication pagina*/

/* nummers overzicht */

#LeftPublication				{ float:left;margin: 0px 50px 0 30px; width:310px;}
#LeftPublication h2				{ color: #CC0001; font-size:30px;	}
#LeftPublication #backlink		{ margin-bottom:10px; margin-left:5px;}
#LeftPublication #backlink a	{ color:#000000; text-decoration:underline;}


#RightPublication				{ float:left;margin: 0 0 0 0; width:595px;}
#RightPublication h2			{ color: #336797; font-size:30px;	}

#RightPublication #pubIntro		{ margin-bottom:20px;  }
#RightPublication #pubIntro h2 			{ color: #490248;}
#RightPublication #pubIntro p 			{ color: #490248; margin-left:5px; margin-top:25px;  -moz-column-width: 260px; -webkit-column-width: 260px; -moz-column-gap: 20px; -webkit-column-gap: 20px;}

.contents {background-color: #c6d0dc; margin:0px; border-width:0px; border-spacing:0px; border-style:none; width:590px; color: #123d68; margin-left:5px;}
.header td { background-color: #185594; height: 30px; padding:10px; color:#FFFFFF; font-weight:bold; -moz-border-radius:5px 5px 0 0; background:  url(../images/contentsheaderbg.png) repeat-x;}
.contents td { background-color: #c6d0dc; border-right:1px solid #FFFFFF; padding: 0 10px 0 10px;}
.footer td { height: 40px; }
.genre td { padding-top: 18px; }


/*story overzicht*/
#leftStory				{ float:left;margin: 0px 50px 0 30px; width:310px;}
#leftStory .contents	{ width:325px; background-color: #dbd0cc; color:#CC0000;}
#leftStory .contents a	{ color:#631417;}
#leftStory .contents td	{ background-color: #dbd0cc; }
#leftStory .header td { background-color: #dbd0cc; background:url("../images/menu_background.png") repeat-x scroll left center transparent;}
#leftStory #backlink		{ margin:0 0 10px 5px;}
#leftStory #backlink a	{ color:#000000; text-decoration:underline;}
#leftStory h2	{ color:#CC0000; }


#middleStory				{ float:left;margin: 0px 20px 0 0; width:390px; }
#middleStory .writer 	{ margin-bottom:5px;}
#middleStory h2			{ color:#CC0000; }
#middleStory p			{ margin-left:5px; }

#rightStory				{ float:left;margin: 0px 0 0 0; width:180px; }
#rightStory .contents	{ width:180px; }

#rightStory .storyDetails p			{ margin:50px 0 5px 5px; font-size:11px; }
#rightStory .storyDetails .contents { margin-top:10px;}
#rightStory .storyDetails a			{ color:#CC0000; text-decoration:underline;}
.subtitle				{ font-size:11px;}

.readmore				{ margin-top:20px;}
.readmore a				{ color:#000000; font-weight:bold; }
.price					{ color:#CC0000;}

.small	{ font-size:12px;}
.medium	{ font-size:15px;}
.large	{ font-size:17px;}


/*
	Form
*/
td{ padding-top:10px; font-size:12px;}
td input{ padding:3px; font-size:11px; border:1px solid #DDD;}
.form .outputDiv	{ color:#FF0000; }
td input #Aanhef_Dhr. { widtH:20px;}
legend				{ font-weight: bold;}
.required { color:#F00;}
.relatedWriters				{}
.relatedStories				{}
.relatedPublications 		{}
.relatedPublishers			{}
.relatedTranslators			{}

.relatedWriters,
.relatedStories,
.relatedPublications,
.relatedPublishers,
.relatedTranslators				{ border-top: 1px dashed #ccc; padding: 10px 0; }

.relatedStories h3,
.relatedPublications h3			{ margin-top: 15px; }
.relatedStories p,
.relatedPublications p			{ margin-bottom: 10px; }
.relatedStories p a,
.relatedPublications p a			{ color: #000; }
.relatedStories p a:hover,
.relatedPublications p a:hover	{ text-decoration: none; }

.relatedStories .highlight,
.relatedPublications .highlight	{ font-weight: bold; color: #CF0001; text-decoration: underline; }

#right .login #loginIncorrect,
#right .login #loginCorrect				{ clear: both; display: block; width: 350px; float: right; }
#right .login #loginIncorrect p			{ width: 92%; text-align: right; color: #CF0001; text-decoration: underline; }
#right .login #loginCorrect p				{ width: 92%; text-align: right; color: #CF0001; }
#right .login #loginCorrect span			{ color: #000; }

#newSearch, .newSearch			{ margin-bottom: 15px; }
#newSearch input[type="text"],
#newSearch input[type="submit"]	{ height: 21px; margin: 2px; padding-left: 4px; font-weight: bold; font-size: 10px; }

#newSearch input[type="text"]		{ width: 180px; border: 1px solid #000; }
a.nostyle						{ text-decoration: none; color: #38104C; }
a.nostyle:hover					{ text-decoration: none; color: #38104C; }