/*
Theme Name: RKSV Ulysses Megen
Theme URI: http://rksvulysses.nl
Description: ...
Author: Niek Beck
Tags: voetbal, megen, wordpress

Alle rechten voorbehouden, Niek Beck 2010

*/

/*Yahoo css reset script*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

strong, em{
font-weight: bold;
}

	
	
body {
/* background: #333333; */
color: #333333;
margin:0; 
background:#fff url(images/grass.jpg) repeat top center fixed;
font-family: Georgia, Times, Times New Roman, serif;
}

a, a:visited{
text-decoration: none;
color:#003366;
}

a:hover{
text-decoration: underline;
color:#336699;
}
	
#wrapper{
margin:0 auto;
width:1020px;
}

h1.logo{
margin-left:20px;
padding-top:20px;
width: 683px;
height:100px;
background: url(images/header.gif) no-repeat left bottom;
}



#header{
width:1020px;
height:140px;
background:#333333;
/*
filter: alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
*/
}

#content{
width:1020px;
background:#fcfcef url(images/bottom-logo.gif) no-repeat left bottom;
padding-bottom: 40px;
}

#topnavold{
color:#fcfcef;
font-size:18px;
margin:0 auto;
width:1020px;
height:60px;
background:#33669a;
line-height:60px;
border-bottom: 1px solid #fff;
}

#pool{
color:#fcfcef;
font-size:18px;
margin:20px 20px 0 20px;
padding:0 0 0 230px;
width:750px;
height:60px;
line-height:60px;
border-bottom: 1px solid #fff;
background:#EFB351 url(images/poolback.jpg) no-repeat left bottom;
}

#pool a{
text-decoration: underline;}

#topnavold ul{
width: 1020px;
margin-left: 10px;
}

#topnavold ul li{
display: inline;
}

#topnavold a, #topnavolda:visited{
padding-left:15px;
padding-right:15px;
display: block;
height: 60px;
text-decoration: none;
color:#fcfcef;
float: left;
}

#topnavold a:hover,#topnavold li.current_page_item a, #topnavold li.current_page_parent a{
background: url(images/topnav.gif) no-repeat center !important;
}

#fpcontent{
width: 740px;
float:left;
}

#fpcontent H2, #singlecontent h2{
margin: 5px 0 5px 0 ;
font-size: 12px;
color:#848484;
}

#singlecontent{
width: 720px;
float:left;
padding: 20px 0 0 20px;
}

#single-post{
border-bottom: 1px solid #d9d9ce;
width: 460px;
}

#leadstory, #fotopage{
width:720px;
margin: 20px 0 0 20px;
}

#leadstory h1, #singlecontent h1{
font-size: 24px;
color: #003366;
}

#leadstory p{
line-height: 24px;
}

#leadstory img.attachment-post-thumbnail, #fotopage img.attachment-post-thumbnail{
float:left;
margin-right: 20px;
border:5px solid #fff;
}

.fotopageitem{
padding: 20px;
width:680px;
height: 210px;
}

.otherstory{
width: 220px;
margin: 20px 0 0 20px;
float: left;
}

.otherstory h1{
color:#003366;
font-size: 20px;
}

.otherstory p{
line-height: 24px;
margin-bottom: 5px;
}

a.readmorelink, a.more-link{
color:#EF5222;
}

#oldstory{
margin-left: 20px;
}

#oldstory h1{
margin: 20px 0 10px 0;
font-size: 26px;
}

#oldstory li{
line-height: 40px;
border-bottom: 1px solid #d9d9ce;

}

#oldstory ul {
border-top: 1px solid #d9d9ce;
}

/* single page markup */
#the-content p{
line-height: 28px;
margin-bottom: 20px;
}

#the-content h2, #the-content h3, #the-content h4{
color: #EF5222;
font-size: 120%;
}
#the-content h1{
color:#333333;
font-size: 130%;
font-weight: bold;
}

#the-content ul li{
list-style: disc;
}

#the-content li{
padding-left: 5px;
line-height: 30px;
}

#the-content ul, #the-content ol{
margin-bottom: 20px;
margin-left: 20px;
padding-left: 20px;

}

