@CHARSET "UTF-8";

/* ****************************************************************
*  oudoorX.ch, Main.css
*  - 2010.01.31
*  
******************************************************************* */

/* *** Body ****************************************** */
body, html {
	position: relative;
	text-align: center;
	border: 0;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 101%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background: #dedbd2;
}

#outer-wrapper {
	text-align: left;
	margin: 0 auto;
	margin-top: 3px;
	height: auto;
}

#content-wrapper {
	margin-top: 10px;
	width: 100%;
	height: auto;
	clear: both;
}


/* *** Header ****************************************** */
#header, #outer-wrapper{
	width: 1008px;
}

#header-img {
	position: relative;
	width: 1008px;
	height: 143px;
}

#header-menu-box {
	position: absolute;
	bottom: 7px;
	right: 10px;
}

/* *** Footer **************************************** */
#footer {
	padding-top: 8px;
	padding-bottom: 10px;
	text-align: center;
}


/* *** Left ****************************************** */
#left {
	float: left;
	width: 167px;
}

#left-content {

}

#left-menu-top {
	background: url(../img/red/Menu_01.jpg) repeat-y 0px 0px;
	width: 100%;
	height: 8px;
}
#left-menu-box {
	background: url(../img/red/Menu_03.jpg) repeat-y 0px 0px;
	padding: 2px 6px 2px 0px;
}
#left-menu-bottom {
	background: url(../img/red/Menu_05.jpg) repeat-y 0px 0px;
	width: 100%;
	height: 10px;
}


/* *** Middle ****************************************** */
#middle {
	float: left;
	width: 832px;
	padding-left: 5px;
	padding-top: 0px;
}

#middle-content {

}

#middle-marker-box {
	margin: 0;
	background: #FFFFFF;
	border: 1px solid #bebbb2;
}

#middle-marker {
	padding: 18px;
}

#middle-marker.middleSmall {
	padding: 18px;
	float: left;
	width: 552px;
}

#middle-marker .contentElement {
	margin-bottom: 20px;
}

#middle-marker .contentDivider {
	margin-bottom: 20px;
	border-top: 1px solid #DEDBD2;
}

#middle-marker-box {

}

#picture-marker-box {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #FFFFFF;
	border: 1px solid #5E5B52;
}

#right-marker {
	margin: 0px;
	padding: 8px 8px 2px 8px;
	background: #FFFFFF;
	float: right;
	width: 220px;
}

#right-marker .contentElement {
	border: 1px solid #DEDBD2;
	padding: 6px;
	margin: 0px 0px 8px 0px;
	background: #eFeDe8;
}


/* *** Menu header **************************************************************************
* 
******************************************************************************************* */
#header-menu ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
}

#header-menu ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	height: auto;
	text-decoration: none;
	display: block;
}

#header-menu ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#header-menu a.header-level-1-no {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 120px;
	text-align: center;
}

#header-menu a:hover.header-level-1-no {
	font-weight: bold;
}	


/* *** Menu left **************************************************************************
* 
******************************************************************************************* */
#left-menu ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
}

#left-menu ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
	text-decoration: none;
	display: block;
}

#left-menu ul li {
	display: block;
	padding: 0;
	margin: 0;
}


/* *** Level 1 ****************************************** */
#left-menu a.left-level-1-no {
	padding: 4px 6px 4px 15px;
}

#left-menu a:hover.left-level-1-no, #left-menu a.left-level-1-act {
	padding: 4px 6px 4px 15px;
}


/* *** Level 2 ****************************************** */
#left-menu a.left-level-2-no {
	padding: 3px 6px 3px 25px;
}

#left-menu a:hover.left-level-2-no, #left-menu a.left-level-2-act {
	padding: 3px 6px 3px 25px;
}



/* *** Content ****************************************************************************
* 
******************************************************************************************* */
H1, H2, H3, H4, H5, H6, P, UL { font-family: Verdana, Arial, Helvetica, sans-serif; }
A { color: #313984; text-decoration: none; }
A:hover { color: #313984; text-decoration: underline; }
P, UL, OL { font-size: 11px; }
P { margin: 0px 0px 0px 0px; }

H1 { font-size: 14px; }
H2 { font-size: 12px; }
H3 { font-size: 12px; }
H4 { font-size: 11px; }
H5 { font-size: 10px; }
H6 { font-size: 9px; color: #333333; font-weight: normal; }
H1 { margin: 0px 0px 0px 0px; margin-bottom: 10px; }
H2, H3 { margin: 0px 0px 0px 0px; margin-bottom: 9px; }
H4, H5, H6 { margin: 0px 0px 0px 0px; margin-bottom: 8px; }
H1.csc-firstHeader, H2.csc-firstHeader  { margin-top: 0px; }
H3.csc-firstHeader { margin-top: 0px; }
H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

#right-marker H1 { color: #555; font-size: 12px; }

P.bodytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; line-height: 14px; padding-bottom: 12px;}
P { padding-bottom: 5px;}

UL { list-style-type: disc; list-style-position: outside; }
UL UL LI { font-size: 10px; }
LI { padding-left: 2px; }

IMG { border-style: none; }

P.csc-caption { font-size: 10px; }

.csc-textpic-caption { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; }

table.odx-table-border { border-collapse:collapse; }
table.odx-table-border td, table.odx-table-border th { 
	border: 1px solid #AAA;
	padding: 3px; 
}