/**********************style.ccs (CSS radwelt-hawner.de) ************************/				

/**********************************************
* =global | =body | =main		              *					
***********************************************/
* {
	margin: 0;
	padding: 0;
	outline: none;
	list-style-type: none;
	background-repeat:no-repeat;}

body {
	margin: 0 auto;
	text-align: center;
	height: 100%;
	font-family: "Trebuchet MS";
	font-size: 13px;
	line-height: 20px;
	background-color: #FFFFFF;}

#main {
	margin:0 auto;
	text-align: center;
	width: 952px;
	height: auto;}

p  {color: #406591; margin:0 0 20px 0;}	
h1 {font-size:26px;	color: #004494; font-weight: normal; text-transform: uppercase;}
h2 {font-size:20px; color: #004494; font-weight: normal; margin: 0 0 5px 0;}			
h3 {font-size:13px; color: #004494; font-weight: bold;}		
h4 {font-size:14px; color: #828282; font-weight: bold;}	
/**************** END of global ***************/	
	
/**********************************************
* =head                                       *
***********************************************/	
#head {
	height: 354px;
	width: 952px;
	text-align:left;
	float: left;
	font-size: 13px;}
	
#head #head_left {
	height: 354px;
	width: 625px;
	float:left;
	background-image:url(../images/head.jpg);}
	
	ul#topnavi{
		display:block;
		height: auto;
		width:auto;
		padding:307px 0 0 260px;}
		
	ul#topnavi li{
		list-style-type: none;
		display:inline;}	
		
	ul#topnavi li a,
	ul#topnavi li a:hover{
	display:block;
	float: left;
	height: 39px;
	line-height: 39px;
	color: #004494;
	font-size: 12px;
	text-decoration:none;
	text-transform: uppercase;
	text-align: left;
	padding: 0 18px 0 20px;
	background-image:url(../images/arrow_n.gif);
	background-position: left center;}	
		
	ul#topnavi li a:hover{
		color: #ec781c;
		background-image:url(../images/arrow_o.gif);}	
		
	ul#topnavi.tn_active1 li a#tn1, 
	ul#topnavi.tn_active2 li a#tn2,
	ul#topnavi.tn_active3 li a#tn3,
	ul#topnavi.tn_active4 li a#tn4 {
		color: #ec781c;
		background-image:url(../images/arrow_o.gif);}		
	
	ul#topnavi li a.nopadding{
		padding: 0 0px 0 20px;}	
		
#head #logo {
	height: 238px;
	width: 327px;
	float:left;
	background-image: url(../images/logo.jpg);}	
	
	#head #logo h1{
	font-size: 0.1px;
	line-height: 0px;
	display: block;
	padding: 90px 0 0 0;}	
	
	#head #logo h1 a {
	font-size: 0.1px;
	line-height: 0px;
	display: block;
	height: 130px;
	width: 215px;
	color: #FFFFFF;
	text-indent: -9999px;}	
	
#head #oshop {
	height: 116px;
	width: 138px;
	float:left;
	background-image:url(../images/shop_o.jpg);}
	
	#oshop a#shop,
	#oshop a#shop:hover{
		display: block;
		height: 116px;
		width: 138px;
		font-size: 0.01%;
		line-height: 0px;
		text-indent: -9999px;
		color:#FFFFFF;
		text-decoration:none;
		background-image:url(../images/shop.jpg);}
 	#oshop a#shop:hover{background-image:none;}		

#head #gb {
	height: 111px;
	width: 189px;
	float:left;
	color: #004494;
	background-image:url(../images/gb.jpg);
	padding: 5px 0 0 0;}

 	#gb a			{color: #004494;text-decoration: none;}
	#gb a:hover		{color: #333333; text-decoration:underline;}
	#gb a.nopadding {padding: 0;}
	
	#gb h1 {
		font-size: 20px;
		line-height: 20px;
		margin: 0 0 10px 0;}	
/**************** END of head *****************/

/*******************************************
* =case                                    *
********************************************/	
#case {
	height: auto;
	width:527px;
	float:left;
	background-image:url(../images/case.jpg);
	background-repeat: repeat-y;
	background-position: -217px 0;}	
/************ END of Case *************************/

/*************************************************
* =headline | part of case                       *
**************************************************/
#headline  {
	width: 487px;
	float:left;
	background-image:url(../images/headline.jpg);
	color: #E87C19;
	text-align: left;
	height: 89px;
	padding: 20px 0 0 40px;}	

	#headline h1#blue,
	#headline h1#orange{
	font-size: 26px;
	color:#004494;
	font-weight: normal;
	text-align: left;
	padding: 0;}	
	
	#headline h1#orange{
		color:#f0832a;
		margin: 0 0 15px 0;}	
/**************** END of headline *****************/

