/* andreas01 - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.

/* Free DotNetNuke Skin available from: http://www.dnncreative.com 
 Adapted to DotNetNuke by Lee Sykes from DNN Creative Magazine
 Providing DotNetNuke Tutorials, Reviews, Videos, MP3 Interviews to 
 help you get the most from DNN

Andreas Viklund Template Version: 2.5 (Jan 11, 2007)

Screen layout: */
 

/***** Body and main container *****/

body {
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#CCCCCC;
color:#404040;
}

#wrap {
background:#FEFBF4;
color:#404040;
margin:0 auto;
width:980px;
}

/***** Various tags *****/

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

}
a:active {
text-decoration:none;
font-weight:bold;
color:#ffffff;
}
a img {
border:0;
}

p {
margin:0 0 1.4em 0;
}

/***** DNN Styles to override *****/
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, h1, h2, h3, h4, h5, h6, .Head
{
    font-family: Verdana,Tahoma,Arial,sans-serif;
    font-size: 100%;
    font-weight: normal;
    color:#404040;
}
.NormalDisabled
{
    color: Silver;
}
.NormalBold
{
    font-weight: bold
}
.NormalRed
{
    font-weight: bold;
    color: #ff0000
}
h1, h2, h3, h4, h5, h6, .Head
{
    font-weight: bold;
}

/****** Header *****/
#header {
margin:0 0 0;
padding:0;
}

#header img {
margin:0 0 0 0;
float:none;
}

#header p {
width:400px;
float:right;
text-align:right;
margin: 0px 0px 0 0;
font-weight:bold;
line-height:20px;
vertical-align:middle;
}

#frontphoto {
margin:0 0 10px;
border:0;
}

#header1 {
margin:0 0 0 0;
padding:0;
}

#header1 img {
margin:0 0 0 0;
}



/***** Left sidebar *****/

#leftside {
clear:left;
float:left;
width:140px;
margin:0 0 5px;
padding:0;
}

#leftside h2,#leftside h3 {
color:#505050;
background-color:FEFBF4;
font-size:1.3em;
margin:0 0 5px;
padding:0;
}

#leftside div.announce {
clear:left;
margin:10px 0 15px;
padding:7px 5px;
width:126px;
font-size:0.9em;

color:#505050;
border-left:4px solid #FEFBF4;
line-height:1.5em;
}

#leftside div.announce p {
margin:10px 0 0;
padding:0;
}

/***** Right sidebar *****/

#extras {
float:right;
width:140px;
margin:0 0 5px;
padding:0;
line-height:1.4em;
}

#extras p, #extras ul {
margin:0 0 16px;
padding:0;
}

#extras p {
font-size:0.9em;
line-height:1.4em;
}

#extras li {
list-style:none;
line-height:1.2em;
margin:0 0 6px 0;
padding:0;
}

#extras ul ul {
margin:6px 0 0 10px;
padding:0;
}

#extras ul ul li {
margin: 0 0 4px 0;
}

#extras ul ul li a {
font-size:1.1em;
font-weight:normal;
}

#extras h2, #extras h3 {
color:#505050;
background-color:inherit;
font-size:1.2em;
margin:0 0 8px;
padding:0;
}

/***** Main content *****/

#content {
margin:0 150px 5px 150px;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:0 10px;
line-height:1.5em;
}

#contentwide {
margin:0 0 5px 150px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.5em;
}

#contentwide2 {
padding-left:13px; 
padding-right:13px;
float:none; 
display:block;
}

#content h1,#contentwide h1, #contentwide2 h1, #content h2,#contentwide h2, #contentwide2 h2 {
font-size:1.6em;
margin:0 0 10px;
}

#content h3,#contentwide h3, #contentwide2 h3 {
font-size:1.3em;
margin:0 0 8px;
}

#content img,#contentwide img, #contentwide2 img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

