/*<![CDATA[*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet-Version:		Basic												   	   *
 * Version:					1.0														   *
 * Author:					re-lounge (http://www.re-lounge.com)					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/

/* *******************************************************
 * 
 * Cooperate Colors:
 * Highlights: #e19100
 * Text: #484848
 * Background: #e8e8e8
 * 
 */


/* ******************************************************
   Body
   ****************************************************** */ 
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif; 
	color: #484848;
	background:#e8e8e8 url(basic/body-bg.gif) top center repeat-y;
	text-align:center; 
}

#pageContainer{
	margin:0px auto;
	width:835px;
	background:#ffffff url(basic/pageContainer-bg.png) top center repeat-x; 
	padding:0px 30px 10px 30px;
	text-align:left;
}
.antifloat{
	clear:both;
	font-size:1px;
	height:1px;
}
img{border:none;}

/* ******************************************************
   Header
   ****************************************************** */ 
#header{
	background:url(basic/header-bg.png) top left repeat-x;
	width:835px;
	height:102px;
	padding:20px 0 0 0;
}
#header #logo{
	height:100px;
	margin:0 0 0 17px;
	float:left;
}
#header #logo div.left{
	background:url(basic/logo-left-bg.png) left top no-repeat;
	width:3px;
	height:100px;
	float:left;
}
#header #logo div.center{
	background:url(basic/logo-center-bg.png) left top repeat-x;
	width:auto;
	height:100px;
	float:left;
	background:#ffffff;
}
#header #logo div.right{
	background:url(basic/logo-right-bg.png) right top no-repeat;
	width:8px;
	height:100px;
	float:left;
}
#header #title{
	float:left;
	margin:47px 0 0 16px;
	font-size:21px;
	color:#ffffff;
}
#header ul#metanavigation{
	list-style:none;
	float:right;
	margin:57px 20px 0 0;
	font-size:11px;
}
#header ul#metanavigation li{
	float:left;
	color:#ffffff;
}
#header ul#metanavigation li a.active{
	border-bottom:1px solid #ffffff;
}
#header ul#metanavigation li a:link{color:#ffffff; text-decoration:none;}
#header ul#metanavigation li a:visited{color:#ffffff; text-decoration:none;}
#header ul#metanavigation li a:hover{color:#ffffff; border-bottom:1px solid #ffffff;}
#header ul#metanavigation li a:active{color:#ffffff; border-bottom:1px solid #ffffff;}

/* ******************************************************
   Teaserbar
   ****************************************************** */
#teaserbar{
	margin:16px -4px 0 -4px;
	padding:57px 0 0 0;
	background:url(basic/teaser.jpg) left top no-repeat;
	width:842px;
	height:100px;
}
#teaserbar p#claim{
	margin:0;
	padding:0 0 0 430px;
	font-size:24px
	
}

/* ******************************************************
   Mainnav
   ****************************************************** */
#mainnav{
	margin:23px -4px 0 -4px;
	padding:4px 0 0 23px;
	background:url(basic/mainnav-bg.gif) left top no-repeat;
	width:842px;
	height:88px;
}
#mainnav img{
	float:left;
}

/* ******************************************************
   Content
   ****************************************************** */
#content{
	font-size:12px;
}
#content h1{
	margin:0 0 7px 0;
	font-size:16px;
	color:#e19100;
	font-weight:lighter;
}
#content p{
	margin:0 0 27px 0;
	width:548px;
}
#content .highlight{
	color:#e19100;
}
#content .unbold{
	font-weight:normal;
}

/* ****   Content left   ********** */
#content #left{
	float:left;
	padding:20px 0 0 0px;
	width:554px;
	line-height:18px;
}
#content #left ol{
	margin:25px 0 0 0;
	padding:0 0 0 20px;
}
#content #left ol li{
	margin:0 0 24px 20px;
	padding:0;
	list-style:outside;
	list-style-type:none;
	font-weight:bold;
}
#content hr{
	background:url(basic/li-seperator.gif) left bottom repeat-x;
	border:none;
	height:2px;
	margin:20px 0 20px 0;
}
#content .claim{
	font-size:24px;
}

