/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q,
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }

html 			{ height: 100.2%; }
body 			{ height: 100%; font-family: arial, helvetica, sans-serif; font-size: 62.5%; /* resets 1em to 10px */ /* behavior: url('htc/csshover.htc'); needed for hovermenu*/ behavior: url('htc/csshover.htc');}

.error, .alert { color: #ff0000; }

.clearfix:after { content: '.';  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix { height: 1%; }


/* standard elements */

h1, h1 a:link  		{ font-size: 1.8em; color: green; } /* also needed outside wysiwyg texts */
h2, h2 a:link		{ font-size: 1.6em; } /* h2 a with color is for toc in frontend*/
h3, h3 a:link		{ font-size: 1.4em; color: red; }
h4, h4 a:link		{ font-size: 1.2em; }
h5, h5 a:link		{ font-size: 1.1em; color:#993300;  }
h6, h6 a:link		{ font-size: 1em; }

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { font-size: 1em; text-decoration: none; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { text-decoration: none; }

hr          { border: 1px solid; border-color: #05222e #ffffff #ffffff #ffffff; margin:15px 0; }
hr.home		{ margin:15px 20px 15px 260px }

/* tempalte positioning elements */
/* to center the website */
div.wrapper { position: relative; width: 980px; height: 100%; margin: 0 auto; padding: 0; text-align: left; }
div.top 				{ position:absolute; top:0; height:261px; }
div.container			{ position:absolute; top:261px; width:100%; }
div.contentcontainer 	{ margin:20px 0 0 0; }
div.content 			{ float:left; width:735px; }
div.contentblok			{ display:inline-block; }
div.imageside			{ width:245px; overflow:hidden; float:left; }
div.contentmain			{ float:left; width:456px; padding:0 15px; }
div.side				{ float:right; width:245px; }

/* layout */

/*top*/
div.logoandimage { width:735px; float:left; padding-top:30px }
div.logo { width:242px; float:left; }
div.logo img { margin:25px 0 0 38px; }
div.topimage { float:right; }
div.snelnaarcontainer { width:245px; float:left; padding-top:30px; }

/* snelnaarmenu */
div.snelnaarmenu { background:url(../../images/default/corner_blue.gif) top right no-repeat #082c3c; height:231px; color:#FFFFFF; font-size:1.2em; font-weight:bold; line-height:2em; }

div.snelnaarmenu ul				{ margin: 0; padding: 0; padding:28px 0 0 0; }
div.snelnaarmenu ul li 			{ list-style: none; border-bottom:1px solid #ffffff; padding-left:16px; }
div.snelnaarmenu ul li.first	{ border-top:1px solid #FFFFFF; }
div.snelnaarmenu ul li a 		{ color:#FFFFFF; text-decoration:none; display:block; }
div.snelnaarmenu ul li a:hover,
div.snelnaarmenu ul li.selected a		{ color:#becc06; }

div.snelnaarmenu div.searchbox	{ padding:13px 0 0 16px; }
div.snelnaarmenu div.searchbox label { padding:0 5px 0 0; }
div.snelnaarmenu div.searchbox input.text { font-weight:bold; background-color:#FFFFFF; border:1px solid #1b3b4a; color:#082c3c; width:150px; }
div.snelnaarmenu div.searchbox input.button { border:none; width:20px; background:url(../../images/default/searchbox_pile.gif) 0% 50% no-repeat #082c3c; cursor:pointer; }

div.peopleplanetprofit { position:absolute; top:9px; width:245px; text-align:center; }

div.menuandpostit					{ display:inline-block; width:100%; }

/* menu */
div.menucontainer					{ width:735px; float:left; }
div.menu							{ background:#becc06; width:100%; display:inline-block; }
div.menulevel						{ }
div.menulevel ul					{ }
div.menulevel ul li					{ }
div.menulevel ul li a				{ display:inline-block; width:230px; line-height:2em; color:#FFFFFF; font-size:1.3em; font-weight:bold; text-decoration:none; padding-left:15px; }

div.menulevel ul.menueen			{ width:245px; float:left; height:100%; }
div.menulevel ul.menueen li:hover a,
div.menulevel ul.menueen li.selected a	{ background:#a0b302; color:#FFFFFF; }

div.bgmenutwee						{ background:#a0b302; float:left; height:100%; width:490px;  }
div.bgmenutwee ul					{ width:245px; float:left;}
div.bgmenutwee ul li:hover a,
div.bgmenutwee ul li.selected a		{ background:#839203; color:#FFFFFF; }

div.bgmenudrie						{ background:#839203; float:left; height:100%; width:245px; }
div.bgmenudrie ul					{ width:245px; }
div.bgmenudrie ul li:hover a,
div.bgmenudrie ul li.selected a		{ background:#6e7b02; color:#FFFFFF; }

div.menufooter						{ background:url(../../images/default/menu_bottom.gif) left bottom no-repeat; position:absolute; width:735px; margin-top:-28px; height:28px; }

div.postit							{ width:245px; float:right; text-align:center; }
div.content { font-size: 1.2em; }

/*footer*/
div.footercontainer { margin:30px 0 0 245px; background:red; }
div.footercontainer a:hover { text-decoration:underline; }

div.footerinfo		{ float:left; background:#082c3c; width:490px; color:#FFFFFF; }
div.wcmh			{ float:left; padding:4px 0 4px 10px; }
div.naw				{ text-align:right; padding:8px 10px 0 0; }
div.naw	a			{ color:#FFFFFF; text-decoration:none; }
div.servicemenu			{ float:left; margin-left:5px; }
div.servicemenu ul		{ padding-top:8px; }
div.servicemenu ul li	{ float:left; color:#616164; }
div.servicemenu ul li a	{ color:#616164; text-decoration:none; padding:0 10px; }

/*attentionareagrey*/
div.attentionareatitle { padding-left:15px; }
div.attentionareagrey { background:url(../../images/default/attentionareagrey_top.gif) right top no-repeat #e0e0e0; }
div.attentionareagrey div.cornerbottom { background:url(../../images/default/attentionareagrey_bottom.gif) left bottom no-repeat; padding:20px 10px 15px 15px; }

/*news*/
div.newsitem { margin:0 0 20px 0; }

/* form styles */
div.content form                        { margin: 20px 0 20px 0; border-top: 1px solid #05222e; padding:30px 0 0 0; }
div.content form table					{ width:100%; }
div.content form table tr td			{ vertical-align:top; }
div.content form label					{  }
div.content form span.formerror         { color: #ff0000; }
div.content form span.formrequired      { color: #082C3C; font-weight: bold; }
div.content form input.radio            { }
div.content form input.checkbox         { }
div.content form input.text		 		{ border:1px solid #082C3C; margin:0 0 2px 0; }
div.content form textarea,
div.content form select			 		{ border:1px solid #082C3C; }
div.content form button   				{ margin:20px 0 0 0px; background:none; border:none; color:#a0b302; text-align:left; }
button   								{ background:#082C3C; color:#FFFFFF; border:none; cursor:pointer; }

/* searchengine */
div.searchengine div.resultshead 		    	{ background:#082C3C; font-weight:bold; color:#FFFFFF; padding:10px; }
div.searchengine div.resultpagination			{ }
div.searchengine div.resultpagination span		{ display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; border: 1px solid #eeeeee; }
div.searchengine div.resultpagination a 		{ display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; border: 1px solid #eeeeee; text-decoration: none; }
div.searchengine div.searchstars 				{ font-size: 2em; margin: 0.5em 0 -0.1em 0; font-weight: bold; color:#839203; }
div.searchengine div.searchresultitle 			{ font-weight:bold; }
div.searchengine div.searchresultitle a 		{ }
div.searchengine div.searchresultlocation		{ font-style:italic; }
div.searchengine div.searchresultdescription a 	{ text-decoration: none; }

div.content form.search { background:#082C3C; margin:0; padding:10px;}
div.content form.search input.search-box2				{ border:1px solid #082C3C; margin:0 0 2px 0; }
div.content form.search button.search-button2   				{ margin:0 0 0 10px; background:none; border:none; color:#a0b302; text-align:left; }

/*mediatheek*/
div.mediatheek { margin:10px 0 30px 0; }
div.mediatheek ul { list-style:none; }
div.mediatheek ul li { margin:0; border-bottom:1px solid #05222e; line-height:1.4em; padding:5px 0; display:inline-block; width:100%;}
div.mediatheek ul li span.title { color:#28292B; font-weight:bold; }
div.mediatheek ul li ul li { margin:0; border:none;}
div.mediatheek ul li a.dsi { text-decoration:none; float:left; }
div.mediatheek ul li a.dsi:hover { text-decoration:underline; }
div.mediatheek ul li a.dsi img { margin:0 10px 0 0; }
div.mediatheek ul li span.typesize { padding:0 0 0 10px; font-size:0.8em; font-weight:bold; color:#839203; float:right; }
div.mediatheek ul li ul { left:0; }
div.mediatheek ul li ul li{  }

/*sitemap*/
div.sitemap {}
div.sitemap ul {}
div.sitemap ul li {  }
div.sitemap ul li a {color:#28292B; font-weight:bold;}
div.sitemap ul li ul li a { color:#839203; font-weight:bold; }
div.sitemap ul li ul li ul li a { color:#004054; font-weight:bold; }
div.sitemap ul li ul li ul li ul li a { color:#839203; font-weight:bold; }
div.sitemap ul li ul li ul li ul li ul li a { color:#666666; font-weight:bold; }
div.sitemap ul li ul li ul li ul li ul li ul li a { color:#999999; font-weight:bold; }

/* light box */
div.lightbox                                { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img                          { border: none; }
div.outerimagecontainer                     { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer                          { padding: 10px; }
div.loading                                 { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav                                { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav             { left: 0em; }
div.hovernav a                              { outline: none; }
a.prevlink, a.nextlink                      { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink                                  { left: 0em; float: left; }
a.nextlink                                  { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover  { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover  { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }

div.imagedatacontainer              { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata                       { padding:0 10px; color: #666; }
div.imagedata div.imagedetails      { width: 70%; float: left; text-align: left; }
div.imagedata span.caption          { font-weight: bold;   }
div.imagedata span.numberdisplay    { display: block; clear: left; padding-bottom: 1.0em;   }
div.imagedata a.bottomnavclose      { width: 66px; float: right;  padding-bottom: 0.7em;   }
div.overlay                         { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }