html {
	background-image: url(/templates/spring/images/bg_gradient.jpg);
	background-color: #e5f1cd;
	background-repeat: repeat-x;
	background-position: center top;
	
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px;
	padding: 0px;

}


a img {
	border: 0px dotted #000000;
}

.spaceleft {
	padding-left: 5px;
}

#TheSite {
	position: absolute;
	left: 105px;
	bottom: 35px; 
	font-size: 17px;
	font-weight: bold;
	z-index: 1500;
	color:#FFF;
}

#outhercontainer {
	position: relative;
	width: 986px;
	margin-left:auto;
	margin-right: auto;
}

#topcontainer {
	position: relative;
	width: 100%;
	margin-left:auto;
	margin-right: auto;
	background-image: url(/templates/spring/images/bg_top.jpg);
	background-repeat:no-repeat;
	height: 170px;
}

#topcontainer #righttopmenu {
	
	position: absolute;
	top: 5px;
	right: 20px;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 1200;
	font-size: 13px;

}

#topcontainer #righttopmenu img {
 border:0px;
 margin-left: 5px;
}

#topcontainer #righttopmenu a {
	color: #FFFFFF;
}

#searchbox {
	position: absolute; 
	left: 740px; 
	width: 250px;
	top: 25px; 
	z-index: 1200;
	display: none;
	padding: 3px;
}



	#maincontainer {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
		margin-left:auto;
		margin-right:auto;
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		min-height: 700px;
		background-image: url(/templates/spring/images/bg_gradient_bar.png);
		z-index: 1;
	}


/* 
	MIDDLE: THIS WILL BE LOADED DYNAMICALLY
*/

#topcontainer #submenu {
	position: absolute;
	bottom: 4px;
	width: 986px; /* 1186px; */
	margin:0px; 
	height: 20px;	
	z-index: 9999;
	
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	 #topcontainer #submenu {
		bottom: 3px !important;
	}
}

#topcontainer #submenu a{
	text-decoration:none;
	color: #FFFFFF;
}

#topcontainer #submenu #submenudivide {
	padding-left: 25px;
	display: inline;
}

#topcontainer #submenu .submenuitem {
	display: inline;
	background-color: #f39100;
	padding: 5px;
	color: #FFFFFF;
	text-decoration:none;
	font-size: 13px;
	font-weight:bold;
	line-height: 22px;	z-index: 100;
	padding-left:9px;
	padding-right: 9px;	margin-left:-3px;
	padding-bottom: 5px;
	cursor: hand;
}

#topcontainer #submenu .submenuitem_inactive {
	display: inline;
	background-color: #a6cd02;
	background-image: url(http://www.pvddtest.nl/templates/spring/images/greenbg.png);
	padding: 5px;
	color: #FFFFFF;
	text-decoration:none;
	font-size: 13px;
	font-weight:bold;
	line-height: 22px;	z-index: 100;
	padding-left: 9px;
	padding-right: 9px;
	margin-left:-3px;
	cursor: hand;
}

#maincontainer #topmenu {
	position: absolute;
	top: 0px;
	right: 13px;
	width: 960px;
	margin:0px; 
	height: 15px;
	background-image:url(/templates/spring/images/orange.png);
	line-height: 30px;
	height:27px;
	z-index: 9999;
	
}

#maincontainer #topmenu .active a {
	padding-left: 9px;
	padding-right: 9px;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
}

#maincontainer #topmenu a {
	padding-left: 9px;
	padding-right: 9px;
	color: #FFFFFF;
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
}

#maincontainer #topmenu a:hover {
	color: #000000;
	background-color: #FFFFFF;
}

#footer {
        clear:both;
        float:left;
        width:100%;
	

}

#content {
	font-size: 12px;
	width: 500px;
}

#content ul {
	list-style:disc;
}

#content ul li {
	margin-bottom: 5px;
}

#content a {
	border-bottom: 1px dotted #999;
	
}

#content a:hover {
	text-decoration: underline;
}

#content img {
	margin: 5px;	
}

#content cite {
	padding: 4px;
	border: 1px solid #000;
	display: block;
}


