/* colors */
a {color:#08c; text-decoration:none;}
a:hover{color:#000;}
a:active { outline: 0; position: relative; top: 1px; }
body {background:#F0F0F0 url(../images/background.gif) repeat-x; color:#444;}
textarea{ overflow:auto; }
#main_container{
	margin:0;
	padding:0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
}
h2, h3, h4{color:#08c;}
.paginering{
	clear:both;
	height:30px;
	padding:10px 0 0 0;
	margin:0;
	text-align:center;
}
.paginering a:link, .paginering a:visited{
	display:block;
	width:28px;
	height:28px;
	float:left;
	line-height:28px;
	color:#0C8ECE;
	background:#DCDCDC;
	margin:0 0 0 5px;
	padding:0;
}
.paginering span{
	display:block;
	width:28px;
	height:28px;
	float:left;
	line-height:28px;
	color:#0C8ECE;
	background:#F0F0F0;
	margin:0 0 0 5px;
	padding:0;
}
.paginering a:hover, .paginering a:active{
	display:block;
	width:28px;
	height:28px;
	float:left;
	line-height:28px;
	color:#fff;
	background:#0C8ECE;
	margin:0 0 0 5px;
	padding:0;
}
.paginering b{
	display:block;
	width:28px;
	height:28px;
	float:left;
	line-height:28px;
	color:#0088CC;
	background:#fff;
	margin:0 0 0 5px;
}

.code, pre{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	border:1px solid #CCC;
	background:#F2F2F2;
	color:#333;
	margin:0 0 0 0;
	padding:5px;
	white-space:nowrap;
}

.boxed_blog p em{
	font-family:"Courier New", Courier, monospace;
	border:1px solid #CCC;
	background:#F2F2F2;
	color:#333;
	margin:0 3px 0 3px;
	padding:1px;
	white-space:nowrap;
}

a.download span{ display:none;}
a.download{
	width:150px;
	height:30px;
	display:block;
	background:url(../images/nav_download.jpg) top center no-repeat;
	float:left;
}
.download:hover, .download:active{
	background:url(../images/nav_download.jpg) bottom center no-repeat;
}

.boxed_blog ul{list-style:none; margin: 0; padding: 0; text-align:justify;}
.boxed_blog ul li a{ padding:0 0 0 30px; }
.boxed_blog li{list-style:none; float:left; text-align:justify;}
.boxed_blog h3{ font-size:20px; color:#444; margin:0 7px 0 0 !important; text-align:justify;}
.boxed_blog h5{ font-size:16px; color:#444 !important; margin:0 10px 15px 0 !important; text-align:justify;}
.boxed_blog h5 span{ font-size:16px; color:#0088cc !important;}

.box_blog ul{list-style:none; margin: 0 10px 0 0; padding: 0; text-align:left;}
.box_blog li{list-style:none; text-align:justify; background:url(../images/check.png) 0 3px no-repeat; padding:0 0 0 17px; font-size:11px; line-height:20px;}
.box_blog h3{ font-size:17px; color:#1D96D2; margin:0 5px 10px 0 !important; text-align:justify; float:left;}
.box_blog img{ display:block;background:#f0f0f0; padding:5px; border:1px solid #ddd; margin:5px 25px 10px 0;}
.box_blog img:hover{border:1px solid #CFCFCF;}

.color{color:#08c;}
.color h2{color:#08c;}
hr{color:#f0f0f0; background:#f0f0f0;}
span.imageWeg img{ display:none;}

/* header */
#header {padding-bottom:0px; margin-bottom:0; margin-top:0px; background:url(../images/header.png) top center no-repeat}
.signup{padding-left:330px; padding-top:0px; color:#999;}
.btn{background:url(../images/btn.jpg) no-repeat; margin-top:7px; margin-right:5px;}

/* box styling */
.boxed{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:20px;}

#panel {
	height:auto;
	display: none;
	float:left;
}

.panel_webdesign{
	width:255px;
	float:left;
	position:relative;
}
#panel ul{
	margin:15px 0 0 0!important;
	padding:0!important;
	display:inline!important;
	float:left!important;
}
#panel ul li{
	margin:0!important;
	padding:0!important;
	display:block !important;
}
#panel ul li a{ padding:0; margin:0; }
.marge{margin:0 65px 0 0; }
.slide {
	margin: 0;
	padding: 0;
}
p.slide{
	margin:0;
	padding:0;
	line-height:normal;
}
.btn-slide {
	padding:0;
	margin:0;
	color:#898989;
	text-decoration: none;
	clear:both;
	display:block;
	outline:none;
}

div.boxed img{display: none;}
.boxed h3, .boxed h2{padding:0; margin:0; margin-bottom:5px;}
.boxed h4{padding:0; margin:0; font-size:13px;}
.boxed_small{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:20px; height:150px;}
.boxed_small h3{padding:0; margin:0; margin-bottom:5px; font-size:20px;}
.boxed_small ul{ list-style:none; display:inline; margin:0; top:-15px; left:0; position:relative; }
.boxed_small li{ margin:0 0 8px 0; padding:0; position:relative;}
.boxed_small li a:link, .boxed_small li a:visited {color:#898989; text-decoration:none; margin:0 0 3px 0;}
.boxed_small li a:hover,.boxed_small li a:active {color:#000; text-decoration:none;}
.boxed a:link{color:#444;}
.boxed a:hover{color:#222;}
.boxed ul{ list-style:none; display:inline; margin:0; position:relative; }
.boxed li{ margin:0 0 8px 0; padding:0; }
.boxed li a:link, .boxed li a:visited {color:#898989; text-decoration:none; margin:0 0 3px 0;}
.boxed li a:hover,.boxed li a:active {color:#08c; text-decoration:none;}
.boxed img{ margin:-2px 0 0 0; }
.panel_webdesign h3{padding:0; margin:5px 0 0 0; padding-bottom:5px; font-size:20px;}
.panel_webdesign ul{ list-style:none; display:inline; margin:100px 0; top:15px; left:0; position:relative; }
.panel_webdesign li{ margin:0 0 8px 0; padding:0; clear:both;}
.panel_webdesign li a:link, .panel_webdesign li a:visited {color:#898989; text-decoration:none; margin:0 0 3px 0;}
.panel_webdesign li a:hover, .panel_webdesign li a:active {color:#000; text-decoration:none;}

/* box styling */
.boxed_slider{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:20px; width:908px;}
.boxed_slider h3, .boxed_slider h2{padding:0; margin:0; margin-bottom:5px;}
.boxed_slider h4{padding:0; margin:0; font-size:13px;}
.boxed_slider a:link{color:#444;}
.boxed_slider a:hover{color:#222;}

/* update bar styling */
.update{background:#fff url(../images/menu-bg.gif) bottom left repeat-x;border:1px solid #ddd; padding:6px; height:25px;}
.update h6{padding:0; margin:0;}
.update p{margin:0; padding:5px;}


/* image styling */
p img.left {float:left;margin:4px 10px 0 0;padding:0;}
p img {float:left;margin:0px 10px 0 0;padding:0;}
p img.right {float:right;margin:0 0 0 10px;}
p img.upd{float:left; padding-right:2px;}
img.port_left {float:left;margin:0px 10px 0 0;padding:5px; border:1px solid #ddd; background:#f0f0f0;}
img.port_right {float:right;margin:0px 0 0 10px;padding:5px; border:1px solid #ddd; background:#f0f0f0;}


/* menu styling */
.menu_text{color:#999; padding: 10px 14px 9px 15px; margin:0; overflow:hidden}
div#menu { z-index:40; float: right; background:#fff url(../images/menu-bg.gif) bottom left repeat-x; border:1px solid #ddd; margin-top:0px; width:948px; overflow:hidden;}
div#menu ul, div#menu ul ul {margin: 0; padding: 0; list-style-type: none; }
div#menu ul li {float: right;  margin: 0; padding: 0; }
div#menu ul li a { float: left; color: #666; text-decoration: none; margin: 0; padding: 10px 14px 9px 15px; border-left: 1px solid #ddd; }
div#menu ul li a:hover { color: #0088cc; background: #fff; border-right: 0px solid #ddd; }
div#menu ul ul li a { color: #333; text-decoration: none; width: 220px; margin: 0; padding: 10px 0px 9px 15px; background-color: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
div#menu ul li:hover ul { display: block; position: absolute; margin: 34px 0px 0px -1px; border-top: 1px solid #ddd; }
#menu .selected{background:#fff; color:#08c;}


/* footer nav styling */
#footer-nav{float:right; padding-right:0; margin-right:0; font-size:11px;}
#footer-nav li{list-style:none; float:left; padding-left:3px; color:#ccc;}
.footer_text {padding:0; margin:0; font-size:11px;}


/* update bar  */
#switches {margin: 0; padding: 0; list-style-type: none; display:inline; float: right;}
#switches li {display:inline; list-style: none; float: left; margin: 0; padding: 5px 5px 0 0; cursor:default;}
span.image_nieuws {width:27px; height:17px; display:block; background:url(../images/sitenews.png) center center no-repeat; margin:0 4px 0 0; float:left;}
span.image_comment {width:27px; height:17px; display:block; background:url(../images/comment.png) center center no-repeat; margin:0 4px 0 0; float:left;}
.sliders p{ margin:0 !important; line-height:normal; float:left;}
.sliders img{display:none;}
.slider_link p{color:#555 !important; text-decoration:none; font-style:italic;}
.slider_link:hover p{color:#777 !important; text-decoration:underline;}


/* Search styling */
input.search{width:100px;margin-left:0px;color:#ccc; margin-right:10px; border-color:#ddd;}


/* Custom HR Lines */
.hrbg{padding-bottom:0px; text-indent:-9999px; background:url(../images/hrbg.jpg) repeat-x; margin:4px 0 10px 0;}
.hrbg2{padding-bottom:0px; text-indent:-9999px; background:url(../images/hrbg2.jpg) repeat-x; margin-top:4px;}


/* portfolio styling */
.boxed_port{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:10px 18px 18px 18px; float:left; margin:0; height:170px !important;}
.boxed_port h2{padding:0; margin:0; color:#444;}
.boxed_port h3{padding:5px 0 0px 0; margin:0; color:#08c; font-size:18px}
.boxed_port p, .brief_box p{padding:0; margin:0 0 3px 0;}
.boxed_port .brief{padding:0 0 10px;}
.boxed_port img{background:#f0f0f0; padding:5px; border:1px solid #ddd; margin:5px 0 5px 0;}
.boxed_port img:hover{border:1px solid #C5C5C5;}
.brief_box{background:#f0f0f0; border:1px solid #ddd; padding:2px; text-align:center;}


/* page styling */
.diensten{ height:150px; margin-bottom:20px; }
.boxed_page{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:10px 20px 10px 20px;}
.boxed_page h2{padding:0; margin:0; color:#444;}
.boxed_page h4{padding:5px 0 5px 0; margin:0; color:#08c; font-size:20px}
.boxed_page p{padding:0; margin:0;}
.boxed_blog{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:10px 20px 10px 20px;}
.boxed_blog h2{padding:0; margin:0; color:#444;}

.boxed_blog ul{ list-style:none; display:inline; margin:0; top:-15px; left:0; position:relative; }
.boxed_blog li{ margin:0 0 8px 0; padding:0; position:relative; float:left;}
.boxed_blog li a:link, .boxed_blog li a:visited {color:#898989; text-decoration:none; margin:0 0 3px 0; float:left;}
.boxed_blog li a:hover,.boxed_blog li a:active {color:#000; text-decoration:none;}

.boxed_blog ul#sitemap{ list-style:none; display:inline; margin:0; top:-15px; left:0; position:relative; }
.boxed_blog ul#sitemap li{ margin:0 0 8px 0; padding:0; position:relative; float:left; clear:both !important;}
.boxed_blog ul#sitemap li a:link, .boxed_blog ul#sitemap li a:visited {color:#898989; text-decoration:none; margin:0 0 3px 0; float:left; clear:both !important;}
.boxed_blog ul#sitemap li a:hover,.boxed_blog ul#sitemap li a:active {color:#000; text-decoration:none;}

.boxed_blog h4{padding:5px 0 5px 0; margin:0; color:#08c; font-size:20px}
.boxed_blog p{padding:0 0 20px 0; margin:0;}

.box_blog{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:10px 20px 10px 20px; width:908px;}
.box_blog h2{padding:0; margin:0 0 5px 0; color:#444;}
.box_blog h4{padding:5px 0 5px 0; margin:0; color:#08c; font-size:20px}
.boxed_blog p{padding:0 0 20px 0; margin:0;}

.blok_full{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:5px; margin:0 20px 5px 0; width:900px; color:#777; font-size:11px;}
.blok_full_nieuws{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:5px; margin:0 20px 5px 0; width:660px; color:#777; font-size:11px;}
.blok_full_diensten{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:5px; margin:0 20px 5px 0; width:660px; color:#777; font-size:11px;}

.blog_about p{font-size:11px; font-style:italic;}

.lichtgrijs{ color:#777 !important; font-size:11px; }

/* Contact Styling */
textarea#styled {width: 654px;height: 120px;border: 1px solid #ddd;padding: 5px;color:#999; background:#f0f0f0;}
input.ct{color:#999;border: 1px solid #ddd; background:#f0f0f0; }

.grey{color:#444;} 
.boxed h5{padding:0; margin:0; color:#444;}
.meta{font-size:11px;color:#777 !important; padding:0 0 5px 0;}
.hidden{display:none;}



/* Email formulier */
.clear {
	clear:both
}
.block {
	width:400px;
	margin:0;
	text-align:left;
}
.element * {
	padding:5px; 
	margin:2px; 
	font-family:arial;
	font-size:12px;
}
.element label {
	float:left; 
	width:75px;
	font-weight:700;
}
.element input.text {
	float:left; 
	width:270px;
	padding-left:20px;
}
.element .textarea {
	height:120px; 
	width:270px;
	padding-left:20px;
}


.show {cursor:pointer; color:#c00; display:block; text-align:left; clear:both;}
.hidden img {float:left; padding:10px 10px 10px 0;}
p.jfy {text-align:left;}


label{float:left; display:block; clear:both;}

input.textCom {
	float:left; 
	width:270px;
	padding:5px;
	height:20px;
	border:1px solid #bbb;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
input.textCom:focus {border-color:#666;}
textarea.textareaCom {
	height:120px; 
	width:270px;
	padding:5px;
	border:1px solid #bbb;
	clear:both;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div.comment, input.input{clear:both; float:left; }
textarea.textareaCom:focus {border-color:#666;}
.element .hightlight {
	border:2px solid #0088CC;
	background:url(http://www.studio25.nl/cms/example/images/iconCaution.gif) no-repeat 2px;
}
.element #submit {
	float:right;
	margin-right:10px;
}
.loading {
	float:right; 
	background:url(http://www.studio25.nl/cms/example/images/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	background:url(http://www.studio25.nl/cms/example/images/iconIdea.gif) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}
/* Email formulier */