/*  
Theme Name: Gelderse Caravan Centrale
Theme URI: http://www.isn.nl
Description: Gelderse Caravan Centrale
Version: 1.0
Author: Dennis van Deenen
Author URI: http://www.m00x.com/
*/

@import url('front.css');

body {
	font-family: Trebuchet MS;
	font-size: 14px;
	line-height: 25px;
	background: url(images/logo-gelderse-bg.jpg) repeat-x; }
h1 {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 6px;}
h1.pageTitle {
	font-size: 1.4em;
	color: #0072bf;
	font-weight: bold;
	padding-left: 40px; }
a:visited { text-decoration: none; ); }
#container {
	width: 980px;
	margin: auto;
	padding: auto; }

#header {
	width: 980px; height: 150px; 
	margin: auto;
	padding: auto;
	text-align: right;
	background: url(images/logo-gelderse.jpg) no-repeat; }
#menu {
	width: 700px; height: 110px;
	position: relative;
	right: 0;
	float:right; }
#menu ul {
	width: auto;
	margin: 0;
	padding: 0;
/*	float: right;*/
	background: #fff; }
#menu ul li { display: inline; }
#menu ul li a {
	/* css3 */	
	float: left;
	width: auto; height: 66px;
	padding: 0 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 66px;
	background-color: #fff;
	color: white; }
#menu ul li a:link {
	text-decoration: none;
	background-color: white;
	color: #333; }
#menu ul li a:visited {
	text-decoration: none;
	color: #333; }
#menu ul li a:active {
	text-decoration: none;
	background: url(images/menu-hover1.jpg) repeat-x #fff;
	color: #333; }
#menu ul li a:hover {
	text-shadow: 2px 2px 5px #333;
	text-decoration: none;
	background: url(images/menu-hover1.jpg) repeat-x #fff;
	color: #333; }

#menu ul li ul {
	position: absolute;
	float: left;
	left: 0px;
	top: 66px;
	display: none;
/*	visibility: hidden;*/
	width: 100%; height: 44px;
	color: #fff;
	background: none; }
#menu ul li ul a {
	display: block;
	text-decoration: none;
	background: none;
	color: #fff;
	height: 44px;
	line-height: 44px;
	font-size: 16px; }
#menu ul li ul a:link {
	text-decoration: none;
	background: none;
	color: #fff; }
#menu ul li ul a:visited {
	text-decoration: none;
	background: none;
	color: #fff; }
#menu ul li ul a:active {
	text-decoration: none;
	background: none;
	color: #fff; }
#menu ul li ul a:hover {
	text-decoration: none;
	background: url(images/menu-hover2.gif) bottom no-repeat;
	color: #fff; }

#contentClear {
	font-size: 14px;
	width: 920px;
	padding: 15px 30px; /* 15 px verschil aanhouden */
	list-style-position: inside;
	list-style-type: circle; }

#contentTop {
	width: 980px; height: 10px;
	background: url(images/content-top-nopad.jpg) no-repeat;
	clear: both; }
#content {
	font-size: 14px;
	width: 920px;
	padding: 15px 30px; /* 15 px verschil aanhouden */
	background: url(images/content-sides.jpg) repeat-y; 
	list-style-position: inside;
	list-style-type: circle; }
#contentNoPadding {
	width: 960px;
	padding: 0px 10px;
	background: url(images/content-sides.jpg) repeat-y; 
	list-style-position: inside;
	list-style-type: circle; }
#contentBottom {
	width: 980px; height: 10px;
	background: url(images/content-bottom-nopad.jpg) no-repeat; }
.greenT { background: url(images/content-top-green.jpg) no-repeat !important; }
.greenS { background: url(images/content-sides-green.jpg) repeat-y !important; }
.greenB { background: url(images/content-bottom-green.jpg) no-repeat !important; }
.blueT { background: url(images/content-top-blue.jpg) no-repeat !important; }
.blueS { background: url(images/content-sides-blue.jpg) repeat-y !important; }
.blueB { background: url(images/content-bottom-blue.jpg) no-repeat !important; }
#SplashButtons {
	width: 960px;
	height: 150px;
	padding: 0px 10px; /* 15 px verschil aanhouden */
	background: url(images/content-sides.jpg) repeat-y; }
#SplashButtons a {
	text-decoration: none; }
#SplashButtons #b1{
	display: block;
	float: left;
	width: 190px;
	height: 150px;
	background: url(images/splash-tenten.jpg) no-repeat; }
#SplashButtons #b1:hover {
	background: url(images/splash-tenten-over.jpg) no-repeat; }
#SplashButtons #b2{
	display: block;
	float: left;
	width: 195px;
	height: 150px;
	background: url(images/splash-burstner.jpg) no-repeat; }
#SplashButtons #b2:hover {
	background: url(images/splash-burstner-over.jpg) no-repeat; }