.titleblock { background-color: #c1b6a5; color: #FFFFFF; font-size: 17px; padding: 4px; margin-top: 5px; font-weight: bold; }

/* Here all the styles for modules */

.item {
 margin-bottom: 8px !important; 
 font-size: 12px;
 

}

.item .item_title {
 width: 400px; 
 float: right; 
 font-weight: bold;
}

.item .item_overview_title {
 width: 420px; 
 margin-left: 80px;
 font-weight: bold;
}



.item .item_title a, .item .item_overview_title a, .item h2 a {
	text-decoration: none;
	color: inherit;
}

.item .item_overview_title a {
	border:0px !important;
	border-bottom: 0px !important;
	text-decoration: none;
}

.item .item_title a:hover, .item .item_overview_title a:hover, .item h2 a:hover {
	color: #f39100;
}

.item .item_date {
 width: 80px; 
 float: left;
}

.msgtools {
	float: right; 
	width: 75px;
	text-align:center; 
	padding: 2px;  
	margin: 10px;
}

.item .readmore a {
	text-decoration: none;
	color: #f39100;
	font-weight: bold;
	border-bottom: 1px dotted #000000;	
}

.item .readmore a:hover {
	text-decoration: underline;
}

.item .date {
	color: #999999;
	margin-top: -10px;
	margin-bottom: -10px;
}

.divider2 {
	height: 2px;
	margin-top: 2px;
	
}

.divider20 {
	height: 20px;
	margin-top: 15px;	
}

.item p {
	text-align: justify;
	margin-right: 90px;
}

.item .notools {
	margin-right:0px;	
}



p a {
	color: #f39100;
	font-weight: bold;
}

.blogitem {
 clear: both;	
}


a {
	color: #000000;
	text-decoration: none;
}

/* FORM LAYOUT */

.myform{
	margin:0px;
	width: 490px;
	padding:2px;
}

/* ----------- stylized ----------- */
#formdesign {
	border:solid 2px #cdc3b3;
	background:#f0ebe4;
	margin-top: 10px;
}
#formdesign h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#formdesign p{

}
#formdesign label{
	display:block;
	font-weight:bold;
	text-align:left;
	width:140px;
	float:left;
}
#formdesign .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	width:140px;
}
#formdesign .invalid {
	border: 1px dotted #F00;
}

#formdesign input.invalid {

	width: 335px !important;
	
}

#formdesign label.invalid {
	width:140px;
	float:left;
}

#formdesign input {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #cdc3b3;
	width:250px;
	margin:2px 0 20px 10px;
}



#formdesign select {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #cdc3b3;
	width: auto;
	margin:2px 0 20px 10px;
}

#formdesign textarea {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #cdc3b3;
	width: 250px;
	margin:2px 0 20px 10px;
}


#formdesign input[type=submit]{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#666666 url(img/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}



/*  Calendar */

.calendaritem { width: 500px;  clear: both; margin-bottom: 25px; }
.calendaritem .calendardate {float: left; width: 40px; border: 1px solid #000; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}
.calendaritem .calendardate .calendardatemonth { background-color: #f39100; font-size: 10px; color:#FFF; font-weight: bold; border-bottom: 1px solid #000; text-align:center; padding: 1px;-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.calendaritem .calendardate .calendardateday { font-size: 16px; color:#000; font-weight: bold;  text-align:center; padding: 5px 0px; }
.calendaritem .calendardata {padding-left: 55px; width: 440px;}
.calendaritem .calendardata h1 { font-size: 17px; margin:0px; margin-bottom: 4px; }
.calendaritem .calendardata p {margin:0px; }
.calendaritem .calendardata .readmore a { background-color:#f0ebe4; padding: 3px;  -moz-border-radius: 5px; -webkit-border-radius: 5px;  float: right; margin-bottom: 4px; }
.calendaritem .options { clear: both; font-size: 11px; padding: 2px; padding-left: 55px; padding-top: 6px; margin-top: 6px; border-top: 1px #CCC solid; border-bottom: 1px #CCC solid;  }


.ui-draggable { cursor:move; }   

#tip {  
   position:absolute; display:none; height:25px; padding:9px 9px 0px;  
      color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;  
     font-size:11px; font-weight:bold; border-radius:4px;  
   -moz-border-radius:4px; -webkit-border-radius:4px;  
   background:#000; background:rgba(0,0,0,.5);   
 }  
 #tip .arrow {  
    width:0; height:0; line-height:0; border-right:8px solid #000;  
   border-right:8px solid rgba(0,0,0,.5); border-top:8px solid transparent;  
    border-bottom:8px solid transparent; position:absolute; left:-8px;  
    top:9px;  
   }  
   
  #targets {
  display:none; list-style-type:none; position:absolute; top:150px; 
  padding: 10px; background-color:#FFFFFF; 
  z-index:99999;
  border: 3px solid #FFCC00;
}
#targets li {
  float:left; margin-right:20px; display:block; width:60px; height:60px; 
  background:url(/templates/autumn/iconSprite.png) no-repeat 0 0; position:relative;
}
#targets li#delicious { background-position:0 -60px; }
#targets li#facebook { background-position:0 -120px; }

