/*
Theme Name: GMR Online
Description: Stylesheet voor het altijd levendige blog van GMR.
Author: Niels de Rijk
*/

/*----------------------------typografie & kleuren-------------------*/

body{

	padding:18px 0 0 0; margin:0; background: #184152 url(images/bg2.jpg) top repeat-x; color:#1b1b1b;

	}

body img{

	border: 0px;

	}

.wijspelen img{

	width: 267px;

	}

div, p, ul, a, form, label, h1, h2, h3, h4, h5, h6, h7{ 

	padding:0; margin:0;

}

.banner{

	width: 468px; height: 60px; margin-left: 7px; margin-top: 1px;

}

.leaderboard{

	width:778px; height: 100px; margin:-10px auto; color:#FFFFFF; padding: 0 0 8px 0; overflow: hidden; z-index: 11; float: center;
}


.prijsvraag{

	width: 474px; margin: 6px 0 2px 5px; font-family: Georgia, serif; font-size: 12px; overflow:hidden;

}

.prijsvraag .button01{

	background: url(images/button_nieuwegmr.jpg) no-repeat; width: 237px; height: 93px; float:left; 

}

.prijsvraag .button01 a{
width: 237px; 
height: 93px; 
float:left;
text-decoration: none;
}

.prijsvraag .button02{

	background: url(images/button_prijsvraag2.jpg) no-repeat; width: 237px; height: 93px; float:left;

}

.prijsvraag .button02 .text{

	color: #1b1b1b; padding-left: 16px; padding-top: 22px;

	}

.prijsvraag .button02 .text a{

	text-decoration:none; color: #af4e32; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;

	}

.prijsvraagtekst a{

	text-decoration:none; color: #2a6883;

	}

.prijsvraagtekst{

	font-family: Georgia, Arial, Helvetica, serif; font-size: 12px; margin-top: 10px;
	font-size: 13px; color: #1B1B1B;

	}

.blank{

	clear:both;

	}

ul{list-style: none;}

/*------------------------------------header-------------------------*/

#header{

	width:778px; margin:0 auto;background:url(images/header_pic.jpg) no-repeat 0 26px; color:#FFFFFF; height:198px;

	}

#header ul{

	width:470px; display:block; float:left; height:26px;

	}

#header ul li{

	float:left; margin:0 4px 0 0; display:block;

	}

#header ul li a{

	font:12px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; padding-top: 1px;

	 background:url(images/navi_bg_h.gif) no-repeat 0 0; color:#1b1b1b;  text-align:center; width:92px; height:25px;

	 text-decoration:none;

	 }

#header ul li a.stay{

	font:12px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; padding-top: 1px;

	 background:url(images/navi_bg.gif) no-repeat 0 0; color:#FDFDFD; text-align:center; width:92px; height:25x;

	 text-decoration:none;

	 }

#header ul li a:hover{

	background:url(images/navi_bg.gif) 0 0 no-repeat; color:#FDFDFD;

}

#header form{

	float:right; display:block; height:24px; width: 193px; background:url(images/form_bg.gif) no-repeat 0 0; color:#FFFFFF;	padding:1px 6px 2px 10px;

	}

#header form label{

	float:left; display:block; font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:5px 6px 2px 0; line-height: 16px;

	}

#header .input{

	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; height: 14px; margin: 3px 3px 0 0; padding: 0 0 0 0; float: left;

	}

#zoekknop{

	width: 11px; height: 15px; float: left; padding: 4px 0 0 0;

	}

#header h1{

	width:193px; height:22px ; padding:0 0 0 375px; margin:0; float:left; display:block;

	font:bold 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;

	}

#headclick {
background: url(images/header_pic.jpg) no-repeat;
width: 778px;
height: 171px;
clear:both;
}	

#headclick a {
width: 778px;
height: 171px;
float: left;
text-decoration: none;
}

/*---------------------bodyPan----------------------------------------*/

