/* CSS file, www.kcdepein.nl, Alle rechten voorbehouden
   japaveh@gmail.com
   japaveh.be                                           */

/* Globale opmaak van kopjes */                                                        
* {
 margin: 0;
 padding: 0;
}
                                              
H1 {
    color: #A30000;
    letter-spacing: -1px;
    margin-top: 8px;
    font: bold 22px arial, helvetica, sans-serif;
}

h1#nieuws {
	top: 8px;
	position: relative;
	display: inline;
}

H2 {
    font-family: arial, sans-serif;
    color: #C40000;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
}

H3 {
    font-family: arial, sans-serif;
    color: black;
    font-size: 12px;
    margin-top: 6px;
}


a {
	color: black;
}

#maincontent a {
    color: blue;
}

a.admin {
	font-style: italic;
	color: red;
}

a.shortcut {
	color: red;
	font-weight: bold;
}

A:active {
    text-decoration: none;
}

A:hover {
    color: rgb(222, 114, 74);
}
p {
	text-align: justify;
	padding-top: 10px;
}

/* Een enkele om de jaartallen zonder extra opsommingsteken te laten zien. */

ul#kcdepein {
	list-style-type:none
}

ul {
	list-style-type: circle;
}
li {
	margin-left: 25px;
}

#sidebar li {
	font-size: 10px;
	list-style-type: none;
	margin-left: 0px;
}


/* Declaratie voor plaatjes als link, om te voorkomen dat ik bij ieder plaatje in een link
   een border=0 moet toevoegen */
   
IMG  {
    border-style: none;
}

INPUT {
    /*border: 1px solid black*/
    font-size: 11px;
}

SELECT {
    font-size: 11px;
    margin: 3px;
   }
option {
    padding-left: 1px;
    margin-left: 2px;
}


TEXTAREA {
    border: 1px solid black;
    font-size: 11px;
}

blockquote {
	margin: 20px;
	border-left: 1px solid silver;
	padding-left: 3px;
}



/* Plaatsing van de verschillende divs */


body {
    font-family: verdana, sans-serif;
    font-size: 12px;
   background:#eeeeef url("images/kuorke_bg.gif") repeat-y top center; 
    min-width:750px;
    direction: ltr;
}

#main {
    width: 750px;
    margin: auto;
    background: white;
}

#logincontainer {
    margin-left: 10px;
    margin-right: 10px;
    width: 730px;
    height: auto;
   
    padding-bottom: 10px;   
}

#submenu {
margin: 5px;
float: right;   
}


#submenu a {
float: right;
}
#submenu form {
float: right}

#submenu legend {
	display: inline;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	font-family: sans-serif;
	
}



#header {
    background: url('images/logo.jpg');
height: 50px;
    }

#header a{
float: right;
margin: 5px;
padding-bottom: -5px;
}

#foto1 {
	position: relative;
    top: 0px;
	left: 300px;
}
#foto2 {
	position: relative;
    top: 0px;
	left: 300px;
}

#foto3 {
	position: relative;
    top: 0px;
	left: 300px;
}

#foto4 {
	position: relative;
    top: 0px;
	left: 300px;
}



#maincontent {
    float:left;
    background: white;
    padding-left: 6px;
    padding-bottom: 10px;
    z-index: 1;
    width:480px;
}

#sidebar {
  
    width:235px;   
    margin-left:500px;
    margin-top: 5px;
    padding-right: 10px;
    
}

html>body #sidebar {
	width: 230px;
}

/* Alternatieve maincontent voor de competitie, om de pagina breed te maken */
#maincontentcomp {
	background: white;
	padding-left: 6px;
	padding-bottom: 15px;
	margin-bottom: 18px;
	display: block;
}

#maincontentcomp p {
	padding-right: 6px;
	width: 500px;
}


#sidebarcomp {
	border-top: 1px solid silver;
	clear: both;
    padding-left: 6px;
    padding-bottom: 10px;
}
        

#footer { 
    clear:both;
    background-color: white;
    margin-top: 10px;
}

#footer p {
    padding:5px;
    margin:0;
    text-align: center;
}

/* Menu */


