/* 1 common definitions
   -------------------- */
   
/* 1.1 general font settings
   ------------------------- */
   
p, ul, ol, li, div, td, th
{
	font-family:Arial, Sans-Serif;
	font-size:12px;
	line-height:160%;
}

h1, h2, h3, h4, h5, h6
{
	font-size:150%;
	font-weight:bolder;
}

a
{
	font-weight:bold;
	text-decoration:none;
}



/* 1.2 body 
   -------- */

body
{
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color:#27403e;
	overflow-y:scroll;
	font-family:Arial, Sans-Serif;
	font-size:12px;
	line-height:160%;
}



/* 2 page
   ------ */
 
.page
{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-510px;
	margin-top:0px;
	margin-bottom:0px;
	width:1020px;
	min-height:976px;
	height:auto;
}



/* 2.1 content
   ----------- */

.page .content
{
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	min-height:976px;
	height:auto;
}



/* 2.1.1 header
   ---------- */

*.content .header
{
    position:relative;
	top:0px;
	left:0px;
	margin-left:0px;
	margin-right:0px;
	width:1020px;
	height:330px;
}



/* 2.1.1.1 navBar + menues
   --------------------- */

*.content .header .navbar
{
	position:relative;
	left:148px;
	top:284px;
	width:752px;
}

*.navbar * #menu *
{
	position:relative;
	left:0px;
	top:0px;
	color:#5bbcb5;
	font-weight:bold;
}

*#menu a
{
	text-decoration:none;
}

*#menu a:hover
{
	color:white;
}

*#menu #selected *
{
	color:#dcdfb3;
}



/* 2.1.2 submenu
   ------------- */
   
*.content .submenu
{
	position:relative;
	top:-15px;
	left:30px;
	margin-left:0px;
	margin-right:0px;
	width:960px;
	height:35px;
	color:#5bbcb5;
	font-weight:bold;
}

*.submenu table
{
	padding-left:120px;
	padding-top:4px;
}

*.submenu * a
{
	color:#5bbcb5;
	font-weight:bold;
	text-decoration:none;
}

*.submenu * a:hover
{
	color:White;
}

*.submenu * #selected *
{
	color:#dcdfb3;
}
   
   

/* 2.1.3 left
   ---------- */

*.content .left
{
	float:left;
	width:500px;
	margin-left:70px;
	margin-top:25px;
}

/* 2.1.3.1 desc
   ------------ */

*.left .desc
{
	position:relative;
	color:white;
	width:490px;
	margin-bottom:25px;
	margin-right:70px;
}

*.desc a
{
	color:#e6eb9e;
}

*.desc a:hover
{
	color:White;
}

*.desc h1, *.desc h2, *.desc h3, *.desc h4, *.desc h5, *.desc h6
{
	color:#e6eb9e;
}

*.desc .liststart
{
	height:10px;
	width:492px;
	margin-bottom:0px;
	background-image:url(../images/list_top.png);
}

*.desc .listend
{
	height:8px;
	width:492px;
	margin-top:0px;
	background-image:url(../images/list_bottom.png);
}

*.desc ul
{
	margin-top:0px;
	margin-bottom:0px;
	width:492px;
	background-image:url(../images/list_body.png);
	background-repeat:repeat-y;
}

*.desc * li
{
    list-style-image:url(../images/listicon.png);
	border-bottom-style:dotted;
	border-bottom-width:2px;
	border-bottom-color:#A4A68A;
    padding-bottom:10px;
    padding-top:10px;
	color:Black;
	margin-right:70px;
}

*.desc * li a
{
	color:Black;
}

*.desc * .lastitem
{
	border-bottom-style:none;
	padding-bottom:5px;
}

*.desc * .firstitem
{
	padding-top:5px;
}

*.desc * .legal
{
	color:#406965;
}

*.legal a
{
	color:#406965;
	font-weight:normal;
	text-decoration:underline;
}

*.legal a:hover
{
	color:#5bbcb5;
}



/* 2.1.4 right
   ----------- */

*.content .right
{
	float:left;
	width:auto;
	margin-top:25px;
	margin-left:40px;
	margin-top:25px;
	height:auto;
}



/* 2.1.4.2 picStrip
   ---------------- */
   
*.right .picstrip
{
	position:relative;
	height:auto;
	width:auto;
}

*.picstrip .pic
{
	position:relative;
	top:0px;
	left:0px;
	height:181px;
	width:auto;
}

*.picstrip * img
{
	border:none;
}

*.pic .arrow
{
	position:absolute;
	z-index:1;
	left:300px;
	top:119px;
}

*.pic .magnifier
{
	position:absolute;
	z-index:1;
	left:295px;
	top:115px;
}

*.pic a
{
	color:#e6eb9e;
}

*.pic a:hover
{
	color:White;
}



/* 2.1.5 clear
   ----------- */
   
*.content .clear
{
	clear:both;
}



/* 2.1.6 video
   ----------- */

*.left .video
{
	position:relative;
	left:70px;
	margin-top:50px;
	width:470px;
	height:auto;
	margin-bottom:50px;
}

*.video .player
{
	margin-top:0px;
	margin-bottom:20px;
}



/* 2.1.7 textbox and label
   ----------------------- */
   
.page * .label
{
	font-weight:bold;
	margin-bottom:0px;
}

.page * .button
{
	 
	margin-top:15px;
	float:right;
	margin-right:160px;
	border-style:solid;
	border-width:1px;
	border-color:#828367;
	color:#27403E;
	font-weight:bold;
	background-color:#D8DBAB;
}
   
.page * .textbox
{
	border-style:solid;
	border-width:2px;
	border-color:#D8DBAB;
	background-repeat:repeat-x;
	color:white;
	scrollbar-base-color:#D8DBAB;
}

*.textbox.large
{
	background-image:url(../images/txt_background.jpg);
}

*.textbox.small
{
	background-image:url(../images/txt_background_small.jpg);
}



/* 2.3 footerpic, footer, footermenu
   --------------------------------- */

.page .footerpic
{
	position:relative;
	top:0px;
	left:0px;
	height:32px;
	width:auto;
    background-image:url(../images/footer1020.jpg);
}

*.footerpic .footer
{
	position:relative;
	left:148px;
	top:5px;
	width:500px;
	height:32px;
}

*.footer * #footermenu *
{
	position:relative;
	left:0px;
	top:0px;
	color:#5bbcb5;
}

*#footermenu a
{
	text-decoration:none;
	font-weight:normal;
}

*#footermenu a:hover
{
	color:white;
}

*#footermenu img
{
	border:none;
}

*#footermenu #print a
{
	text-decoration:none;
	background-image:url(../images/printer.jpg);
	background-repeat:no-repeat;
}

*#footermenu #print a:hover
{
	border:none;
	background-image:url(../images/printer_hover.jpg);
	background-repeat:no-repeat;
}
