/* 
Theme Name: Hier is minister Verhagen
Theme URL: http://www.hierisministerverhagen.nl
Description: Hier is minister Verhagen
Author: Jonas Vorwerk
Author URI: http://www.jonasvorwerk.com
Version: 1.0
*/

body {
	background-color:#f7f7f7;
	font-size: 11px;
	color:#f7f7f7;
	margin:0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

a {
	color:#141370;
	text-decoration:underline;
}

a:hover{
	color:#44468e;
}

P {
	padding-bottom: 10px;
	margin: 0px;
}

h2{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #141370;
	margin-top:0px;
	margin-bottom:5px;
}

#container{
	min-width: 990px;
}

#post{
	width: 400px;	
	padding-top: 200px;
	padding-left: 694px;
	padding-bottom: 30px;	
	color: #141370;
}

#menu {
	margin: 0px;
	padding: 0px;
	position:absolute;
	z-index:395;
	left:0px;
	top:45%;
	height:180px;
	width: 100%;
	color:#fff;
	min-width: 1000px;
	cursor: n-resize;
}

#share_txt{
	position:absolute;
	z-index:398;
	top: 152px;
	left:-150px;
	height:10px;
	width: 100%;
	color: #44468e;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#share_txt_mouseover {
	position:absolute;
	z-index:398;
	top: 136px;
	left:-150px;
	height:10px;
	width: 100%;
	color: #FFF;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#share_txt div a {
	width: 16px;
	height: 16px;
	float: right;
	overflow: hidden;
	text-indent: 2000px;
	margin-left: 16px;
}
#share_txt div.followTwitter a {
	background: transparent url('images/share_icon_sprite.gif') no-repeat -64px 0;
}
#share_txt div.sendToFriend a {
	background: transparent url('images/share_icon_sprite.gif') no-repeat -80px 0;
}
#share_txt div.bookmarkPage a {
	background: transparent url('images/share_icon_sprite.gif') no-repeat -48px 0;
}
#share_txt div.followTwitter a:hover {
	background: transparent url('images/share_icon_sprite.gif') no-repeat -16px 0;
}
#share_txt div.sendToFriend a:hover {
	background: transparent url('images/share_icon_sprite.gif') no-repeat -32px 0;
}
#share_txt div.bookmarkPage a:hover {
	background: transparent url('images/share_icon_sprite.gif') no-repeat 0 0;
}

#menu_txt{
	position:absolute;
	z-index:398;
	left:-150px;
	height:10px;
	width: 100%;
	color:#44468e;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	top:10px;
}

#menu_txt a {
	color:#44468e;	
	text-decoration:none;
}

#menu_img {
	position:absolute;
	z-index:397;
	width: 100%;
	color:#44468e;
	text-align:left;
}

#menu_img img{
	float:left;
}

#menu_btn {
	float:left;
	width:270px;
	padding-top:75px;
}

#menu_disclaimer{
	position:absolute;
	z-index:397;
	left:-60px;
	height:20px;
	width: 100%;
	color:#44468e;
	text-align:right;
	margin:-20px;
}

#menu_bg {
	position:absolute;
	z-index:100;
	left:0px;
	top:0px;
	height:180px;
	width: 100%;
	background-color: #03032c;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	min-width: 960px;
}

label {
	width: 200px;
	float: left;
}

input.textfield {
	width: 200px;
}

.tooltip {
	text-transform: uppercase;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:f7f7f7;
}

.trans {
	filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;
}

.submenu:hover { 
	cursor: pointer; 
}

img.selected:hover { 
	cursor: default;
}

#arrowDiv { 
	float: right; 
	width: 30px; 
	display: block; 
	cursor: n-resize; 
}
#arrowDiv a { 
	cursor: n-resize; 
}

.mousePopup{
	background: transparent url(images/mouseBack.png) no-repeat;
	width: 190px;
	height: 130px;
	overflow: hidden;
	padding: 0;
	padding-left: 30px;
	padding-top: 14px;
	margin: 0;
	white-space:normal;
	color: #141370;
}
.mousePopup .summary{
	color: #141370;
	width: 142px;
}

.imagePopup{
	background-color:#f7f7f7;
	padding: 12px;
	white-space:normal;
	color: #141370;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
.imagePopup a img{
	border: 0;
}
.imagePopup .count{
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	width: 120px;
	position: relative;
	top: 6px;
	z-index: 5;
}
.imagePopup .prev{
	position: absolute;
	left: 12px;
	bottom: 6px;
	z-index: 6;
}
.imagePopup .next{
	position: absolute;
	right: 12px;
	bottom: 6px;
	z-index: 6;
}

.moviePopup{
	background-color:#f7f7f7;
	padding: 12px;
	white-space:normal;
	color: #141370;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

.infoPopupWrapper{
	background: transparent url(images/arrow-back.png) no-repeat 0 30px;
	width: 300px;
	height: 200px;
	padding-left: 45px;
}
.infoPopup{
	background-color:#f7f7f7;
	width: 255px;
	height: 200px;
	padding: 10px;
	white-space:normal;
	color: #141370;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
.infoPopup .summary{
	height: 170px;
	overflow: scroll;
}

.infoPopup img{
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}


/* 
SPECIAL STYLES FOR SCROLLBAR
*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 10px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	width: 15px;
	background: #f7f7f7 url('images/scroll-back.png') repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #141370;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	width: 15px;
	margin-bottom: 3px;
	background: #f7f7f7 url('images/scroll-up.png') no-repeat;
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	width: 15px;
	bottom: -3px;
	background: #f7f7f7 url('images/scroll-down.png') no-repeat;
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #141370;
	background-color: #f7f7f7;
	padding: 5px;
	color: #141370;
	font-size: 12px;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 12px; }