/* Suckerfish menu, met dank aan de webcie van de FMF */
#menu {
    width: 750px;
    background-color: #639cce;
    height: 1.3em;
    padding: 0px;
    z-index: 3;
    width: 100%;
}

#nav, #nav ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 12px;
    z-index:2;
    color:#ffffff;
   
    }

#nav a {
    display: block;
    padding: 0 1em 0 1em; 
    color:#ffffff;
    text-decoration: none;
}
#nav a.admin {
	text-decoration: underline;
	font-weight: bold;
}


#nav li {
    float: left;
    margin: 0;
    padding: 1px;
    list-style-type: none;
    border-right:1px solid #ffffff;
 
}

#nav li ul {
    position: absolute;
    left: -999em;
    background-color: #639cce;
    margin: 0;
    margin-top: 1px;
    margin-left: -1px;
}

#nav li li{
    clear:both;
    width: 11em;
    border: none;
    margin: 0;
    padding: 0.1em 0 0.4em 0;
}

#nav li:hover ul, #nav li ul:hover, #nav li.over ul {
     left: auto;
     z-index:2;
    
}

#nav li:hover,  #nav li.over, #nav li li.over {
    background-color: #5d8aca;
}
/* Wordt enkel getoond wanneer iemand geen stylesheet aan heeft.
	Het menu is dan erg lang en kan zo overgeslagen worden */
#nav li#navigatieskip {
	display: none;
}


/* Opmaak voor het tweede, submenu */

#subnav, #subnav ul{
    margin: 0px;
    list-style: none;
    z-index:2;
    color:black;
    
    
}

#subnav li {
    float: left;
    margin-left: 20px;
    margin-top: 5px;
    font-size: 10px;
    padding: 0;
    font-weight: bold;
   
}



/* Algemene opmaaktags */

.strike { text-decoration: line-through; }
.underline { text-decoration: underline; }

.forum_tracker ul { 
    list-style-type: none; 
    font-family: Verdana, sans-serif;
    font-size: 10px; 
}
.forum_tracker li {
margin: 0px;
}


.error {
    color: red;
    font-weight: bold;
    font-size: 16px;
}
.error_aanmelden {
    color: red;
    font-size: 10px;   
    right: 0px;
    float: right;   
}

#wedstrijd_titel {
	color: black;
	font-size: 20px;
	margin: 0px;
}
#wedstrijd_ondertitel {
	color: black;
	font-size: 16px;
	margin: 0px;
}
#wedstrijd_gegevens {
	display:block;
	margin-top: 10px;
	font-size: 10px;
	font-style: italic;
}

/* Specifieke tags voor in de welkompagina (nieusberichten) */

/* Laatste update wordt zo rechts uitgelijnd en met een border eronder */
#laatsteupdate {
    font-size: 9px;
    color: silver;
    padding-left: 200px;
    border-bottom: 1px solid #B30000;
}
/* Speciale update voor De Club pagina, */
#laatsteUpdateKcdepein {
    font-size: 9px;
    color: silver;
    float: right;
}

/* Wanneer een nieuwsbericht aangepast is komt er een extra regel */
.aangepast {
    font-size: 9px;
    display: block;
    font-style: italic;
    margin-top: 15px;
}

/* Onderschrift van een nieuwsbericht */
p.berichtOndertitel { 
    color: silver;
    border-top: 1px solid silver;
    margin-top: 15px;
    font-size: 11px;
    padding-top: 1px;
    clear: both;
}
.berichtBody {
	text-align: justify;
	margin-top: 5px;
}


.ubbUitleg {
    margin-top: 10px;
    font-size: 10px;
}

img.singleNieuwsFoto {
	 float: right;
	margin: 10px;
	margin-top: 15px;
}	

.fotoInNieuws img {
	display:block;
clear: both;
	
}

