/* =======================================
General styles
======================================= */
body {
  margin:             0;
  padding:            0;
  border:             0;			  /* This removes the border around the viewport in old versions of IE */
  width:              100%;
  background-color:   #006699;
  min-width:          600px;		/* Minimum width of layout - remove line if not required */
							                  /* The min-width property does not work in old versions of Internet Explorer */
	font-family:        calibri, verdana;
	font-size:          12px;
	text-align:         left;
}
h1 {
	font-family:        calibri, verdana;
	font-size:          20px;
	font-weight:        bold;
	text-align:         center;
	color:              #006699;
}
h2 {
	font-family:        cambria, Arial;
	font-size:          16px;
	font-weight:        bold;
	color:              #006699;
}
h3 {
  font-family:        cambria, Arial;
	font-size:          14px;
	font-weight:        bold;
	color:              #fff;
}

.componentheading {
  font-family:        calibri, verdana;
	font-size:          20px;
	font-weight:        bold;
	text-align:         center;
	color:              #006699;
}

.contentheading {
  font-family:        calibri, verdana;
	font-size:          20px;
	font-weight:        bold;
	text-align:         center;
	color:              #006699;
}

.separator {
  font-weight:        bold;
  
}


#container {
	margin:             10, 10, 10;
}

/* =======================================
Header styles
======================================= */
#header {
  clear:			      	both;
  float:			      	left;
  width:			      	100%;
	height:			      	150px;
	text-align:         center;
	background-image: 	url(../images/banner_repeater.jpg);
	background-repeat:  repeat-x;
}
#top_menu {
  clear:			      	both;
  float:		  	    	left;
  width:		  	    	100%;
	height:		  	    	30px;
	line-height:	    	30px;
	background-image:	  url(../images/h_menu_repeater.jpg);
	background-repeat:	repeat-x;
	font-family:	    	calibri, Arial, verdana;
	font-size:		    	12px;
	color:			    	  #FFFFFF;
	text-align:         center;
}

/* =======================================
Columns, containers basic layout
======================================= */
.colmask {
	position:	    	  	relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:		    	  	both;
  float:		    	  	left;
  width:		    	  	100%;			  /* width of whole page */
	overflow:		       	hidden;			/* This chops off any overhanging divs */
}

.rol {
    background:			  #006699;		/* Right column background colour */
}
.rol .colmid {
    float:			    	left;
    width:			    	200%;
    margin-left:	  	-150px;			/* Width of right column */
    position:		    	relative;
    right:			    	100%;
    background:	  		#ffffcc;		/* Centre column background colour */
}

.rol .colmid a {
	color:			        #000000;
}

.rol .colleft {
    float:            left;
    width:            100%;
    margin-left:      -50%;
    position:         relative;
    left:             300px;    /* Left column width + right column width */
    background:       #006699;  /* Left column background colour */
    
}
.rol .col1wrap {
    float:			    	left;
    width:			    	50%;
    position:		    	relative;
    right:			    	150px;    /* Width of left column */
    padding-bottom:		1em;      /* Centre column bottom padding. Leave it out if it's zero */
}
.rol .col1 {
    margin:				    0 165px;  /* Centre column side padding:
                        				Left padding = left column width + centre column left padding width
                        				Right padding = right column width + centre column right padding width */
    position:         relative;
    left:             200%;
    overflow:         hidden;
	  z-index:          1;
}
.rol .col2 {
    float:				    left;
    float:				    right;      /* This overrides the float:left above */
    width:				    120px;      /* Width of left column content (left column width minus left and right padding) */
    position:			    relative;
    right:				    15px;       /* Width of the left-had side padding on the left column */
    color:			    	#FFFFFF;
}
.rol .col3 {
    float:            left;
    float:            right;      /* This overrides the float:left above */
    width:            120px;      /* Width of right column content (right column width minus left and right padding) */
    margin-right:     45px;       /* Width of right column right-hand padding + left column left and right padding */
    position:         relative;
    left:             50%;
    color:            #FFFFFF;
}

.rol .col3 a {
    color:				#FFFFFF;
}

/* =======================================
Footer styles
======================================= */
#footer {
  clear:	  			both;
  float:	  			left;
  width:	  			100%;
  text-align:     center;
	border-top:			1px solid #000;
	border-bottom:		1px solid #000;
	background:			#663399;		/* Background color of the footer */
	color:				#ffffff;		/* Textcolor of the footer */
}
#footer, a {
	color:				#ffffff;		/* Textcolor of the href elements in the footer */
}


/* rol_pages */
.text_shell img{
	padding: 10px;		/* Om afstand tussen de tekst en de afbeeldingen te creëren. */
}


/* rol_photobook */
.rol_pb_content{
	text-align:			center;
}
.rol_pb_content a{
	/*color:				#000000;*/
}

/* RSS feed */
.rss a{
	color:				#ffffff;
}


/* =======================================
RSS -Feeds
======================================= */
.newsfeed {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.newsfeed > li {
  margin-top: 10px;
  border-bottom: 1px solid #fff;
}

.newsfeed a {
  text-decoration: none;
}

/* =======================================
SOL Login
======================================= */

.input {
  border: none;
}

#mod_sollogin_links {
  margin-left: -10px;
}

#mod_sollogin_links a {
  color: #ffffff;
}

#modlgn_username {
  width: 110px;
}

#modlgn_passwd {
  width: 110px;
}


/* =======================================
Main menu -> Main Menu
======================================= */
.moduletable_mainmenu, .moduletable_mainmenu ul { /* all lists */
	padding:			0;
	margin:				0;
}.moduletable_mainmenu li { /* all list items */
	list-style:			none;
	position:			relative;
	float:				left;
	width:				130px;
}.moduletable_mainmenu li a { /* Menu items */
	color:				#ffffff;
	width:				130px;
	display:			block;
	text-decoration:	none;
	padding:			1px 0px;
}.moduletable_mainmenu ul a img {
  border: 0 none;
  padding-right: 5px;
}.moduletable_mainmenu ul.menu a {
  color: #ffffff;
  min-height: 22px;
}

.moduletable_sollogin_module h3 {
  font-family:        calibri, verdana;
	font-size:          18px;
	font-weight:        bold;
	text-align:         center;
	color:              #ffffff;
}


/* =======================================
Top Menu -> Speltak Menu
======================================= */
.moduletable_topmenu, .moduletable_topmenu ul {
	padding:			0;
	margin:				0;
	list-style:			none;
	z-index:			100;		/* Required to keep the menu items on top. */
	color:				#ffffff;
}.moduletable_topmenu a {
	display:			block;
	width:				120px;
	text-decoration:	none;		/* Required to keep underlines and hover effects of the menu. */
	color:				#ffffff;		/* If the color is black only the (a) fields have to get an assigned color. */
}.moduletable_topmenu li {
	float:				left;		/*  */
	width:				80px;		/*  */
}.moduletable_topmenu li ul {
	position:			absolute;	/*  */
	width:				120px;		/*  */
	left:				-900em;		/*  */
	background-color:	#612597;	/* Background for the submenu items. */
	border:				1px solid #FFFFFF;	/* Border for the submenu column */
}.moduletable_topmenu li:hover ul {
	left:				auto;
}.moduletable_topmenu li:hover ul, .moduletable_topmenu li.sfhover ul {
	left:				auto;
}
.moduletable_topmenu li:hover, .moduletable_topmenu li.hover {  
  position: static;  
}