#body{

	background: #FFFFFF; width:773px; margin:0 auto 0 auto; padding:0 5px 0 0;

	}

#body_prijs{

	background: #FFFFFF; width:773px; margin:0 auto 0 auto; padding:0 5px 0 0; overflow:hidden;

	}

#left{

	background-color: #FFFFFF; width:481px; float:left; color:1B1B1B; padding:0 5px 0 0;

	}

#left p.top{

	width:481px; height:35px; display:block; background:url(images/left_top.gif) no-repeat 0 0; clear: both;

	}

#left p.top_team{

	width:481px; height:24px; background:url(images/left_top_team.gif) no-repeat bottom; float:left;

	}

#left .bottom_team{

	width:481px; height:13px; background: url(images/left_bottom_team.gif) no-repeat 0 0; margin: 0 0 0 7px;

	}

#left .buttom{

	width:481px; background:#FFFFFF; height: 20px; clear:both;

	}

#leftpan{

	width:429px; height:100%; background: url(images/left_smalbg.gif) no-repeat 0 0; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; padding:0 26px 0px 26px;

	}

#leftpan_team{

	width:416px; height:100%; background-color: #E0E0E0; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; padding:0 26px 0px 26px; border-left:7px solid #ffffff;

	}

#leftpan p,#leftpan_team p{

	width:416px; display:block; line-height:19px; font-size:13px; margin:2px 0 15px 0; float:left;

	}

#leftpan p a, #leftpan_team p a, #leftpan ul li a, #navigatie a, #leftpan_team a{

	color: #287497; text-decoration: none;

	}

#leftpan_team a{

	font-variant: small-caps; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	}

#leftpan img{ 

	margin-right:11px; margin-top: 2px; background-color:#FFFFFF; float: left; clear: both;

	}

#leftpan_team img{

	margin-right:11px; margin-top: -2px; padding: 0px; border: 0px;

	}


#leftpan a img{ 

	padding:7px; border:1px solid #adadad;

	}

#leftpan h1{

	width: 441px; font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1b1b1b; margin: 0 0 20px 0; padding: 3px;

	}

.zwartje{

	padding:0 7px 0px 0; height: 15px; float: left; font:10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; clear: both;
	}

.homepagetab .zwartje{

	background: #000000 url(images/zwartrechts.gif) no-repeat right;

	}

.zwartjetussen{

	color:#FFFFFF; float: left; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif; height: 11px; padding-top: 1px; line-height: 13px;

	}

.zwartje a{

	color:#FFFFFF; text-decoration: none; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; float: left; height: 11px; line-height: 13px; padding: 1px 0 0 4px; 

	}

h6{

	background: url(images/haarlijn.gif) repeat-x left top; clear: both; margin: 0px 0 8px 0; height:1px; overflow: hidden;

	}

#leftpan h6{

	width:429px;

	}

#leftpan h2{

	color: #193E4F; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; clear: both; margin-left: -1px; font-size: 21px; width: 429px;
}

#leftpan h2 a{

	color: #193E4F; text-decoration: none;

}

#leftpan h2.pagetitle{

	background:none;

}

#leftpan h3{

	font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; padding-bottom: 4px; margin-top: 4px; float: left; clear: both; width: 429px;
	
	}

#leftpan h3 a{

	text-decoration: none; color:#1b1b1b;

	}

#leftpan ul{

         margin: 0 0 10px 16px; font-size:13px; line-height: 19px; float:left; list-style: disc;
                
                }

#leftpan .button01{

	background:#EDEDED url(images/button_links.gif) left no-repeat; float:right; display:block;  padding-left: 9px; margin-bottom: 20px; 

	}

#leftpan .button02{

	 background:#EDEDED url(images/button_rechts.gif) right no-repeat; display:block; float: left; height: 18px; padding-right: 9px; 

	}