.fotoInNieuws {
	float: right;
	font-size: 10px;
	width: 250px;
	font-style: italic;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.fotoInKcdepein {
	font-size: 10px;
	font-style: italic;
	padding: 10px;
}

.nieuwsPictogram {
	float: left;
	width: 50px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Tabellen */
table {
	font-size: 11px;
	border: 1px solid black;
	margin: 5px;
}
.inNieuws table{
	clear: both;
}
.inNieuws br { /*Fix all extra br's by parsing a table...*/
display:none;
}

table.profiel {
	margin-top: 10px;
}

table th {
    background-color: #EFEFEF;
    text-align: left;
    padding: 1px;
}

table.logout td {
    padding: 3px;
    font-size: 11px;
    margin: 2px;
}

table tr.highlight {
	font-weight: bold;
	background-color: #CFECfF;	
}

table.competitie {
	font-size: 10px;
}
table.competitie td {
	padding-right: 8px;
}
table.competite tr.alternate {
	background-color: green;
}

table.tototabel .fout {
color: red;
}
table.tototabel .correct {
color: green;
}
table#statistics {
	font-size: 9px;
}
table.poll {
	font-size: 10px;
}

/* Speciale extra padding voor de tabellen die de stand aangeven */
.stand td {
	padding: 0px 11px 2px 2px;
}
table.stand {
	margin: 5px;
}

/* FORM */ 
form {
	z-index:-1;
}

input {
	border: 1px solid black;
	margin: 3px;
}

/*Alle radiobuttons moeten in IE geen border krijgen */
input.radio {
	border: none;
}
input.checkbox {
	border: none;
}

input#geslacht {
	border: none;
}

legend {
	display: none;
}

fieldset {
	border: none;
}

#sidebar legend {
	display: block;
	font-family: arial, sans-serif;
    color: #C40000;
    font-weight: bold;
    font-size: 13px;
    padding: 0 6px;
}

#sidebar fieldset {
	border: 1px solid silver;
	margin: 5px;
	padding: 3px;
}

.teamfoto {
	margin-top: 203px;
}

.account {
	border: none;
	width: 450px;
	margin: 2px; 
}

.nobr { 
	display:none; 
}
  
.account input {	
	height:14px;
	width:200px;
	padding: 1px;
	text-align: left;
}

.account option {
    padding-left: 1px;
    margin: 2px;
    
}

.account #verzenden {
    width: 100px;
    height: auto;
}

.account #geslacht {
	width: auto;
	border: none;
	padding: 1px;
}

label {
	text-align:right;
	width: auto;
	float: left;
	font-size: 11px;
	padding:0.2em;
	margin:0;
	margin-top:0.3em;
	clear: left;
}

.account label {
	width: 130px;
}

.wedstrijd label {
	width: 190px;
}

dl {
	display: block;
	clear: both;
}

dt {
	clear: left;
	display: block;
	float: left;
	width: 200px;
}

dd {
	display:  block;
}

html>dd {
	 white-space: nowrap;
 }
 

.kcdepein dl {
	margin-top: 15px;
}

.kcdepein dt{
	display: inline;
	font-weight: bold;
	padding-left: 1px;
}

.kcdepein dd {
	margin-bottom: 10px;
	text-align: justify;
	white-space: inherit;
	clear: both;
}

.beheer dt {
	width: 100px;
	font-weight: bold;
}
dl.beheer {
	font-size: 10px;
	width: 740px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid silver;
}
.beheer dd {
	margin-left: 100px;
}

/* Aparte setup voor het gastenboek */
.gastenboek dl {	
	margin: 2em 0;
	font-size: 10px;
	padding-top: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid black;
	background: silver;
}

.gastenboek dt {
	width: 80px;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
	font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
.gastenboek dt { clear: both; }
/* end hack */

.gastenboek dd
{
float: left;
width: 380px;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
} 


#kalender td {
	background-color: #eff;
	text-align: center;
	border: 1px solid white;
}
#kalender td:hover {
	border: 1px solid black;
}
#kalender td.andere_maand {
	font-size: 8px;
	color: silver;
	background-color: #eeeeff;
}

#kalender td.vandaag {
	font-weight: bold;
	border: 1px dotted black;
}

#kalender td.activiteit {
	font-style: italic;
	cursor: crosshair;
	background-color: yellow;
}

#kalender td.activiteitVandaag {
	font-style: italic;
	cursor: crosshair;
	background-color: yellow;
	border: 1px solid black;
}
.search_highlight {
	color: red;
	font-weight: bold;
}

#googlead {
margin-top: 1em;
}

#googlesearch table {
	border: none;
}
#googlesearch input#geslacht {
	border: none.
}