@charset "utf-8";
/* CSS Document (c) Jan Keuter 3-oct-2009 */
/* General */
* {padding:0; margin:0;}
body {background:#3333CC;	font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size: 12px; line-height: 140%; }
/* Index pagina */
#fietser-links { top: 3px; left: 2%; position: absolute; width: 92px; height:80px; background-image: url(assets/images/fietser-links.png); background-repeat:no-repeat; text-indent: -9999px;}
#fietser-rechts { top: 3px; right:2%; position: absolute; width: 92px; height:80px; background-image: url(assets/images/fietser-rechts.png); background-repeat:no-repeat; text-indent: -9999px;}
#vrolijke-fietsers {position:absolute; top: 5px; left: 50%; width: 500px; height:57px; margin-left: -250px; background-image:url(assets/images/vrolijke-fietsers.png); background-repeat:no-repeat; text-indent: -9999px;}
#titel-container{ position: absolute; top: 64px; left: 50%; width:500px; height:15px; margin-left: -250px; text-align:center; }
#provincie-groningen{ top: 120px; left:50%; position: absolute; width: 393px; height: 450px; margin-left: -196px; background-image:url(assets/images/groningen.png); background-repeat:no-repeat; text-indent: -9999px;}
#provincie-drenthe{ top: 120px; left:50%; position: absolute; width: 393px; height: 450px; margin-left: -196px; background-image:url(assets/images/drenthe.png); background-repeat:no-repeat; text-indent: -9999px;}
#nederland{ top: 120px; left:50%; position: absolute; width: 393px; height: 450px; margin-left: -196px; background-image:url(assets/images/nederland.png); background-repeat:no-repeat; text-indent: -9999px;}
#foto-container-links {top: 100px; left:2%; position:absolute; width:160px; height:600px;}
#foto-container-rechts {top: 100px; right:2%; position:absolute; width:160px; height:600px;}
/* Hoofdmenu */
#navcontainer {position:absolute; top: 620px; left:50%; width:353px; height:25px; margin-left:-176.5px; text-indent: -9999px;}
#navcontainer h3 { text-indent: -9999px }
ul#nav_main { list-style-type: none }
ul#nav_main a { display : block; height : 25px; text-indent : -9999px; text-decoration : none; overflow : hidden; }
li#nm_1 { position:absolute; top:0px; left:0px; width:124px; height:25px; background:url(assets/images/main_menu.png) no-repeat 0 0; }
li#nm_2 { position:absolute; top:0px; left:124px; width:104px; height:25px; background:url(assets/images/main_menu.png) no-repeat -124px 0; }
li#nm_3 { position:absolute; top:0px; left:228px; width:125px; height:25px; background:url(assets/images/main_menu.png) no-repeat -228px 0; }
li#nm_1 a:hover { background : url(assets/images/main_menu.png) no-repeat 0 -25px; }
li#nm_2 a:hover { background : url(assets/images/main_menu.png) no-repeat -124px -25px; }
li#nm_3 a:hover { background : url(assets/images/main_menu.png) no-repeat -228px -25px; }
/* Navigatie tekst */
#text-container{ position: absolute; top: 655px; left: 50%; width:500px; height:30px; margin-left: -250px; text-align:center; }
/* Designer tekst */
#designer_container_main{top: 710px; left: 50%; position:absolute; width:150px; height:20px; margin-left:-75px; text-align:center;}
#designer_container_main a {  text-decoration:none; color:#39F; font-size:10px; }
#designer_container_main a:hover{ text-decoration:none; color:#3FF; font-size:10px; }
/* Designer tekst */
#designer_container{top: 640px; left: 50%; position:absolute; width:150px; height:20px; margin-left:-75px; text-align:center;}
#designer_container a {  text-decoration:none; color:#39F; font-size:10px; }
#designer_container a:hover{ text-decoration:none; color:#3FF; font-size:10px; }
/* Fietstocht rond Groningen */
#ronde-tekst {top: 110px; left:50%; margin-left:-300px; position:absolute; width:600px; height:20px; text-align:center;}
#lengte-tekst {top: 600px; left:50%; margin-left:-300px; position:absolute; width:600px; height:20px; text-align:center;}
#foto {top:140px; right:2%; position:absolute; width:280px; height:210px; }
/* Navigatie list */
#nav { top: 140px; left:2%; position:fixed; width: 180px; }
#nav h3 {	width: 180px;	height: 44px; background:url(assets/images/menu_head.png) no-repeat;	text-indent : -9999px; }
#nav ul { width: 180px;	padding : 0 20px 20px 20px; background : url(assets/images/menu_bottom.png) no-repeat 0 100%; }
#nav li { font-size:12px;	line-height: 20px; list-style-type: none;	background : url(assets/images/menu_dot.png) no-repeat 2px 50%;	
						margin : 0 45px 0 2px; padding : .2em 0 .2em 20px;	border-bottom : 1px solid #c898ae; }
#nav li a { text-decoration:none; display : block; color:#9F0; }
#nav li:hover { background:#6CF url(assets/images/menu_dot.png) no-repeat 2px 50%; }
/* Links list */
#links { top: 140px; right:2%; position:fixed; width: 180px; }
#links h3 {	width: 180px;	height: 44px; background:url(assets/images/menu_links.png) no-repeat;	text-indent : -9999px; }
#links ul { width: 180px;	padding : 0 20px 20px 20px; background : url(assets/images/menu_bottom.png) no-repeat 0 100%; }
#links li { font-size:12px;	line-height: 20px; list-style-type: none;	background : url(assets/images/menu_dot.png) no-repeat 2px 50%;	
						margin : 0 45px 0 2px; padding : .2em 0 .2em 20px;	border-bottom : 1px solid #c898ae; }
#links li a { text-decoration:none; display : block; color:#9F0; }
#links li:hover { background:#6CF url(assets/images/menu_dot.png) no-repeat 2px 50%; }
/* No script */
#noscript_container {top:150px; left:50%; position:absolute; width:600px; height:200px; margin-left:-300px; text-align:center; }
/* GPX bestand halen */
#gpx-tekst {top: 110px; left:50%; margin-left:-300px; position:absolute; width:600px; height:20px; text-align:center;}
#download {top: 140px; left:50%; margin-left:-300px; position:absolute; width:600px; height:20px; text-align:center;}
#button-container { top:180px; left:50%; position:absolute; width:300px; height:40px; margin-left:-150px; text-align:center; }
#button-container button { border-color:#006; color:#009; background-color:#09F;}
#button-container button:hover {border-color:#006; color:#009; background-color:#0FF; }
/* Contact pagina */
#maintext {top: 140px; left:50%; margin-left:-300px; position:absolute; width:600px; height:450px; text-align:center}
#maintext button { border-color:#006; color:#009; background-color:#09F;}
#maintext button:hover {border-color:#006; color:#009; background-color:#0FF; }
p.success { color:#00CC00; font-size:18px; }
p.error { color:#FF0000; font-size:18px; }