#the-content ol{
list-style: decimal;
}

#subnav{
margin-left: 10px;
width: 140px;
border-left: 1px solid #d9d9ce;
float: right;
}

#subnav ul li{
margin: 0;
padding: 0;
list-style: none;
}

#subnav ul{
margin: 0 0 0 10px;
padding: 0;
}

#subnav .current_page_item a{
font-weight: bold;}

#contentsidebar{
font-size: 90%;
margin-left: 10px;
width: 240px;
border-left: 1px solid #d9d9ce;
float: right;
background: #E0E1D7;
}

#spelerslijst1{
width: 340px;
float: left;
}

#spelerslijst2{
width: 340px;
float: left;
}

#contentsidebar ul li{
margin: 0;
padding: 0;
list-style: none;
}

#contentsidebar ul{
margin: 0 0 0 10px;
padding: 0 10px 0 0;
}

#contentsidebar ul li{
line-height: 20px;
margin-bottom: 10px;;}

#contentsidebar h1{
font-weight: lighter;
color:#333333;
padding: 10px 10px 10px 10px;
font-size: 18px;
}

#fpsidebar{
padding-top: 20px;
width: 240px;
margin-left: 760px;
background: #FCFCEF;
}

#shortnews h1{
font-size: 24px;
color: #333;
border-bottom: 1px solid #d9d9ce;
padding-bottom: 5px;
}

#shortnews{
color: #333;
font-size: 80%;
background: #FCFCEF;
}

#shortnews li{
line-height: 20px;
padding: 5px;
}

#shortnews ul{
border-bottom: 10px solid #FCFCEF;
}

#shortnews ul li.odd, .items ul li.odd{
background: #fff;
}

.shortnewsdate{
color: #929292;
}

#shortnews p{
padding: 10px;
}

.shortnews-readmore{
cursor: pointer;
margin-left: 5px;
color:#929292;
text-decoration: underline;
}

.shortnews-readmore.hover{
color: #333333;
}

.collapse h3{
cursor: pointer;
width: 240px;
height: 40px;
background: url(images/collapsebuttons.gif) transparent;
}

.collapse h3 span{
display: none;
}

#programma h3.hover{
background-position: 0px -40px;}
#programma h3.uitgeklapt{
background-position: 0px -80px;}
#programma h3.uitgeklapt.hover{
background-position: 0px -120px;}
#agenda h3{
background-position: 0px -160px;}
#agenda h3.hover{
background-position: 0px -200px;}
#agenda h3.uitgeklapt{
background-position: 0px -240px;}
#agenda h3.uitgeklapt.hover{
background-position: 0px -280px;}
#agenda{
margin-top: 20px;}

#programma h1, #agenda h1{
padding-left: 5px;
line-height: 40px;
font-weight: bold;
font-size: 130%;
}

#programma h2, #agenda h2{
padding-left: 10px;
color: #003366;
font-size: 120%;
background: #E1E1D8;
line-height: 30px;
}

#programma ul, #agenda ul{
margin-bottom: 10px;}

.items li{
line-height: 20px;
padding: 5px 5px 5px 15px;;
}


.items{
color: #333;
font-size: 80%;
}


ul.tabNavigation{
height: 67px;
}

ul.tabNavigation li{
height: 67px;
width:80px;
display: inline;
}

ul.tabNavigation a{
display: block;
float: left;
width:80px;
height: 67px;
background-image: url(images/tab-sprites.gif);
}