#content ul, #contentwide ul, #contentwide2 ul, #content ol, #contentwide ol, #contentwide2 ol {
margin:0 0 16px 20px;
padding:0;
}

#content li, #contentwide li, #contentwide2 li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #contentwide2 ul ul, #content ol ol, #contentwide ol ol, #contentwide2 ol ol {
margin:0 0 0 16px;
padding:0;
}

/***** Footer *****/

.Footer{							
   font-size:10px;
   font-weight:bold; 
   color:#8B8B89;
   text-decoration:none;
   font-family:Arial, Helvetica, sans-serif;
   line-height:20px;
}

A.Footer:link {						
   font-size:10px;
   font-weight:bold; 
   color:#8B8B89;
   text-decoration : none;
   font-family:Arial, Helvetica, sans-serif;
}

A.Footer:visited  {					
   font-size:10px;
   font-weight:bold; 
   color:#8B8B89;
   text-decoration : none;
   font-family:Arial, Helvetica, sans-serif;
}

A.Footer:active {					
   font-size:10px;
   font-weight:bold; 
   color:#8B8B89;
	text-decoration : underline;
}

A.Footer:hover {					
   font-size:10px;
   font-weight:bold; 
   color:#8B8B89;
   text-decoration : underline;
}


/***** Various classes *****/

.left {
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.postinfo {
background-color:#f4f4f4;
border-left:4px solid #cccccc;
color:#606060;
font-size:0.9em;
line-height:1.4em;
margin:1px 0 20px;
padding:8px 5px 8px 8px;
}

.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}

.hide {
display:none;
}

.top23 {
width:980px;
line-height:22px;
background:#3D3D3D;
text-align:right;
padding:0;
min-height:22px;
height:auto;
}

.Topdate{							
   font-size:12px;
   font-weight:normal; 
   color:#fff;
   text-decoration:none;
   font-family:Arial, Helvetica, sans-serif;
   line-height:20px;
}

.topbar {
width:980px;
margin:0 0 0px;
padding:0;
height:5px;
background:#C0C0BE;
}

.topbar1 {
width:40%;
background:#FEFBF4;
text-align:right;
font-weight:bold;
font-style:italic;
color:#000000;
min-height:20px;
float:right; 
display:block;
font-size:11px;
padding-top:2px;
padding-right:9px;
overflow:hidden;
}

.shadow {
width:980px;
margin:0 0 0px;
padding:0;
height:9px;
background-image:url(img/shadow.jpg);
background-repeat:repeat-x;
}

.image1 {
width:784px;
margin:0 0 0 0;
padding:0;
height:196px;
vertical-align:top;
float:right; 
display:block;

}

