/* Start of CMSMS style sheet 'Outdoor - Accessibility and cross-browser tools' */
/* accessibility */

.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}


clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Outdoor - Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet 'Outdoor - Design' */
/* Webdesign af BravoNet.dk */

*{
margin:0;
padding:0;
}

body{
font-family: Arial, Tahoma, sans-serif;
font-size: 0.8em;
line-height: 160%;
color: #555;
background-image: url(images/cms/ox/camouflage.jpg);
margin:30px 0px;
}

#container{
width: 800px;
margin: 0 auto;
padding: 0;
position: relative;
background-color:#fff;
color:inherit;
border: 15px solid #fff;
}

#top{
position: relative;
width:800px;
height:150px;
background-color:#000;
color:inherit;
}

div#logo{
position:absolute;
top:25px;
left:60px;
height: 100px;
width: 175px;
background: #000;
color:inherit;
padding:0;
margin:0;
}

div#logo h1 a {
background: #000 url(images/cms/ox/outdoor_xplore_logo.gif) no-repeat 0 12px;
display: block;
height: 100px;
text-indent: -999em;
text-decoration:none;
margin:0;
padding:0;
color:inherit;
}

#pic_nav{
clear:both;
width:800px;
height:134px;
padding-top:12px;
}

#gradient_top{
clear: both;
width: 800px;
height: 40px;
background-image: url(images/cms/ox/gradient_top.jpg);
}

#wrapper{
clear:both;
float:left;
width:800px;
}

#left{
float: left;
width:215px;
padding:0px;
margin:0;
}

#under_menu{
padding:10px 0 0 10px;
}

#right{
float:right;
width:525px;
padding:12px 40px 0 0;
margin 0;
}

#right h1{
background-image: url(images/cms/ox/dots_h1.gif);
background-repeat: repeat-x;
background-position:bottom;
text-transform:uppercase;
font-size:1.1em;
margin:0 0 12px 0;
padding:0;
}

#right a:link, #right a:visited{
color:#000;
background-color:#f4f4f4;
padding: 0 3px;
}

#right a:hover, #right a:active{
color:#fff;
background-color:#444;
padding: 0 3px;
}

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

#right li{
margin:0;
padding:0 0 0 17px;
background: url(images/cms/ox/bullet.gif) no-repeat 0px 7px; 
}

#gradient_bund{
clear:both;
width:800px;
height:30px;
background-image: url(images/cms/ox/gradient_bund.jpg);
}


#teasers{
clear:both;
width: 800px;
padding:15px 0 10px 0;
}

#footer{
clear:both;
width:800px;
height:25px;
background-color: #000;
color:#fff;
}

#footer p{
margin:0;
padding:2px 0 0 0;
font-size:0.9em;
text-align:center;
}

#footer a:link, #footer a:visited {
color:#fff;
background-color:inherit;
}


#footer a:hover, #footer a:active {
color:#fff;
background-color:inherit;
}


/* General styling */

h1{
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 1.5em;
color: #ff9934;
background-color:inherit;
padding: 0;
}

h2, h3, h4, h5{
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 0.9em;
color: #444;
background-color:inherit;
padding: 7px 0 -2px 0;
}

p{
padding: 10px 0px;
}

a:link, a:visited{
text-decoration: none;
background-color: inherit;
color:#36696f;
padding:0;
}

a:hover, a:active{
text-decoration: none;
color:#333;
background-color: inherit;
padding:0;
}

.accessibility{
position: absolute;
top: -999em;
left: -999em;
}

#bravonet{
text-align:center;
}

#bravonet a:link, #bravonet a:visited{
color:#a19681;
background-color:inherit;
font-size: 0.7em;
}

#bravonet a:hover, #bravonet a:active{
color:#a19681;
background-color:inherit;
font-size: 0.7em;
}

/*** Kontaktform ***/

.contactform fieldset {
padding: 1em;
}
.contactform fieldset legend {
font-weight: bold;
}
.contactform div {
width: 95%;
padding: 0.25em 0 0.25em 0;
}
.contactform div label {
display: block;
width: 10em;
}
.contactform div.required {
color: #444;
}

.error_message{
color:#ff0000;
margin-left:15px;
}


/* End of 'Outdoor - Design' */

/* Start of CMSMS style sheet 'Outdoor - Navigation' */
/********************
              MENU
*********************/
#menu_vert {
padding-left: 0;
margin-left: 10px;
width:180px;
font-size: 0.9em;
line-height: 280%;
}