#leftpan .button02 a{

	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration:none; float:left; display:block; color: #1B1B1B; margin-top: 2px; line-height: 16px;

	}

#leftpan button02 a:hover{

	color: #193E4F;

	}

#leftpan_team .profiel{

	padding: 0 0 10px 0; font-size: 13px; line-height:19px;

	}

#leftpan ul.nav{

	background:none;

}

#leftpan a.more{

	display:block; float:left; color: #287497; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;

	}

#leftpan_team .teamkop{

	display:block; float:left; width: 134px; height: 24px; margin: 2px 0 16px 0; background: url(images/teamkopgroot.gif); clear: both;
	}

.rss{

	width: 422px; float: left;	margin-top: 36px; margin-bottom: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	}

.rsslinks{

	width: 394px; float: left; display: block; 

	}

.rssrechts{

	background: url(images/rss.gif) right no-repeat; width: 28px; display:block; float: left; height: 18px; 

	}

.rsscolofon{

	margin: 0 0 -2px 1px; width: 20px; height:12px;

	}

/*-----------------------------right side------------------------*/

#rightSide{

	background: #FFFFFF; margin: 0 0 0 0; float: left; width: 287px; overflow: hidden;

	}

#rightPan{

	background: #FFFFFF;

	}

#kader{

	background: #c6dedf url(images/kaderboven.gif) no-repeat 0 0; margin-left: 6px; margin-bottom: 10px; width: 279px; overflow:hidden;

	}

#kader2{

	background: #FFFFFF url(images/kader2boven.gif) no-repeat 0 0; margin-left: 4px; margin-bottom: 9px; width: 283px; overflow: hidden;

	}

#kader3{

	background: #f2f1ce url(images/kader3boven.gif) no-repeat 0 0; margin-left: 4px; margin-bottom: 10px; width: 283px; overflow: hidden;

	}

#kaderabo{

	margin-left: 6px; width: 279px; margin-bottom: 10px; height: 93px; overflow: hidden;

	}

#kaderpoll{

	background: #fadcca url(images/kaderpollboven.gif) repeat-x 0 0; width: 279px; overflow:hidden; margin-left: 6px; margin-bottom: 8px;

	}

.pollgradient{

	background: url(images/pollachter.gif) repeat-x bottom;

	}

#kaderpollonder{

	background: #eccdba url(images/pollonder.gif) no-repeat top; height: 13px; overflow: hidden; clear:both;

	}

.rood{

	color:#FFFFFF; text-decoration: none; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(images/roodrechts.gif) no-repeat right; height:26px; width: 278px; border-left: #7D7D7D 1px solid;

	}

#kaderpoll .rood .text{

	padding-left: 6px; padding-top: 4px;

	}

input.stem1{

	background: url(images/stem1_button.gif) no-repeat; width: 52px; margin-left: 14px; 

	}

input.stem2{

	background: url(images/stem2_button.gif) no-repeat; width: 61px; margin-left: 5px; 

	}

input.stem3{

	background: url(images/stem3_button.gif) no-repeat; width: 61px; margin-left: 14px; 

	}

input.stem1, input.stem2, input.stem3{

	height: 19px; float:left; margin-top: 6px; border:none;

	}

input.stem1:hover, input.stem1:active, input.stem2:hover, input.stem2:active, input.stem3:hover, input.stem3:active{

	background-position: 0 -19px;

}

#kader .blauw p, .geel p{

	background: url(images/kaderonder.gif) no-repeat; height: 13px; margin-top: -4px; overflow: hidden;

	}

.zwartjerechts{

	color:#FFFFFF; text-decoration: none; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; background: #000000 url(images/zwart2rechts.gif) no-repeat right; height:22px; width: 261px; border-bottom: #FFFFFF 1px solid; margin-left: 8px; margin-right: 8px; margin-top: 8px; padding-left: 6px; padding-top: 4px;

	}