.Menu{width:100%;margin:0 auto;background:url(menus/menuleft.gif) left top no-repeat #3d3d3d}
.Menu .Box{float:left;}
.topleftpane{ width:24%; float:left;overflow:hidden; }
.toprightpane{ width:75%; float:right;overflow:hidden; }
.clear{ clear:both}
.mainapane{ width:183px; float:left; ;overflow:hidden;}
.mainbpane{ width:59%; margin-left:1%; float:left; ;overflow:hidden}
.maincpane{ width:183px; float:right; ;overflow:hidden;}


.logo{ width:196px; height:196px; vertical-align:top;}

/*
#nav, #nav ul {
	font-family: Arial, Helvetica, sans-serif; 	
	list-style: none;
	text-decoration: none;  
	font-weight:bold;
	float: left;
	font-size:12px;
	padding: 0;
	width:100%;
	border-width: 1px 0;
	margin: 0 0 0 0;
	height:23px;
}

#nav a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	height:23px;
	list-style: none;
	width: auto;
	padding: 0.37em .5em;
	padding-left:9px;
}

#nav li li a.hasChildren {
	background: url(Suckerfish/MRPix/rightarrow2.gif) center right no-repeat;
	height:23px;
}

#nav li {
 list-style: none;
 float: left;
 height:23px;
 width:20%;
}

#nav li a {
	margin: 0; 	
	display: block;		
	cursor: pointer;	
	font-family: Arial, Helvetica, sans-serif; 	
	text-decoration: none;  
	font-weight:bold;
	color: white;
 	font-size: 12px;
	background: url(http://www.holtropravesloot.wsiprojecten.nl/Portals/0/Skins/holtrop/separator23.jpg) top left;
	background-repeat:no-repeat;
}

#nav li a:hover {
	color: #0B1455;
	background: url("http://www.holtropravesloot.wsiprojecten.nl/Portals/0/Skins/holtrop/bg4.jpg") top left;
	background-repeat:no-repeat;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: 47px;
	font-weight: normal;
}

#nav li ul a {
	padding-top:20px;
	border-top: none;
	font-weight: normal;
	text-transform: none;
	background: url("http://www.holtropravesloot.wsiprojecten.nl/Portals/0/Skins/holtrop/bg3.jpg") top left;
	height:47px;
	text-align:left;
	padding-left:30px;
	width:195px;
	background-repeat:no-repeat;
}

#nav li ul a:hover,
#nav li ul a:active,
#nav li ul a:focus {
	color: E6E4D7;
	background:url("http://www.holtropravesloot.wsiprojecten.nl/Portals/0/Skins/holtrop/bg2.jpg") top left ;
	height:47px;
	text-align:left;
	width:195px;
	background-repeat:no-repeat;
}


#nav li ul ul {
	margin: -1.65em 0 0 10.5em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.hover ul ul, #nav li.hover ul ul ul, #nav li.hover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.hover ul, #nav li li.hover ul, #nav li li li.hover ul , #nav li li li li.hover ul {
	left: auto;
}

#nav li:hover, #nav li.hover {
background: transparent ;
color:#0B1455;
}
*/
.menubg2{
background-color:#3D3D3D;
height:24px;
padding:0;
margin:0;
}

#nav,#nav ul {
padding:0;
margin:0;
list-style:none;
float:left;
background-color:#3D3D3D;

font-family: Arial, Helvetica, sans-serif; 	
text-decoration: none;  
font-weight:bold;
font-size:12px;
width:100%;
border-width: 1px 0;
margin: 0 0 0 0;
height:23px;
}

#nav li {
position: relative;
float:left;
line-height : 20px;
width:195px;
list-style: none;
}
#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
width:195px;
background-color:#0C6995;
}

#nav li ul a {
border-bottom: 1px solid #E6E2D7;
color:#ffffff;

padding-top:16px;
background: url("img/bg3.jpg") top left;
background-repeat:no-repeat;
height:28px;
text-align:left;
padding-left:30px;
width:195px;

}

#nav li ul a:hover {
	color: E6E4D7;
	background: url("img/bg2.jpg") top left;
	text-align:left;
	width:165px;
	background-repeat:no-repeat;
	height:28px;
}

/* End of second-level lists */

#nav a {
font-size:1.0em;
font-family:Arial, Helvetica, sans-serif;
display:block;
text-decoration:none;
text-align: center;
width:196px;
padding :2px 0 2px 0;
color:#ffffff;
border-left: 2px solid #9E9E9E;
background-color:#3D3D3D;
font-weight:bold;
}

#nav li li a {width:165px;}

#nav li a:hover {
border-left: 2px solid #9E9E9E;
text-decoration: none;
background: url("img/bg4.jpg") top left;
background-repeat:no-repeat;
color:#3D3D3D;
font-weight:bold;
}
#nav li a.SelectedTab {
font-size:1.12em;
background-color: #FFF;
}
#nav .DisabledTab {
color:#ccc;
}
/* no need to change these hover classes
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
left: -999em;
}
#nav li:hover ul,
#nav li.iehover ul {
top: 2.0em;
left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,
#nav li li li.iehover ul {
top: 0;
}