body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;
margin: 0px;
}

#content img {
border: 0px;
border: none;
}

li {  
margin: 0px 0px 0px -10px;
list-style-image: url(http://vilarostrum.eu/uploads/images/blokje.png);  
} 

.groen {
color: #00718e;
margin-right: 6px;
}

#content a:link,
#content a:visited,
#content a:active {
color: #333333;
text-decoration: none;
font-weight: bold;
}

h1 {
font-size: 24px;
color: #315386;
text-transform: none;
text-decoration: none;
font-weight: bold;
}

h2 {
font-size: 20px;
color: #315386;
text-transform: none;
text-decoration: none;
font-weight: normal;
margin: 0px;
}

h3 {
font-size: 18px;
color: #333333;
text-transform: none;
text-decoration: none;
font-weight: normal;
margin-bottom:-2px;
margin-top:20px;
}

h4 {
font-size: 14px;
color: #333333;
text-transform: none;
text-decoration: none;
font-weight: bold;
margin: 0px;
}

#wrapper {
width: 1017px;
height: auto;
margin: 0 auto;
}

#contentwrapper {
width: 1017px;
margin: auto;
}

#headerwrapper {
width: 1017px;
display: block;
float:left;
margin-bottom:-10px;
}

.moreinfo{
background:#315386;
color:#fff;
float:right;
padding:10px 30px 20px 30px;
margin:5px 0px 20px 20px;
width:180px;
}

.moreinfo a, .moreinfo h3{
color:#fff!important;
}

#citaat {
background: #00718e;
width: 403px;
height: auto;
display: block;
float:left;
padding: 20px;
margin: 15px 0px 20px 0px;
color: #fff;
line-height: 19px;
}

#headerwrapper img {
border: 0px;
border: none;
}

#logo {
background: url(http://vilarostrum.eu/uploads/images/rostrum.jpg) no-repeat;
width: 350px;
height: 133px;
display: block;
float:left;
margin-top:50px;
}

#talen{
float:right;
}

#info{
background:#315386;
width:170px;
height:auto;
float:right;
padding:20px;
margin-left:20px;
color:#fff;
}

#info a:link,
#info a:visited,
#info a:active {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#menu {
background: #315386;
width: 600px;
height: 46px;
display: block;
float:right;
margin: 70px 0px 0px 0px;
}

/* ------------  Menu  ROOT  ------------ */
.page-menu {
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
text-decoration: none;
  font-weight: normal;
width: 320px;
text-align: right;  
list-style: none;
line-height: 28px;
float: right;
display: block;
z-index: 1000;
position: relative;
}

.menuwrapper {}

.page-menu ul#primary-nav li {
list-style: none;
display: inline;
}

/* Hoofdmenu item indien geen cycles van rood, geel, groen en blauw - deze neemt dan standaard */
.page-menu ul#primary-nav li a {
display: block;
padding: 0px 10px 0px 10px;
font-weight: normal;
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color:#fff;
margin: 6px 8px 0px 8px;
line-height: 30px;
display: block;
float:left;
text-align: right;  
list-style: none;
text-transform: uppercase;
}



#primary-nav li.menuactive,
#menu li.menuactive,
#menu li.menucurrent,{
}

#menu ul li a.active,
#menu ul ul li a.active,
#primary-nav li.menuparent,
#menu li.menuparent {
}

.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
color: #fff;
text-decoration: underline;
}

.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
color: #fff;
text-decoration: underline;
}

/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}


/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */


ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
font-size: 12px;
font-weight: bold;
background-image: none;
display: block;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-top: 0px;
}

ul#primary-nav ul.unli  {
margin-top: 35px;
}


#primary-nav {
margin: 0px;
padding: 0px;
}

#primary-nav ul {
position: absolute;
z-index: 1001;
top: auto;
display: none;
padding-top: 0px;

}

#primary-nav ul {
list-style: none;
margin: 50px 0px 0px 0px;;
padding: 0px;
width: 160px;
}

* html #primary-nav ul.unli {
padding-top: 1px;}


#primary-nav li {
margin: 0px;
float: left;}



#primary-nav li li {
margin-left: 0px;
margin-top: -1px;
float: none;
position: relative;
}

/* zo ziet het submenu eruit */

#primary-nav ul.unli li a {
font-family: Arial, Helvetica, sans-serif;
padding: 0px 2px;
margin: 1px 0 0 0px;
background: #00718e;
opacity: 0.9;
border:none;
border: 0px;
border-bottom: #fff 1px solid;
text-decoration: none;
font-size: 12px;
width: 170px;
text-transform: none;
font-weight: bold;
color:#fff;
line-height: 40px;
text-align: left;
display: block;
float:left;
padding-left: 15px;
padding-right: 15px;
margin-left: -1px;
padding-top: 7px;
}

#primary-nav ul.unli li a:hover {
line-height: 40px;
color:#ffffff;
}

#primary-nav ul.unli li a:hover{
color:#ffffff;
line-height: 40px;
background: #00718e;
height: 40px;
}

/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: #00718e;
}

#primary-nav ul.unli li.menuparent,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #00718e;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/