#SplashButtons #b3{
	display: block;
	float: left;
	width: 190px;
	height: 150px;
	background: url(images/splash-hobby.jpg) no-repeat; }
#SplashButtons #b3:hover {
	background: url(images/splash-hobby-over.jpg) no-repeat; }
#SplashButtons #b4{
	display: block;
	float: left;
	width: 195px;
	height: 150px;
	background: url(images/splash-service.jpg) no-repeat; }
#SplashButtons #b4:hover {
	background: url(images/splash-service-over.jpg) no-repeat; }
#SplashButtons #b5{
	display: block;
	float: left;
	width: 190px;
	height: 150px;
	background: url(images/splash-verhuur.jpg) no-repeat; }
#SplashButtons #b5:hover {
	background: url(images/splash-verhuur-over.jpg) no-repeat; }


#SplashMid {
	background: url(images/rotator-bg.jpg) no-repeat left;
	width: 980px;
	height: 350px;
	margin: auto;
	padding: auto;}
#SplashMidNoBG {
	width: 980px;
	height: auto;
	margin: auto;
	padding: auto; }
#SplashMidTekst  {
	margin: 20px 0px 0px 20px;
	width: 680px;
	min-height: 330px;
	height: auto;
	text-align: justify;
	float: left;}
#SplashMidTekst ul { }
#SplashMidTekst ul li { display: inline; }
#SplashMidTekst ul li a {
	width: 240px;
	height: 130px;
	text-decoration: none;
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	float: left;
	display: block;
	margin: 0px 0px;
	margin-bottom: 8px;
	text-align: center;
	line-height: 130px;
	background: url(images/submenu-page-buttons.jpg); }

.tableSpacing td {
	padding: 10px; 
	vertical-align: middle; }

#BigButtons {
	width: 280px; height: 350px;
	text-decoration: none;
	float: right; }
#BigButtons ul li {
	text-decoration: none;
 	width: 235px; /* Samen 280px zijn, volledige width */
	padding-right: 45px; /* Samen 280px zijn, volledige width */
	display: inline;
	float: right; 
	color: #fff;
	line-height: 110px;
	font-size: 25px;
	font-weight: bold;
	text-align: right; }
#BigButtons ul li a {
 	width: 235px; /* Samen 280px zijn, volledige width */
	display: block;
	
	text-decoration: none;
	color: #fff;
	font-weight: bold; }
#BigButtons ul li#BigButton1 {
	height: 120px;
	background: url(images/bigbuttons-1.jpg) right no-repeat; }
#BigButtons ul li#BigButton2 {
	height: 110px;
	background: url(images/bigbuttons-2.jpg) right no-repeat; }
#BigButtons ul li#BigButton3 {
	height: 120px;
	background: url(images/bigbuttons-3.jpg) right no-repeat; }
/* MouseOver */
#BigButtons ul li#BigButton1:hover {
	height: 120px;
	background: url(images/bigbuttons-1o.jpg) right no-repeat; }
#BigButtons ul li#BigButton2:hover {
	height: 110px;
	background: url(images/bigbuttons-2o.jpg) right no-repeat; }
#BigButtons ul li#BigButton3:hover {
	height: 120px;
	background: url(images/bigbuttons-3o.jpg) right no-repeat; }

#footer {
	padding: 0px;
	height: 250px; }
#footer p {
	text-align: center;
	font-weight: bold;
	padding: 20px;
	width: 100%; }
#footer ul {
	margin: auto;
	padding: auto;
	width: auto; }
#footer ul li {
	width: 120px;
	float: left;
	display: inline; }
#footer ul li a {
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	font-weight: bold; }
#footer ul li ul li {
	position: relative;
	top: 20px; }
#footer ul li ul li a {
	font-size: 12px;
	font-weight: normal;
	/*color: #0072bf;*/
	color: #fff ;}
#footer ul li ul li a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #0072bf;
	background: #fff ;}
div.cssclear { clear: both; }

/* IFRAMES */

iframe#gg {
	width: 900px;
	height: 1200px;
	border: 3px solid #56ac41; }


/* Form contact */

form table {
	border: none; }
form#contact12 input {
	padding-left: 15px;
	border: none;
	width: 225px; /* total width van 240 - 15 padding */
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	background: url(images/form-input-blue.jpg);
	vertical-align: middle; }
/* * input { vertical-align: middle; }*/

form#contact label.error {
	display: block;
	position: relative;
	height: 100px;
	width: 250px;
	float: right;
	top: -38px;
	right: -300px;
	font-weight: bold;
	color: red;
	clear: both;
	text-align: left;
}

#nawgegevens {
	float: right;
	padding-top: 50px;
	text-align: right;
	font-weight: bold; }
#nawgegevens h1 {
	font-size: 1.3em; }
#nawgegevens h2 {
	font-size: 1.3em; }

/* Wordpress editor CSS */
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto; }
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline; }
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline; }
.alignright { float: right; }
.alignleft { float: left; }