#kader2onder{

	background: url(images/kader2onder.gif) no-repeat; height: 19px; margin-top: -4px;

	}

#kader3onder{

	background: url(images/kader3onder.gif) no-repeat; height: 19px; margin-top: -4px;

	}

h4{

	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing: 0.05em;

	}

#rightPan .blauw h4{

	color: #193E4F; border-bottom:#B2B2B2 1px solid; padding-top: 10px; margin-bottom: 6px; margin-right: 10px; margin-left: 10px; width: 258px; 

	}

#rightPan .blauw ul{

	background: #c6dedf url(images/kadermidden.gif) repeat-y; clear: both; padding-left: 10px; padding-right: 12px;

	}

#rightPan .blauw ul li{

	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1b1b1b;

	}

#rightPan .geel .teamkop{

	padding: 18px 0 0 15px; height: 27px;

	}

#rightPan .geel .teamlijst{

	background: url(images/kader3midden.gif) repeat-y; clear: both; padding-left: 16px; padding-right: 12px; width: 258px; overflow: hidden;

	}

#rightPan .geel .teamfoto{

	width: 43px; float: left; clear:both; height: 35px;

	}

#rightPan .geel .teamnaam{

	margin-left: 8px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1b1b1b; width: 204px; float: left; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; line-height: 16px; height: 35px;

	}

#rightPan .geel a{

	text-decoration:none; color:#1b1b1b; font-weight:bold;

	}

#rightPan .geel a:hover{

	color:#403f15;

	}

.reactie{

	padding-left: 6px; padding-bottom: 2px;

	}

#rightPan .wit ul{

	background: #FFFFFF url(images/kader2midden.gif) repeat-y; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; clear: both; padding-left: 8px; padding-right: 8px;

	}

#rightPan .wit ul li img{

	background: #FFFFFF; border-bottom:#FFFFFF 1px solid; margin-bottom: 4px; margin-left: -6px; width: 267px;
	
	}

#rightPan .wit ul li {

	background: #E0E0E0; padding-left: 6px; padding-right: 2px; line-height: 16px; width: 259px;

	}

#rightPan .wit ul li a{

	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color:#287497;  line-height: 16px;

	}

#rightPan ul li a{

	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold; line-height: 16px; color: #1B1B1B;

	}

#rightPan .blauw ul li a:hover{

	text-decoration:none; color: #193E4F;

	}

#rightPan h3{

	background:url(images/arch.gif) no-repeat 0 0; width:73px; height:15px; display:block; text-indent:-2000px; padding:0 0 15px 0; font-size:0;

	}

/*----------------------------archives start---------------------*/

.archief{

	width: 429px; font-size: 13px; clear: both; line-height: 19px;

	}

.archief .zwartje{

	background: #5082a3 url(images/blauwrechts.gif) no-repeat right;
	}

.zwartje_archief {

	height: 11px; line-height: 13px; padding: 1px 0 0 4px; 

	}

.archiefkop{

	font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float: left; margin: 0 0 14px 0; color: #1b1b1b;

	}

.tagcloud{

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding: 4px 10px 10px 10px; margin: 0px 0 20px 0; border-top:1px solid #adadad; border-bottom:1px solid #adadad; background-color: #e7eff0; line-height: 20px; clear: both;

	}

.tagcloud a{

	color:#1b1b1b; text-decoration: none;

	}

.tagcloud a:hover{

	color:#193E4F;

	}

#leftpan .archief_maand ul, #leftpan .archief_rubriek ul{

	background: none; float: left; border-bottom:1px solid #adadad; border-top:1px solid #adadad; background-color: #e7eff0; padding: 10px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 19px; overflow:hidden;

	}

#leftpan .archief_maand ul{

	width: 170px; margin: 0 10px 0 0;

	}

#leftpan .archief_rubriek ul{

	width: 209px; margin: 0px;

	}

#leftpan .archief ul li{

	background: none; width: 180px;

	}

#leftpan .archief ul li a{

	text-transform:none; font-weight: bold; font-size: 11px; color:#1B1B1B;

	}

#leftpan .archief ul li a:hover{

	color:#193E4F;

	}

#leftpan .archief_maand{

	background-color: #FFFFFF; float: left; width: 200px;

	}

#leftpan .archief_rubriek{

	width: 209px; margin: 0px; float:left; overflow:hidden;

	}

#navigatie{

	width: 429px; clear:both; padding: 10px 0 0 0; font-size: 13px;

	}

#navigatie a{

	float:left;

	}

.navi02{

	float:right; text-align-right;

	}

/*---------------------------*/

#rightPan ul.com{

	width:237px; background:url(images/rightCom_bg.gif) no-repeat 0 0; font-size:0; height:25px; padding:9px 0 0 13px;

	margin:0 0 190px 0; float:left;

	}

#rightPan ul.com li{

	background:url(images/come_arrow.gif) no-repeat right top; display:block; float:left; border-bottom:none; padding:0;

	margin:0 10px 0 0;

	}

#rightPan ul.com li a{

	font:18px/17px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#D1A345; text-decoration:none; margin:0 30px 0 0;

	display:block;

	}

#rightPan ul.com li a:hover{

	text-decoration:underline;

	}

/*------------------------comments---------------------------*/

#comments {

	line-height:16px; font-family: "Georgia", Arial, Helvetica, sans-serif; display: block; float: left; padding:0 37px 0px 26px;

	}

#comments p {

	width:415px; font-size: 12px; padding: 7px;	

	}

#comments a:link, #comments a:visited {
	color:#287497; text-decoration: none;
	}

#comments a:hover, #comments a:active {
	color:#287497;
	}

#comments h3, #comments .rss {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; height: 30px; clear: both;
 	}

ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	clear: both;
	}

.commentlist .balk {

	padding: 7px;
	float: left;
	display: block;
	font-style: normal;
	background: url(images/bg_comments2_cite.gif);
	border-top: 1px solid #bfced1;
	color: #1B1B1B;
	font-size: 11px;
	width: 415px;
	clear: both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

.commentlist .links {
	width: 300px; float: left; display: block;
	}

.commentlist .rechts {
	width: 115px; float: left; display: block; text-align: right;
	}

.commentlist .author {
	text-transform:uppercase; font-weight: bold;
	}

.commentlist .time {
	background: url(images/bg_clock.gif) no-repeat 1px;
	padding-left:14px;
	}

.commentlist .commenttext {
	width:429px; background:#E4E4E4; border-top:1px solid #bfced1; border-bottom:1px solid #bfced1; color:#1B1B1B; margin-bottom:10px; line-height: 16px; float: left; display: block; clear: both;
	}

blockquote {
	font-style: italic; margin: 0 0 0 10px; padding: 0 0 0 0px;
	}

#comments_form {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 10px;
	}

input.veld {
	margin: 10px 0 0 0; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 2px 0 2px;
	}

textarea {
	margin: 10px 0 0 0; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 2px 1px 2px; width: 350px;
	}

input.submit{
	background: #FFFFFF url(images/plaatsreactie.jpg) no-repeat; width: 91px; height: 19px; border: none; margin-top: 10px;
	}

input.submit:hover, input.submit:active{
	background-position: 0 -19px;
} 

/*------------------------------------footer-------------------*/

#footer{

	padding: 12px 0 0 12px; background-color: #000000; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; border-left: #FFFFFF 7px solid; border-right: #FFFFFF 2px solid; line-height: 15px;

	}

#footer_bottom{

	background: #FFFFFF url(images/footer.gif) bottom no-repeat; width:778px; margin:0 auto 0 auto; height: 37px;
	}

#footer a{

	text-decoration:none; color: #69b0ce;

	}

#footer a:hover{

	color:#69b0ce;

	}