#header {
width: 1017px;
height: 467px;
display: block;
float:left;
margin: 30px 0px 30px 0px;
background: url(http://www.vilarostrum.eu/uploads/images/header1.jpg);
}

#header2 {
width: 1017px;
height: 467px;
display: block;
float:left;
margin: 30px 0px 30px 0px;
background: url(http://www.vilarostrum.eu/uploads/images/header_home2.jpg);
}


#header img {
border: 0px;
border: none;
}

#links{
width:280px;
float:left;
margin-top:15px;
}

#links img{
margin-bottom:30px;
}

#content{
width:730px;
float:right;
}

#vakje1 {
width: 314px;
height: auto;
display: block;
float: left;
margin: 0px 0px 30px 0px;
padding: 0px 25px 0px 0px;
}

#vakje100 {
width: 297px;
height: auto;
display: block;
float: left;
margin: 0px 0px 30px 17px;
padding: 0px 25px 0px 0px;
}

#blok1 {
width: 287px;
height: auto;
display: block;
float: left;
margin: 0px 0px 30px 15px;
}

#blok1 a.blokje,
#blok2 a.blokje{
background: #00718e;
color: #fff;
text-decoration: none;
padding: 6px 8px 6px 8px;
}

#blok1 li.normalelink a{
font-weight: bold;
color:#333333;
text-decoration: none;
background: none;}


#blok1 a:hover,
#blok2 a:hover {
background: #fff;
color: #00718e;
text-decoration: none;
font-weight: bold;
}

blok1 li a{
background:#fff;
}

#blok2 {
width: 362px;
height: auto;
display: block;
float: left;
margin: 0px 60px 30px 0px;
}

#blok3 {
width: 293px;
height: auto;
display: block;
float: left;
margin: 0px 0px 30px 0px;
}

#contact {
width: 293px;
height: auto;
display: block;
float: right;
}

#twitter {

width: 293px;
height: auto;
min-height: 200px;
display: block;
float: right;
}

#pagtit {
width: 1000px;
height: 40px;
display: block;
float: left;
margin: 0px 0px 0px 17px;
line-height 24px;
}

#pagtit2 {
width: 1017px;
height: 40px;
display: block;
float: left;
margin: 0px 0px 0px 0px;
line-height 24px;
}

#advocaat1 {
width: 225px;
padding: 0px 25px 0px 0px;
height: auto;
display: block;
float: left;
margin: 0px 0px 30px 17px;
}

#advocaat2 {
width: 225px;
padding: 0px 25px 30px 0px;
height: auto;
display: block;
float: left;
}

#advocaat1 a:link,
#advocaat1 a:visited,
#advocaat1 a:active,
#advocaat2 a:link,
#advocaat2 a:visited,
#advocaat2 a:active{
background: #00718e;
color: #fff;
text-decoration: none;
padding: 6px 8px 6px 8px;
}

#advocaat1 a:hover,
#advocaat2 a:hover {
background: #fff;
color: #00718e;
text-decoration: none;
font-weight: bold;
}

#footerwrapper {
background: #fafafa;
margin: auto;
width: 100%;
height: 40px;
float: left;
display: block;
padding-bottom: 20px;
}

#footer {
width: 1012px;
margin: auto;
color: #333333;
margin-top: 18px;
text-align: right;
}

#footer a:link,
#footer a:visited,
#footer a:active {
color: #333333;
text-decoration: none;
}

#footer a:hover {
color: #333333;
text-decoration: none;
font-weight: bold;
}


#links a{
color: #315386;
font-weight: bold;
font-size: 20px;
text-decoration: none;
}

/* Content togle css
----------------------------------------*/
h2.trigger {
    background: url("/lib/toggle/trigger.gif") no-repeat scroll 0 0 transparent;
    background-size: 100% 60px;
    color: #333333 !important;
    cursor: pointer;
    font-size: 1.2em !important;
    font-weight: normal !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 0 5px !important;
    padding: 0 0 0 50px !important;
    /*change width if you want fixed e.g.: 575px; or auto;
         also change this in your .toggle_container! */
    width: auto;
    border: none !important;
}
h2.trigger:hover {
    color: #666666;
}
h2.active {
    background-position: left bottom;
}
.toggle_container {
    background: url("/lib/toggle/toggle_block_stretch.gif") repeat-y scroll left top #F0F0F0;
    background-size: 100% auto;
    border-top: 1px solid #D6D6D6;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0;
    /*change width if you want fixed e.g.: 625px; or auto; */
    width: auto;
}
.toggle_container .block {
    background: url("/lib/toggle/toggle_block_btm.gif") no-repeat scroll left bottom transparent;
    background-size:100% auto;
    padding: 20px;
}
.toggle_container .block p {
    margin: 5px 0;
    padding: 5px 0;
}
.toggle_container h3 {
    border-bottom: 1px dashed #CCCCCC;
    margin: 0 0 10px;
    padding: 0 0 5px;
}
.toggle_container img {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    /*float: left;*/
    margin: 10px 15px 15px 0;
    padding: 5px;
}
/* END Content togle css */



/* Stylesheet: style Modified On 2016-10-24 13:05:40 */

/* Stylesheet: style Modified On 2016-10-24 13:11:34 */