/* @override 
	http://localhost/Junior/RAPIDWEAVER/Junior/rw_common/themes/Junior/styles.css
	http://junior.dk/rw_common/themes/Junior/styles.css
*/

/* *** Junior CSS Rapidweaver *** */

body{
	background: #E4F1FA url(images/bg_gradient.jpg) repeat-x;
}

* html,body{
	margin: 15px;
	background: #E4F1FA url(images/bg_gradient.jpg) repeat-x;
	/*font-family: Helvetica, sans-serif;*/
	*font-family: Verdana, sans-serif;
	/*font-size: 0.93em;*/
	font-size: 12px;
	padding: 0;
	/*color: #6A747D;*/
	color: #495057;
	text-align: left;
}
.clearboth {clear: both;}

/* ########## LAY OUT ########### ALL */

#wrapper {
	width:800px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 margin-top: 10px;
}

#header {
    margin-top: 10px;
	width: 800px;
	height: 110px;}

#logo {
	background-image: url(images/Junior-logo-front.gif);
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	height: 100px;
	margin-left: 1%;
	margin-top: 10px;
}
#slogan {
	float: right;
}

#top {
	float: right;
	width: 10%;
}

#path {
	float: left;
	text-align: left;
	width: 100%;
   	text-indent: 4px;
   	}
   	
#middle div.middletop {
	height: 25px;
	width: 560px;
	background: url(images/middle-top.png) no-repeat left top;
}
#middle {
  	float: left;
  	width:560px;
  	min-height:520px;
	/*min-height hack */
 	height:auto !important;
  	height:520px;/*einde hack */
 	margin-top: 0px;
 	margin-left: 25px;
}
#middle div#middlebottom {
	float: left;
	height: 50px;
	width: 560px;
	background: url(images/middle-bottom.png) no-repeat left top;
}
#main {	
	float: left;
	text-align: left;
   	width: 900px;
	min-height: 450px;
	}

#left {
	float: left;
	width:250px;
	}	  

#leftmenu {
	background: url(images/leftmenu.png) no-repeat;
	float: left;
	width:250px;
	height:250px;
	text-align: left;
	margin-left: 4px;
	margin-bottom:20px;
	/*border: 5px solid #0FA8E8;*/
	}
#leftmenu ul {
	margin: 20px 0px 0px 20px;
}
#leftmenu ul li {
	margin-bottom: 5px;
}
#leftmenu li a {
	font: 14px Verdana;
}
* html #leftmenu {
border:none;}
	
#leftmodule{
	background: url(images/leftmodule.png) no-repeat;
	float: left;
	width:250px;
	height:250px;
	text-align: left;
	margin-left: 5px;
	margin-bottom:15px;
	font-family: Verdana;
}

* html #leftmodule {
border:none;}

#leftmodule .module div div div table.contentpaneopen td{
	color:#FFFFFF;
	}

#leftmodule .module div div div h3{
	text-transform: none;
	text-align:left;
	font-size:20px;
}

#conditions {
	width:100%;
	float:left;
	clear:both;
	margin-top:10px;
	margin-left:15px;
}

#mainbody {
	float: left;
	text-align: left;
	width:560px;
	background: url(images/middle-background.png) no-repeat 0;
	/*background: #DBEDFB url(images/bg_projectbox.jpg) repeat-x;*/
	/*background-color:#DBEDFB;*/	
	min-height:500px;
	/*min-height hack*/ 
 	height:auto !important;
  	height:500px;/*einde hack*/ 
}
#bg{
	width: 550px;
	margin-left: 5px;
	background: url(images/bg_projectbox.jpg) repeat-x 0 0;
	min-height:500px;
	/*min-height hack*/ 
 	height:auto !important;
  	height:500px;/*einde hack*/ 
	
}
.text {
	padding: 20px 10px 0px 20px;
	font-family: Verdana;
}
div#mainbody div.text {
	
background: url(images/toprightofbox.png) 100% 0 no-repeat;
width: 530px;
}
#bg .text {
	padding: 0px 0px 0px 20px;

}
#mainmodule {
	float: left;
	text-align: left;
	margin-left:35px;
	clear:right;
	color: #717075;
	width:550px;
	height: 458px;
	/*height: 458px; !important;*/
	background: #DBEDFB url(images/bg_projectbox.jpg) repeat-x;
    border: 5px solid #ffffff;
}

* html #mainmodule {
border:none;}

h1 {
	font: 18px Verdana;
	margin: 0;
	padding: 0;
	float: none;
}

#module1{
	float: left;
	text-align: left;
	margin-bottom:60px;
	margin-left:35px;
	clear:right;
	color: #717075;
    width: 250px;
	height:195px;
	text-align: left;
	background: #DBEDFB url(images/bg_projectbox.jpg) repeat-x;
    border: 5px solid #ffffff;
	}
	

#module1 .module div div div h3 {
	text-transform: uppercase;
	text-align:left;
	color:#00A3E7;
	font-size:24px;
	padding:10px;
	}

#module2 {
	float: left;
 	text-align: left;
	margin-bottom:60px;
	margin-left:25px;
	color: #717075;
    width: 250px;
	height:195px;
	text-align: left;
	background: #DBEDFB url(images/bg_projectbox.jpg) repeat-x;
    border: 5px solid #ffffff;
}
	
#module2 .module div div div h3 {
	text-transform: uppercase;
	text-align:left;
	color:#00A3E7;
	font-size:24px;
	padding:10px;
}