/*


#programma a{
background-position: 0px 0px;}

#agenda a{
background-position: -80px 0px;}

#afgelast a{
background-position: -160px 0px;}

#programma a:hover{
background-position: 0px -134px;}

#agenda a:hover{
background-position: -80px -134px;}

#afgelast a:hover{
background-position: -160px -134px;}

#programma a.active{
background-position: 0px -67px;
}

#agenda a.active{
background-position: -80px -67px !important;
}

#afgelast a.active{
background-position: -160px -67px !important;
}


.programma, .agenda, .aflastingen{
line-height: 24px;
padding:5px 10px 10px 10px;
font-size: 80%;
top:67px;
background: #fff;
}

.programma h1, .agenda h1, .aflastingen h1{
font-size: 14px;
line-height: 20px;
color: #ef5222;
font-weight: bold;
}

.programma h2, .agenda h2, .aflastingen h2{
margin:0 0 5px 0;
font-weight: bold;
}

.programma ul, .agenda ul, .aflastingen ul{
}

.programma li, .agenda li, .aflastingen li{
padding: 3px 5px 3px 5px;
background: #fffff7;
line-height: 18px;}

.programma li.even, .agenda li.even, .aflastingen li.even{
background: #fcfcef;
}

.agenda h2, .programma h2{
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0;
padding: 5px;
line-height: 18px;}

.tabs li, .tabs p{
font-size: 85%;
font-family: Helvetica, Arial, sans-serif;
}

.edit-time{
font-size: 90%;
color: }
*/

#follow, #rss{
padding-top: 20px;
background: #fcfcef;
}

#rss{
padding-bottom: 20px;
}

#sponsor{
border-bottom: 20px solid #333333;
width: 240px;
background: #333333;
}

#sponsor img{
display: block;
border: 5px solid #4d4d4d;
margin:10px;
width: 210px;
height: 210px;
}

#sponsor h1{
color: #fcfcef;
padding: 10px 0 0 10px;;
font-size: 20px;
}


#follow a, #rss a{
display: block;
height: 40px;
width: 240px;
background-image: url(images/feed.gif);
}

#follow a{background-position: 0px -40px;}
#follow a:hover{background-position: 0px 0px;}
#rss a{background-position: 0px -120px;}
#rss a:hover{background-position: 0px -80px;}




#footer{
width:1020px;
height:200px;
background:#333333;
filter: alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
}

/* Fotopage */

#fotopage .even{
background: #e1e1d8;
}

.fotopageitem h1{
font-size: 150%;
}

.fotopageitem p{
margin-bottom: 20px;
line-height: 24px;
}

.fotopageitem br{
height: 24px;}

p.commentlink a{
color:#EF5222;
}

/* comments */

h3#comments, h3#respond{
padding:20px 0 20px 0;
color: #003366;
font-size: 24px;
}

ol.commentlist{
width: 460px;
}

ol.commentlist li{
padding: 10px;
}

ol.commentlist li.even{
padding: 10px;
background: #e1e1d8;
}

ol.commentlist img{
padding: 0 10px 0 0;
}

img.avatar{
float: left;
}

a.commentcount{
float: right;
font-size: 36px;
}

ol.commentlist li a.commentcount{color: #e1e1d8;}
ol.commentlist li.even a.commentcount{color: #fcfcef;}
ol.commentlist li a.commentcount:hover{color: #336699;}

cite.comment-author{
font-size: 20px;
padding: 5px 0 5px 0;
}

p.comment-date{
font-size: 14px;
color: #7b7b7b;
padding: 3px 0 5px 0;}

.comment-content p{
font-size: 14px;
line-height: 26px;}

p.comment-edit{
text-align: right;
font-size: 12px;}

p.comment-edit a{color:#b9b9b2;}

#usercommentform{
position: relative;
width: 460px;
}

#usercommentform p{
font-size: 16px;
margin-bottom: 10px;}

.commentbox{
position: absolute
left: 0;
top:0;
width: 260px;}

.commentfields{
position: absolute;
top:0;
right: 0;
width:180px;
display: block;
}

input#user-name, input#user-url, input#user-email{
margin: 0 0 14px 0;
background: #E0E1D7;
padding: 0 5px 0 5px;
border:0;
width: 170px;
height: 40px;
line-height: 40px;
}

input#submit{
cursor: pointer;
font-size: 14px;
background: #333333;
color: #E0E1D7;
border: 0;
height: 40px;
width: 180px;
}

input#submit:hover{
background: #535353;
}

textarea#user-comment{
width: 250px;
height: 250px;
border:0;
line-height: 20px;
padding:5px;
margin:0;
background: #E0E1D7;
}

/* Archief */

h1.archief{
margin-bottom: 8px;}

