/* screen.css is a css file for display the site www.sgpcuveere.nl on a normal screen */

body {background: #FF6600 url(img/bg12.jpg) repeat-x; text-align: center; font-family: arial, verdana; font-size: 12px; padding-top: 0px; margin-top: 20px;}

h5 {font-size: 15px; margin-top: 4px; color: #000066;}

a {text-decoration: underline; color: #000000;}
a img {border: 0px solid;}
a:link {text-decoration: underline; color: #000000;}
a:hover {text-decoration: none; color: #FF6600; border-bottom: 1px dotted #FF6600;}
a:active {text-decoration: underline; color: #000000;}
a:active:hover {text-decoration: none; color: #FF6600; border-bottom: 1px dotted #FF6600;}
a:visited {text-decoration: underline; color: #000000;}
a:visited:hover{text-decoration: none; color: #FF6600; border-bottom: 1px dotted #FF6600;}
.imglink {text-decoration: none; border: 0px solid #FFFFFF;}
.imglink:hover, a:active:hover, a:visited:hover {text-decoration: none; border: 0px solid #FFFFFF;}
.imglink img {text-decoration: none; border: 0px solid #FFFFFF;}

input {font-family: arial, verdana;}
form {display: inline;}
textarea {font-family: Arial; font-size: 14px;}
table, td, tr {vertical-align: top;}

.red {color: #FF0000;}
.blue {color: #000066;}
.orange {color: #FF6600;}
.grey {color: #666666;}

.gbbluehr {background: #000066; color: #000066; noshade}

.pagetitel {width: 300px; font-size: 15px; border: 0px solid; border-bottom: 2px solid #FF6600; margin-top: 4px; color: #666666; font-weight: bold;}
.subpagetitel {width: auto; font-size: 15px; text-decoration: underline; margin-top: 4px; color: #000066;}
.subtitel {width: 247px; display: block; background: url(img/subtitelbg.jpg) #FF6600; color: #000066; font-size: 13px; padding: 0px 0px 0px 3px; /*border-bottom: 1px solid #000066;*/}
.subpage {float: right; border: 1px solid #000066; width: 250px; padding: 0px; margin: 0px 0px 9px 0px;}
.subinhoud {padding: 4px;}

.kolomleft {vertical-align: top; width: 550px; padding-right: 10px; text-align: justify;}
.kolomright {vertical-align: top; width: 250px;}

/* indeling*/

#maincenter {width: 800px; background: #FFFFFF; padding: 0px; margin: 0px auto; border: 2px solid #999999; text-align:left; position: relative;}
#header {padding: 0px; margin: 0px; border: 0;}
#header img {padding: 0px; margin: 0px; border: 0px solid #000000; height: 200px; width: 800px;}



/* nav & menu*/

/* achtergr + omgeving*/
#mainmenu {background:url(img/menubg.jpg) #FF6600; padding: 0; margin: 0; border: 0; width: 100%; height: 25px; font-size: 14px;}

/* altijd zichtbaar*/
#nav, #nav ul {padding: 0; margin: 0;	list-style: none;}

#nav li {float: left;	width: 100px; margin: 0; padding: 0px; height: 25px;}
#nav a {display: block; background:url(img/menubg.jpg) #FF6600; color: #FFFFFF;	width: 95px; height: 20px; padding: 3px 0px 2px 5px; margin: 0  0px 0 0; text-decoration: none; border: 0px solid #FF9900;}
#nav a:hover {background: #FF6600;}

/* drop down*/
#nav li ul {position: absolute;	width: 125px; left: -999em; border: 1px solid #666666;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

#nav li ul li {width: 125px; height: 22px; padding: 0 0 0 0px;}
#nav li ul li:hover {height: 22px; padding: 0  0 0 0px; background: #FF9900;}
#nav li ul li a {width: 120px; height: 18px; padding: 2px 0px 2px 5px; display: block; background: #FF6600; border: 0px solid #999999 collapse; }
#nav li ul li a:hover {display: block; background: #000066;}

/* pagecontent*/
#pagecontent {background: #FFFFFF; padding: 5px;}

/* footer*/
#foot {background: #007AAD; height: 20px; padding: 4px 0 1px 0; text-align: center; color: #999999;}
#foot a{color: #999999;}

/* poll */
.procentbalk {float: left; width: 100px; height: 6px; border: 1px solid #666666; padding: 0; margin: 3px 6px 1px 1px;}
.resultaat {margin: 1px 1px 4px 1px; width: 240px;}

.pollarchiefresultaat {border: 2px solid #000066; width: 370px; margin: 5px; padding: 3px;}
.pollresulttable td {vertical-align: top;}
/* gastenboek */

.gbbericht {border: 1px solid #000066; margin-top: 2px; margin-bottom: 15px; padding: 0px;}
.gbinhoud {margin: 4px;}
.gbtotaal {margin: 0px auto; padding: 5px;}
.gbtotaal span {float: left; color: #000000; font-weight: bold;}

.gbtitel {height: 16px; background: url(img/subtitelbg.jpg) #FF6600; padding: 3px 3px 3px 4px;}
.gbtitel i {float: right;}
.gbtitel .link {float: left;}
.gbtitel a {text-decoration: underline; color: #000000; /*float: left;*/}
.gbtitel a:link {text-decoration: underline; color: #000000;}
.gbtitel a:hover {text-decoration: none; color: #000000; border-bottom: 1px dotted #000000;}
.gbtitel a:active {text-decoration: underline; color: #000000;}
.gbtitel a:active:hover {text-decoration: none; color: #000000; border-bottom: 1px dotted #000000;}
.gbtitel a:visited {text-decoration: underline; color: #000000;}
.gbtitel a:visited:hover{text-decoration: none; color: #000000; border-bottom: 1px dotted #000000;}
.gbtitel .grey, .gbtitel .grey a {color: #333333; font-size: 11px;}

.gbblbalk {color: #000066; border: 2px solid #FF6600; margin-top: 10px; margin-bottom: 10px; padding: 3px; text-align: center;}
.gbblbalk table {align: center;}
.gbblbalk .left {width: 100px; text-align: left;}
.gbblbalk .middle {width: 590px; text-align: center;}
.gbblbalk .right {width: 100px; text-align: right;}
.gbblbalk a {text-decoration: underline; color: #FFFFFF;}
.gbblbalk a:link {text-decoration: underline; color: #000066;}
.gbblbalk a:hover {text-decoration: none; color: #000066; border-bottom: 1px dotted #000066;}
.gbblbalk a:active {text-decoration: underline; color: #000066;}
.gbblbalk a:active:hover {text-decoration: none; color: #000066; border-bottom: 1px dotted #000066;}
.gbblbalk a:visited {text-decoration: underline; color: #000066;}
.gbblbalk a:visited:hover{text-decoration: none; color: #000066; border-bottom: 1px dotted #000066;}

/* kandidaten */
.persoontext {}
.persoontext tr{vertical-align: top;}
.persoontext .texttd{padding-top: 0px; padding: 2px;}
.persoontext .fototd {width: 210px; height: 150px; text-align: center; padding: 7px;}
.persoontext .fototd img {margin-top: 5px;}

.persoontitel {width: 200px; font-size: 15px; text-decoration: underline; margin-top: 5px; margin-bottom: 4px; color: #000066;}

/* nieuws */

.nieuwsoverzichttitel a, .nieuwsoverzichttitel a:visited, .nieuwsoverzichttitel a:active {width: 500px; font-size: 15px; text-decoration: underline; border: 0px solid #FFFFFF; margin-top: 5px; margin-bottom: 4px; color: #000066;}
.nieuwsoverzichttitel a:hover, .nieuwsoverzichttitel a:visited:hover, .nieuwsoverzichttitel a:active:hover {width: 500px; font-size: 15px; text-decoration: underline; margin-top: 5px; margin-bottom: 4px; color: #FF6600;}

.pagetitelnieuws {width: 500px; font-size: 15px; border-bottom: 2px solid #FF6600; margin-top: 4px; color: #666666; font-weight: bold;}

/* kernen*/
.textboxkernen {float: right; margin-right: 20px; border: 2px solid #FF6600; width: 350px; padding: 5px;}
.textboxkernen ul {margin: 0px; padding-left: 18px;}
.imgkernen {margin: 3px; padding: 2px; border: 2px solid #000066;}
.imgtable {text-align: center;}


/* Foto's bijeenkomsten*/
/* The containing box for the gallery. */
#fotocontainer {position:relative; /*width:770px;*/ height:600px; text-align: center; /*margin:20px auto 0 auto;*/ border:0px solid #aaa; /*background:#fff url(../images/back.jpg) 75px 10px no-repeat;*/}

/* Removing the list bullets and indentation - add size - and position */
#fotocontainer ul {/*width:198px; height:386px;*/ padding:0;  margin:5px; list-style-type:none; /*float:right;*/}

#fotocontainer li {float:left;}

/* Remove the images and text from sight */
#fotocontainer a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#fotocontainer a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:0px solid #000; margin:1px 2px 1px 2px; text-align:left;}

/* niewjaarsreceptie */
#fotocontainer a.slidea {background:url(bijeenkomsten/nieuwjaarsreceptie/thumb/thumb001.jpg); height:60px; width:80px;}
#fotocontainer a.slideb {background:url(bijeenkomsten/nieuwjaarsreceptie/thumb/thumb002.jpg); height:60px; width:80px;}
#fotocontainer a.slidec {background:url(bijeenkomsten/nieuwjaarsreceptie/thumb/thumb003.jpg); height:60px; width:80px;}
#fotocontainer a.slided {background:url(bijeenkomsten/nieuwjaarsreceptie/thumb/thumb004.jpg); height:60px; width:80px;}
#fotocontainer a.slidee {background:url(bijeenkomsten/nieuwjaarsreceptie/thumb/thumb005.jpg); height:60px; width:80px;}
#fotocontainer a.slidef {background:url(bijeenkomsten/nieuwjaarsreceptie/thumb/thumb006.jpg); height:60px; width:80px;}
#fotocontainer a.slideg {background:url(bijeenkomsten/nieuwjaarsreceptie/thumb/thumb007.jpg); height:60px; width:80px;}
#fotocontainer a.slideh {background:url(bijeenkomsten/nieuwjaarsreceptie/thumb/thumb008.jpg); height:60px; width:80px;}

/* thumbnail staand/liggend */
#fotocontainer a.gallery .thumbnail {border: 0px solid #FFFFFF; margin: 2px; cursor: hand;}
#fotocontainer a.slideliggend .thumbnail {height: 60px; width: 80px;}


/* styling the hovers */
#fotocontainer a.gallery:hover {border: 0px solid #000;}
#fotocontainer a.gallery .clicked span, #fotocontainer a.clicked span {/*position:absolute;*/width: auto; height: auto; border: 0px solid; color:#000; background:#fff; top: 140px;}

* html #fotocontainer a.clicked span, * html #fotocontainer a.gallery .clicked span {top: 70px;}

#fotocontainer a.gallery.clicked img {margin-right:2px; border: 0px solid;}

/* einde foto's bijeenkomsten*/

/* admin */
#statusdiv {color: #ff6600; padding: 2px 2px 5px 2px; margin: 0px 0px 0px 5px; display: inline;}
.titellinks {color: #666666; font-size: 10px;}
.titellinks a, .titellinks a:hover, .titellinks a:active, .titellinks a:active:hover, .titellinks a:visited {color: #666666; font-size: 10px;}