#module3 {
	float: left;
	text-align: left;
	margin-bottom:15px;
	margin-left:35px;
	color: #717075;
    width: 250px;
	height:200px;
	text-align: left;
	background: #DBEDFB url(images/bg_projectbox.jpg) repeat-x;
    border: 5px solid #ffffff;
	}
	


#module3 .module div div div h3 {
	text-transform: uppercase;
	text-align:left;
	color:#00A3E7;
	font-size:24px;
	padding:10px;
}

#module4 {
	float: left;
	text-align: left;
	margin-bottom:15px;
	margin-left:25px;
	color: #717075;
    width: 250px;
	height:200px;
	text-align: left;
	background: #DBEDFB url(images/bg_projectbox.jpg) repeat-x;
    border: 5px solid #ffffff;
	}



#module4 .module div div div h3 {
	text-transform: uppercase;
	text-align:left;
	color:#00A3E7;
	font-size:24px;
	padding:10px;
	}


#footer {
   	background-color: #708090;
	float: left;
	font-size: 0.83em;
	text-align: center;
	color: #E1E5EF;
	width: 100%;
}
	
/* ###################### HTML ###################### ALL*/

h3 {
	margin-top:0px;
	color:#00A3E7;
	font: 16px Helvetica;
	text-transform: uppercase;
}

div#mainmodule  table.contentpaneopen li {
	list-style: square url(images/li.gif);
	padding-bottom:10px;
	padding-left:10px;
}

div#mainmodule ul {
	margin-left:10px; 
	padding-left:10px;
}

	
/*td, tr, p, div {
	color: #495057;
	padding:0px;
	margin:0px;
	float:none;
}*/

ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

li{
	line-height: 15px;
	padding-left: 1px;
	padding-top: 0px;
}

/* ###################### LINKS ###################### ALL */

a:link, a:visited {
	color: #495057;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
	
a:hover {
	color: #4682B4;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}	
a.category:link, a.category:visited {
	color: #495057;
	font-weight: bold;
	font-size: 13px;
}

a.category:hover {
	color: #495057;
	font-size: 13px;
	font-weight: bold;
}


	
/* ################### MAIN AND SUB MENU ################### ALL */
#ul .mainlevel li {
	
}
#active_menu {
	color: #708090;
	}
.mainlevel {
	color: #495057;
	display:block;
	height:20px;
	text-decoration:none;
	vertical-align:middle;
	text-indent: 4px;
	}
	
a.mainlevel {
	font: 0.93em Helvetica;
	text-transform: uppercase;
	color: #FFFFFF;
	display:block;
	text-decoration:none;
	vertical-align:middle;
}

a.mainlevel:visited {
	color: #FFFFFF;
	display:block;
	height:20px;
	text-decoration:none;
	vertical-align:middle;}
a.mainlevel:hover {
	display:block;
	height:20px;
	text-decoration:none;
	vertical-align:middle;
	color: #495057;
	left:0px;}	
.sublevel{color: #495057;
	display:block;
	height:20px;
	text-decoration:none;
	vertical-align:middle;}
a.sublevel{color: #FFFFFF;
	display:block;
	height:20px;
	text-decoration:none;
	vertical-align:middle;}
a.sublevel:visited{
	display:block;
	height:20px;
	text-decoration:none;
	vertical-align:middle;}
a.sublevel:hover {
	display:block;
	height:20px;
	text-decoration:none;
	vertical-align:middle;
	left:0px;}	

/* ############### MAIN MENU ############### 

#mainlevel-nav {}
#mainlevel-nav a {
	color: #495057;
	display: block;
	float: right;
	text-decoration: none;}
#mainlevel-nav a {float: none;}
#mainlevel-nav a:hover {color: #E1E5EF;}
#mainlevel-nav li {
	float: right;
	list-style: none;
	padding-left: 0px;
	white-space: nowrap;
	width: 16.63%;
	text-align: center;}

*/

/* ############### CONDITIONS MENU ###############  ALL */

#mainlevel-conditions {
	float:left;
	font: 0.93em Helvetica;
}
	
#mainlevel-conditions a {
	color: #7C8797;
	text-decoration: none;
	}

#mainlevel-conditions a:hover {
	color: #6C7682;
}

#mainlevel-conditions li {
	float: left;
	list-style: none;
	padding-left: 0px;
	white-space: nowrap;
	}	
	
	
/* ############## PATHWAY  ############## ALL */

.pathway {
	color: #708090;
font-size: 0.95em;}
a.pathway:link, a.pathway:visited {
	color: #495057;}
a.pathway:hover {
	color: #708090;}



/* ###################### FONT ######################  ALL */

.small {
	color: #4682B4;
	font-size: 0.95em;
	font-weight: normal;
	text-decoration: none;
}

.smalldark {
	color: #4682B4;
	font-size: 0.95em;
	font-weight: normal;
	text-decoration: none;
	}

/* ############# FORM SECTION  ############# ALL */	

.inputbox {
	font-style: normal;
 	font-weight: normal;
	font-size: .95em;
	margin-left: 6px;}
.selectbox {
	font-style: normal;
	font-weight: normal;
	font-size: .95em;
   	width: 100%;
	margin-left: 6px;}
.button {
   	font-size: 0.95em;
	margin-left: 6px;}
.contact-form {width: 100%;}
.contact_email {margin-left: 6px;}