#overlay {
  background-color:#000; position:absolute; top:0; left:0; width:100%;
  height:100%; z-index:99997;
}
#helper {
  background-color:#c2c2c2; position:absolute; height:35px;
  padding:15px 70px 0 20px; color:#fff;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
  font-size:18px; border-radius:8px; -moz-border-radius:8px;
  -webkit-border-radius:8px; border:3px solid #7d7d7d;
}
#thumb {
  width:50px; height:50px; position:absolute; right:0; top:0;
  border-left:3px solid #7d7d7d;
}
.share {
  font-weight:bold; position:absolute; font-size:14px; color: #fff;
  font-family:Verdana; margin-left:-38px;
  margin-top: 80px;
}

/* SHOP */

.shop_cat_item {
	position: relative;
	display: inline;
	width: 145px;
	height: 150px;
	padding:0px;
	margin: 0px;
	text-align: center;
}
.shop_cat_item  .cat_item_title{
	position: absolute;
	bottom: 17px;
	left: 0px;
	height: auto;
	width: 150px;
	background-color:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}

.shop_items  p {
	text-align: right;
	margin: 0px;
}

.shop_items a {
	font-size: 14px;
}

.shop_items a:hover {
	text-decoration: underline;
}

.shop_cat_item img {
	margin:0px; padding:0px;
	width: 145px;
}

#shoppingcart{
	padding: 3px;
	background-color: #f0ebe4;
	margin-bottom: 4px;
}

#shoppingcart .btn {
	padding: 5px;
	background-color: #cdc3b3;
	color: #FFF;
	text-align: center;
	margin: 5px;
	font-weight: bold;
}

.titleheader {
	background-color: #c1b6a5; 
	color: #FFFFFF; 
	font-size: 13px; 
	padding: 4px; 
	margin-top: 5px; 
	font-weight: bold; 
	width: 260px;
}

/* widgets */

#tabs {
	position: relative;	
}

.rssbutton {
	position: absolute; 
	left: 245px; 
	top: 4px; 
}

.rssbutton2 {
	position: absolute; 
	right: 0px; 
	top: 0px; 
}

.rssbutton2 img {
	padding-bottom: 3px;
	border:0px;
}

.rssbutton2 a {

}



.widget_item {
	width: 100%; margin-bottom: 11px;  height: 14px; clear: both;
}

.widget_item .date {
	padding: 2px; float: left; width: 55px; border: 1px solid #cdc3b3; font-size: 11px; text-align: center; height: 14px;
}

.widget_item .title {
	padding: 1px;  font-size: 10px; margin-left: 65px; font-family: Verdana, Arial, Helvetica, sans-serif; width:195px; height: 14px; line-height: 16px; overflow:hidden;	
}

.widget_item .title12 {
	padding: 1px;  font-size: 12px; font-weight: bold; margin-left: 65px; font-family: Verdana, Arial, Helvetica, sans-serif; width:245px; height: 14px; line-height: 15px; overflow:hidden;	

}

.widget_item .title3 {
	padding: 1px;  font-size: 12px; font-weight: bold;  font-family: Verdana, Arial, Helvetica, sans-serif; width:300px; height: 14px; line-height: 15px; overflow:hidden;	

}


.web20widget {
	background-image: url(/widgets/web20/bgbuttons.jpg) !important;
	width: 490px;
	height: 100px;
	margin-top: 4px;
	position:relative;
}

.web20widget span {
	position: absolute;
	left: 120px;	
	top: 24px;
	height: 80px;
}



/* VERKIEZINGEN */

 #verkiezingen { margin-top: 5px; position:relative; width: 490px; height: 382px; background: url(http://www.partijvoordedieren.nl/templates/spring/buttons/verk_bg.jpg) no-repeat; }
 #verkiezingen #knoppen { position:absolute;right:5px;top: 60px;width: 250px}
 #verkiezingen #knoppen a {  padding: 3px;  }
 #verkiezingen #knoppen  a img{border:0px;}
 
 #steljemoetkiezen { width: 270px; height: 250px; background-image:url(http://www.partijvoordedieren.nl/widgets/vkspots/steljemoetkiezen.jpg); position:relative; margin-top: 5px; }
 
#steljemoetkiezen  .pics {  
    height:  157px;  
    width:   123px;  
    padding: 0;  
    margin:  0;  
	position: absolute;
	right: 10px; top: 54px;
} 
 
#steljemoetkiezen .pics img {  
    padding: 0px;  
    border:  0px;  
    background-color: #eee;  
    height:  157px;  
    width:   123px;  
    top:  0; 
    left: 0 
} 

#steljemoetkiezen #stelheader {
	position: absolute;
	top: 0px;
	left: 0px;
}

#steljemoetkiezen #stelheader img {
 border:0px;	
}