h2.archiefmaand{
font-size: 24px !important;
color: #333 !important;
border-bottom: 1px solid #d9d9ce;
padding-bottom: 5px;
}

ul.archiefcontent{


padding: 10px 10px 10px 20px;}

ul.archiefcontent li{

line-height: 26px;
list-style: disc;
}

/* single page */

.the-content-contact h1{
border-bottom:1px solid #D9D9CE;
color:#333333 !important;
font-size:24px !important;
padding-bottom:5px;
font-weight: normal !important;
width: 460px;
}

.the-content-contact p{
padding:15px 20px 15px 20px;
background: #fff;
width: 420px;

}
h1.contact-title{
color:#003366;
font-size:24px;
}



/* contactform */

#wpcf7-f1-p24-o1{
background: #fcfcef;
border-left: 20px solid #fcfcef;
width: 240px;
float: right;
}
#wpcf7-f1-p24-o1 p{
width: 240px;
padding:0;
margin: 0;
background:#fcfcef; 
}

#wpcf7-f1-p24-o1 h1{
margin-right: 20px;
margin-bottom: 10px;
width: auto;
}

div.wpcf7-response-output{
width:100%;
position: fixed;
top:0;
left: 0;
background: #fff;
color:#000;
height: 80px;
text-align: center;
line-height: 80px;
font-size: 160%;
z-index: 3;
border-bottom: 2px solid #000;
}

.form-info{
color:#333333;
font-size:80%;
}

.wpcf7-not-valid-tip-no-ajax{
font-size: 80%; 
margin-left: 10px;
width: 100%;
color: red;
}

.wpcf7-display-none{
display: none;
}

.wpcf7-form-control-wrap input{
margin: 0 0 14px 0;
background: #E0E1D7;
padding: 0 5px 0 5px;
border:0;
width: 230px;
height: 40px;
line-height: 40px;
font-size: 16px;
}

.wpcf7-form-control-wrap textarea{
margin: 0 0 14px 0;
background: #E0E1D7;
padding: 0 5px 0 5px;
border:0;
width: 230px;
height: 200px;
line-height: 24px;
font-size: 16px;
}

/* nexgengallery */

.ngg-gallery-thumbnail-box{
border: 5px solid #d9d9ce;
background: #333333;
margin: 0 10px 10px 0;
display: block;
overflow: hidden;
width: 130px;
height: 130px;
position:relative;
float:left;
}
.ngg-gallery-thumbnail-box img{
display:block;
margin:0 auto;
}

.ngg-galleryoverview{
width: 460px;}

.ngg-clear{
clear: both;}

/*programma*/
.programma{
line-height: 22px;
font-size: 80%;
}

.programma h2{
font-size: 22px !important;
}

h2.uit{
margin-top: 40px;
}

.programma th{
background: #d9d9ce;
}

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:#33669a;
	height:40px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#33669a url("images/seperator.gif") bottom right no-repeat;
		color:#ffffff;
		display:block;
		font-weight:normal;
		line-height:40px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #333333 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#33669a;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#333333 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	



/*Team Single Page*/
#team-uitslagen{
font-size: 90%;
width: 320px;
float: left;
}

#team-stand{
margin-right: 20px;
font-size: 90%;
width: 380px;
float: left;
}

#team-uitslagen table.stand{
font-size: 95%;
width: 320px;}

.teamhighlight{
background: #d6eaff;
font-weight: bold;
}

.teaminfo p{
font-family: Helvetica, Arial, sans-serif;
font-size: 110%;
}

#teaminfocontent ul{
width: 720px;
font-family: Helvetica, Arial, sans-serif;
font-size: 110%;
margin: 0;
padding: 0;
}

#teaminfocontent ul li{
width: 180px;
list-style: none; 
display: inline block;
float: left;
}


table{
font-family: Helvetica, Arial, sans-serif;
}

table.clubprogramma{
line-height:30px;
}

.row1{
background: #ebebdf;
}



.whiteback{
background: #fff;}

.clearfloat{
clear:both;
}
.clearleft{
clear: left;
}

.hide{
display: none;
}

.piclenselink{
display: none;
}