/* menu li block */
#menu_vert li {
list-style: none;
margin: 0;
display: block;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/



/********************
         FIRST LEVEL
*********************/

/* FIRST level links */
div#menu_vert a {
text-decoration:none; 
display: block;
color: #444; 
min-height:1em; /* Fixes IE7 whitespace bug */
background-image: url(images/cms/ox/menu/first_level_default.gif);
background-repeat: repeat-x;
background-position:bottom;
padding: 0 0 0 15px;
}

/* FIRST level HOVER */
div#menu_vert a:hover {
text-decoration:none; 
display: block;
color: #000; 
min-height:1em; /* Fixes IE7 whitespace bug */
background-image: url(images/cms/ox/menu/first_level_hover.gif);
background-repeat: repeat-x;
background-position:bottom;
background-color:#f7f7f7;
color:#000;
padding: 0 0 0 15px;
}


/* FIRST level CURRENT pages */
div#menu_vert ul h3 {
background-color:inherit;
color: #ff9934;   
background-image: url(images/cms/ox/menu/first_level_current.gif);
background-repeat: repeat-x;
background-position:bottom;
padding: 0 0 0 15px;
font-size: 1em; 
font-weight:100;
}


/* ACTIVE first-level of a child page that is the current page */
div#menu_vert li a.activeparent {
background-color:inherit;
color: #888;   
background-image: url(images/cms/ox/menu/first_level_activeparent.gif);
background-repeat: repeat-x;
background-position:bottom; 
}

/* ACTIVE first-level of a child page that is the current page */
div#menu_vert li a.activeparent:hover{
background-color:inherit;
color: #000;   
background-image: url(images/cms/ox/menu/first_level_activep_hover.gif);
background-repeat: repeat-x;
background-position:bottom; 
}


/********************
        SECOND LEVEL
*********************/

/* SECOND level links */
div#menu_vert ul ul a {
padding: 0 0 0 28px;
background-image: url(images/cms/ox/menu/second_level_default.gif);
background-repeat: repeat-x;
background-position:bottom;
}

/* SECOND level HOVER */
div#menu_vert li li a:hover {
text-decoration:none; 
display: block;
color: #000; 
min-height:1em; /* Fixes IE7 whitespace bug */
background-image: url(images/cms/ox/menu/second_level_hover.gif);
background-repeat: repeat-x;
background-position:bottom;
background-color:#f7f7f7;
color:#000;
padding: 0 0 0 28px;
}

/* SECOND level CURRENT pages */
div#menu_vert ul ul h3 {
background-color:inherit;
color: #ff9934;   
padding: 0 0 0 28px; 
background-image: url(images/cms/ox/menu/second_level_current.gif);
background-repeat: repeat-x;
background-position:bottom; 
}

/* ACTIVE second-level of a child page that is the current page */
div#menu_vert li li a.activeparent {
background-color:inherit;
color: #888;   
background-image: url(images/cms/ox/menu/second_level_activeparent.gif);
background-repeat: repeat-x;
background-position:bottom; 
padding: 0 0 0 28px; 
}

/* ACTIVE second-level of a child page that is the current page */
div#menu_vert li li a.activeparent:hover{
background-color:inherit;
color: #000;   
background-image: url(images/cms/ox/menu/second_level_activep_hover.gif);
background-repeat: repeat-x;
background-position:bottom; 
padding: 0 0 0 28px; 
}




/********************
         THIRD LEVEL
*********************/


/* THIRD level links */
div#menu_vert ul ul ul a {
padding: 0 0 0 41px;
background-image: url(images/cms/ox/menu/third_level_default.gif);
background-repeat: repeat-x;
background-position:bottom;
}

/* THIRD level HOVER */
div#menu_vert li li li a:hover {
text-decoration:none; 
display: block;
color: #000; 
min-height:1em; /* Fixes IE7 whitespace bug */
background-image: url(images/cms/ox/menu/third_level_hover.gif);
background-repeat: repeat-x;
background-position:bottom;
background-color:#f7f7f7;
color:#000;
padding: 0 0 0 41px;
}

/* THIRD level CURRENT page */
div#menu_vert ul ul ul h3 {
padding: 0 0 0 41px;
color: #ff9934;
background-color:inherit;
background-image: url(images/cms/ox/menu/third_level_current.gif);
background-repeat: repeat-x;
background-position:bottom;
}

/********************
   HOVER FOR ALL LINKS
*********************/




/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   color:inherit;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'Outdoor - Navigation' */