/**************************************************
=content | part of case                           *					
***************************************************/		
#content {
	height: auto !important;
	width: 457px;
	float: left;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	color: #406591;
	background-repeat: no-repeat;
	background-image: url(../images/content.jpg);
	min-height: 400px;
	padding: 11px 30px 0 40px;}
	
	div.content_left,
	div.content_right {
		height: auto;
		width: 228px;
		float: left;
		overflow: hidden;}
		
	div.content_bottom {
	width:456px;
	height: auto;
	overflow: hidden;
	padding: 0 0 10px 0;}	
	
	#content .left_space {
		padding: 0 0 0 20px;}

	#content #newsteaser {
		height: auto;
		overflow: hidden;
		margin: 0 0 20px 0;
		padding: 0  0 10px 0; 
		border-bottom: 1px dotted #584B38;}	
	
	#content h3 {margin: 0 0 0px 0;}
	
	#content .content_img {
		height: auto;
		width: 625px;
		float: left;
		overflow: hidden;
		padding: 0;}	
			
	#content img, #content a img {
		border: 1px solid #516C7F;
		text-decoration:none;
		padding: 4px;}		
	
	#content ul {
		padding: 0;
		margin: 0 0 20px 0;
		color: #406591;}
	
	#content ul li {
		padding: 0;
		margin: 0 0 0 13px;
		list-style-type: square;}
		
	#content ul li h3 {margin: 0 0 0px 0}			

	#content ul.nosquard li,
	#content ul li.nosquard{
		margin: 0;
		padding: 0;
		list-style-type: none;}	
				
	#content a			{color: #F0832A;}	
	#content a:hover	{color: #333333;}	
/**************** END of content  *************/	

/**********************************************
* =sidebar Left	                              *					
***********************************************/
#sidebar_left {
	height: auto;
	width: 217px;
	float: left;
	text-align:left;
	padding: 0;
	background-image: url(../images/sidebar_left.jpg);}

	ul#sidenavi1,
 	ul#sidenavi2,
	ul#open{
		display:block;
		height: 109px;
		width:157px;
		float:left;
		background-image:url(../images/side_n1.jpg);
		padding: 0 0 0 60px;}
	
	 ul#sidenavi2{
		background-image:url(../images/side_n2.jpg);
		height: 167px;
		padding: 20px 0 0 40px;
		width: 177px;}
	
     ul#sidenavi1 li a,
	 ul#sidenavi2 li a,
	 ul#sidenavi1 li a:hover,
	 ul#sidenavi2 li a:hover {
		display:block;
		height: 28px;
		line-height: 28px;
		color: #004494;
		font-size: 16px;
		text-decoration:none;
		text-transform: uppercase;
		text-align: left;
		padding: 0 19px 0 20px;
		background-image:url(../images/arrow_n.gif);
		background-position: left center;}
		
	 ul#sidenavi1 li a:hover,
	 ul#sidenavi2 li a:hover {
		color: #ec781c;
		background-image:url(../images/arrow_o.gif);}	
		
		
	ul#sidenavi1.sn1_active1 li a#sn11,
	ul#sidenavi1.sn1_active2 li a#sn12,
	ul#sidenavi1.sn1_active3 li a#sn13,
	ul#sidenavi2.sn2_active1 li a#sn21,
	ul#sidenavi2.sn2_active2 li a#sn22,
	ul#sidenavi2.sn2_active3 li a#sn23,
	ul#sidenavi2.sn2_active4 li a#sn24,
	ul#sidenavi2.sn2_active5 li a#sn25 {
		color: #ec781c;
		background-image:url(../images/arrow_o.gif);}		
	
	 ul#open{
		height: 173px;
		background-image:url(../images/open.jpg);
		padding: 12px 0 0 40px;
		width: 177px;
		color: #004494;}
	
	 ul#open h1{
		font-size: 18px;
		color: #F1832A;
		margin: 0 0 10px 0;}	
/**************** END of sidebar Left  *************/	

/**************************************************
* =sidebar Right                                  *					
***************************************************/			
#sidebar_right {
	height: 290px;
	width:188px;
	float: left;
	text-align:left;
	overflow: hidden;
	padding:  30px 0 0 20px;
	_padding: 60px 0 0 20px; /*IE6*/
	*padding: 60px 0 0 20px; /*IE7*/
	background-image: url(../images/side_r.jpg);
	background-position: 0px -1px;}
	
	#sidebar_right a {
		color: #004494;
		text-decoration:underline;}	
	
	#sidebar_right a:hover {
		color: #F0832A;
		text-decoration:underline;}		
	
	#sidebar_right ul  {
		margin: 25px 0 0 0;
		color: #004494;}			
/**************** END of sidebar Right  ****************/	
	
/******************************************************
* =footer 	                                          *					
*******************************************************/
#footer {
	height: 75px;
	width:147px;
	float:left;
	text-align: left;
	font-size: 12px;
	color: #16549D;
	background-image: url(../images/footer.jpg);
	padding: 45px 0 0 380px;}
	
	#footer a {
		color: #004494;
		text-decoration: underline;}
	
	#footer a:hover {color: #000000;}	
	#footer #foot1{
		display: block;
		height: 146px;
		width: 563px;
		float: left;
		text-align: left;
		line-height: 20px;
		background-image: url(../images/footer1.jpg);}		
/***************** END of footer  ********************/