#content #left .leftCol{
	float:left;
	width:48%;
	margin:0 10px 0 0;
}
#content #left .rightCol{
	float:right;
	width:48%;
	margin:0 0 0 10px;
}
#content .errors{
	margin:0 0 20px 0;
	border-left:5px solid red;
	padding:0 0 10px 10px;
}
#content .success{
	margin:0 0 20px 0;
	border-left:5px solid green;
	padding:0 0 10px 10px;
}
#content .success h2{
	margin:0 0 7px 0;
	font-size:16px;
	color:green;
	font-weight:lighter;
}
#content .errors h2{
	margin:0 0 7px 0;
	font-size:16px;
	color:red;
	font-weight:lighter;
}
/* ****   FORMS   ********** */
#content form label{
	display:block;
	width:inherit;
	margin:0 0 5px 0;
}
#content form label.mandatory{
	font-weight:bold;
	color:#e19100;
}
#content form .oneCol{
	width:40%;
	float:left;
	margin:0 20px 10px 0;
}
#content form .twoCols{
	width:85%;
	margin:0 20px 10px 0;
}
#content form input,
#content form select,
#content form textarea{
	width:100%;
}
#content form textarea{
	height:200px;
}
#content form input.small{
	width:65%;
}
#content form input.smaller{
	width:25%;
}
#content form input.submit{
	width:auto;
	float:right;
}
#content form input.radio{
	width:auto;
}

/* ****   BOXES left   ********** */
#content #left .box{
	margin:0 0 0 -5px;
	width:554px;
	font-size:11px;
}
#content #left .box.top{
	background:url(basic/box-top-bg.gif) left top no-repeat;
	height:21px;
}
#content #left .box.center{
	background:#efefef url(basic/box-center-bg.gif) left top repeat-x;
}
#content #left .box.center strong{
	font-size:12px;
}
#content #left .box.bottom{
	margin:0 0 15px -5px;
	background:url(basic/box-bottom-bg.gif) left bottom no-repeat;
	height:22px;
}
#content #left .box.center .border{
	padding:0 23px 0 23px;
	background:url(basic/box-border-bg.gif) left top repeat-y;
}

/* ****   Content right  ********** */
#content #right{
	float:right;
	width:273px;
	font-size:11px;
	line-height:18px;
}

#content #right .box strong{
	font-size:12px;
}

/* ****   BOXES right   ********** */
#content #right .box{
	margin:-2px -5px 0 0;
	width:273px;
}
#content #right .box.top{
	background:url(basic/box2-top-bg.gif) left top no-repeat;
	height:23px;
}
#content #right .box.center{
	background:#ededed url(basic/box2-center-bg.gif) left top repeat-x;
}
#content #right .box.bottom{
	margin:0 -5px 15px 0;
	background:url(basic/box2-bottom-bg.gif) left top no-repeat;
	height:24px;
}
#content #right .box.center .border{
	padding:0 23px 0 23px;
	background:url(basic/box2-border-bg.gif) left top repeat-y;
}
#content #right .box.center .border ul{
	margin:0;
	padding:0;
}
#content #right .box.center .border ul li{
	list-style:none;
	font-size:16px;
	padding:7px 0 7px 0;
	background:url(basic/li-seperator.gif) left bottom repeat-x;
}
#content #right .box.center .border ul li.first{
	padding:0 0 7px 0;
}
#content #right .box.center .border ul li.last{
	padding:7px 0 0 0;
	background:none;
}
#content #right .box.center .border ul li a:link{color:#e19100; text-decoration:none}
#content #right .box.center .border ul li a:visited{color:#e19100; text-decoration:none}
#content #right .box.center .border ul li a:hover{color:#e19100; text-decoration:underline}
#content #right .box.center .border ul li a:active{color:#e19100; text-decoration:underline}

/* ****   Content Links  ********** */
#content a:link{color:#484848; text-decoration:underline;}
#content a:visited{color:#484848; text-decoration:underline;}
#content a:hover{color:#e19100; text-decoration:underline;}
#content a:active{color:#e19100; text-decoration:underline;}

/* ******************************************************
   Footer
   ****************************************************** */
#footer{
	margin:37px 0 0 0;
	padding:0 0 7px 0;
	font-size:11px;
	color:#333333;
	width:550px;
}
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:11px;
}
#footer ul li{
	float:left;
}
#footer #copyright{
	margin:8px 0 0 0;
	padding:7px 0 0 0;
	border-top:1px solid #a6a6a6;
}
#footer ul li a:link{color:#484848; text-decoration:none;}
#footer ul li a:visited{color:#484848; text-decoration:none;}
#footer ul li a:hover{color:#484848; border-bottom:1px solid #484848;}
#footer ul li a:active{color:#484848; border-bottom:1px solid #484848;}
/*]]>*/