@charset "utf-8";
/* CSS Document */

/*-- LAYOUT --
----------------------------------------------------------------------------------------------- */
body {background-image: url(img/hg.gif); background-repeat:repeat-x;	background-color: #838A94; font-family:Arial, Helvetica, sans-serif; font-size:13px;
}

#wrap { position: relative; width: 967px; text-align: left; margin: 0 auto 0 auto;
}

a					{text-decoration:none; outline:none; }
a img 				{border:none}
a:link, a:visited	{color:#ff6600;}
a:hover				{color:#a7bd06;}
.center				{text-align:center;}
.clear				{clear:both;}
p					{line-height:20px;}
.floatR				{float:right;}
.floatL				{float:left;}
.clearfix:after{clear: both; content: ".";	display: block;	height: 0;	visibility: hidden;	}

.content {
float:none;
margin:auto;
	position: relative;
	height: 100%; width: 980px;
	}
	
.txt a:link { background-image: url(ico/link.gif); background-repeat:no-repeat; background-position:right; padding-right:20px;
}
.menu {
	float:none;
	margin:auto;
	padding-top:5px;
	position: relative;	height: auto; width: 940px;

}
.head {
float:none;
margin:auto;
	position: relative; height: 101px;	width: 980px;top: 5px;
	background-image: url(img/head.png); background-repeat: no-repeat;
}
/* IE Hack */
*  html .head { height: 130px;	}
*+html .head { height: 130px;	}

.ads_head { float:none; text-align:right; height:60px; display: box; }

.content_main {
float:left; display:box;
background-image: url(img/ccent-s.gif);	background-repeat: repeat-y; width:980px;
}
.content_foot {
width:980px; height:136px;
float:left;
background-image: url(img/cfoo-s.gif); background-repeat: no-repeat;
}
.content_top {
width:980px; height:85px;
float:left;
background-image: url(img/ctop-s.gif);	background-repeat: no-repeat;
text-align:left;
}
.explode{
width:668px; height:auto; min-height: 400px;
float:left; overflow: hidden;  position:relative;
padding-bottom: 0px; margin:auto;
  clear: none;
 }
  
  
.content_foot-wide {
width:980px;
float:left;
	background-image: url(img/cfoo-l.gif);
	height:136px;
	background-repeat: no-repeat;
	
}
.content_top-wide {
width:980px;
float:left;
	background-image: url(img/ctop-l.gif);
	height:85px;
	background-repeat: no-repeat;
	text-align:left;
	
}
.content_main-wide {
float:left;
background:#FFFFFF;
width:980px;
display: box;
}
.explode-wide{
width:980px;
float:left;
 padding-bottom: 0px;
  clear: none;
  min-height: 400px;
  overflow: hidden;
  margin:auto;
  height:100%;
  position:relative;
  display: box;
}

.sidebar{
width: 310px;
float:right;
vertical-align:top;
position: relative;
margin:auto;
color: #FFCC99;
}

/* -- PATHWAY --
----------------------------------------------------------------------------------------------- */
.hmenu-pfad{padding-left: 9px; padding-top:0px; border: 0px; font-weight:bold;color:#fff;}
.hmenu-pfad-1{font-weight: bold;height: 18px;line-height: 18px; padding-left: 22px;background: url(img/hmenu_start.gif) no-repeat left center;padding-top: 0px;color:#fff;}
.hmenu-pfad-2{height: 18px;background:  url(img/hmenu_finallink.gif) no-repeat left center; padding-left: 40px;color:#fff;}
.hmenu-pfad-1 a:link, 
.hmenu-pfad-1 a:visited{font-weight:bold;text-decoration: none;background:none;color:#fff;font-size:14px;}
.hmenu-pfad-2, 
.hmenu-pfad-2 a:link,.hmenu-pfad-2 a:visited{font-weight:bold;text-decoration: none;text-indent:5px;color:#fff;}
.hmenu-pfad-1 a:hover, .hmenu-pfad-2 a:hover{ color:#FF6600;font-size:14px;}

/* -- MENUE --
----------------------------------------------------------------------------------------------- */
#topSpiga{
	text-indent:-900em;
	float:right;
	margin:0px;
	padding:0px;
	}

#topSpiga a{
	width:82px;
	height:44px;
	display:block;
	background-image:url(pix/spiga.gif);
	background-repeat:no-repeat;
	}

#topSpiga a:link,
#topSpiga a:visited	{background-position:0 0;}
#topSpiga a:hover	{background-position:0 -44px;}

div#menu ul,
div#menu ul * {
	margin:0;
	padding:0;
}
div#menu ul {
	line-height:1.0;
	float:left;
	margin-bottom:1.5em;
}


div#menu ul li {
	float:left;
	list-style:none;
	position:relative;
}



div#menu ul li {
	margin: 0;
	padding: 0;
	padding-right: 2px;
	float: left;
	list-style: none;
}

div#menu ul li a {
	display: block;
	float: left;
	padding: 0px 40px;
	height: 46px;
	line-height: 35px;
	font-size:12px;
}

div#menu ul.nav li a:link,
div#menu ul.nav li a:visited								{color:#838a94; background:none;}
div#menu ul.nav li a:hover									{color:#fff; background:none;}

div#menu ul.nav li:hover 									{background: url(img/mnuNR.gif) 100% 0 no-repeat; }
div#menu ul.nav li a:hover 									{background: url(img/mnuNL.gif) 0 0 no-repeat;}

div#menu ul.nav li:hover 									{_background: none;}
div#menu ul.nav li a:hover 									{_background: none;}


div#menu ul.nav li.active,
div#menu ul.nav li.current_page_item 						{background: url(img/mnuAR.gif) 100% 0 no-repeat;}

div#menu ul.nav li.active a,
div#menu ul.nav li.current_page_item a						{background: url(img/mnuAL.gif) 0 0 no-repeat;}
div#menu ul.nav li.active a:link,
div#menu ul.nav li.active a:visited,
div#menu ul.nav li.current_page_item a:link,
div#menu ul.nav li.current_page_item a:visited				{color:#333;}

div#menu ul.nav li.active a:hover,
div#menu ul.nav li.current_page_item a:hover				{color:#CCC; background: url(img/mnuAL.gif) 0 0 no-repeat;}

div#menu ul.nav li.active:hover,
div#menu ul.nav li.current_page_item:hover					{background: url(img/mnuAR.gif) 100% 0 no-repeat;}
div#menu ul.nav li ul										{display:none;}


/* -- TABS --
----------------------------------------------------------------------------------------------- */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: none;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #000;
 border-bottom: none;
 background: #fff;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #000;
 border-color: #227;
 background:#FBE4D0;
}

ul.tabbernav li.tabberactive a
{
background:#F5E0CB;
border:1px dotted #000;
border-bottom: none;
}

ul.tabbernav li.tabberactive a:hover
{
color: #000;
background:#F5E0CB;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	background:#F5E0CB;
	padding:15px;
	border-bottom:1px dotted #b6b6b6;
	border-top:1px dotted #b6b6b6;
}
.tabberlive.tabbertab:hover{background:#FBE4D0;}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


	
	/* Magazin */
	.feature {
	background:#F5E0CB;
	padding:15px;
	border-bottom:1px dotted #b6b6b6;
	border-top:1px dotted #b6b6b6;
	}

.feature:hover {
	background:#FBE4D0;
	}
	

#lead {
	margin-top:22px;
	}

.title {
	font-size:1.2em;
	font-weight:bold;
	line-height:115%;
	}
	
.feature#lead .title {
	font:1.8em Georgia, "Times New Roman", Times, serif;
	line-height:100%;
	display:block;
	padding-bottom:7px;
	}

#leftcol .feature {
	margin-bottom: 5px;
	border-bottom:none
	}


#rightcol .feature {
	margin-bottom: 5px;
	border-bottom:none
	}	
	
#leftcol {
	width:285px;
	border-right:1px dotted #b6b6b6;
	padding-right:18px;
	}

#leftcol, #rightcol {
	margin-top:10px;
	float:left
	}	
	
#rightcol {
	width:285px;
	padding-left:18px;
	margin-top:10px;
	}
	
/* -- STYLING --
----------------------------------------------------------------------------------------------- */

.Stil1 {font-size: 12px}



#left_col .Cmite, #left_col, #left_col  {
 color: #ff0000;
 border: solid;
   	border-width: 1px;
 border-color:#000000;
}

.Cdark .Cnorm {
 color: #ff0000;
 border: solid;
   	border-width: 1px;
 border-color:#000000;
}



hr 
{ 
    height: 0px; 
		border: solid #006600 0px; 
		border-top-width: 1px; 
}

#left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a 
{
  color: #7D7D7D;  			
	font-size: 14px; 
	text-decoration: none; 
}

a.box 
{ 		 	
	font-size: 13px; 
	text-decoration: none; 
}

a.box:hover 
{   
  text-decoration: none;  
}

.Chead
{
  color: #ffffff;
    background-image: url(img/chead.jpg);
}

.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
  background: #DBDADA;
  color: #ffffff;

}

.Callg
{
  background-color: #EFEFEF;
	color: #000000;
}

.Callg td
{
  color: #000000;
}

.Cnorm 
{
  background-color: #F5E0CB;
}
.Cmite
{
  background-color: #FBE4D0;
}
.Cdark
{
  background-color: #ffffff;
}

.rand
{
  border: solid #c0c0c0 1px;
}

.smalfont 
{ 
    font-size: 12px;
		text-decoration: none; 
}


input, textarea, select
{ 
    color: #333333;  
    font: 14px;  
    border-color: #CCCCCC;		
  	border-width: 0px;
	border-bottom: 1px;
	border-right: 1px;
    border-style: solid;  
    font-weight: none;  
    text-decoration: none;  
	}
textarea {
background: #FFFFFF;
}
.button
{ 
    color: #ffffff;  
    font: 14px;  
    border-color: #1D1D1D;		
  	border-width: 1px;
    border-style: solid;  
    font-weight: none;  
    text-decoration: none;  
	background-image: url(img/form.gif);
	background-repeat: x-repeat;
	
	}
/* Structure */


.left {
	float:left;
	}

.right {
	float:right;
	}



	
/*	Headers */

h1 {
	font:20px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.02em;
	}
	
h2 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	padding-bottom:8px;
	border-bottom:1px solid #333;
	margin: 20px 0;
	}

h3, .sidebar h2 {
	font: 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:4px;
	font-weight:bold;
	color:#5f5f5f;
	}

.sidebar h3, .sidebar h2 {
	border-top:5px solid #BBB;
	border-bottom:1px solid #BBB;
	padding:6px 0 6px 2px;
	margin:22px 0 15px 0;
	font-size:1em;
	color:#CCCCCC;
	}
	
h3 a:link, h3 a:visited {
	color:#5f5f5f;
	}

h4 {
	font-size:14px;
	margin:auto;
	}
	
	
	
/* Content */

#content2 {
	width: 977px;
	margin: 1px;
	float:left;
	}

#lead {
	margin-top:22px;
	}

.title {
	font-size:1.2em;
	font-weight:bold;
	line-height:115%;
	}
	




#sidelist li {
color:#FFFFFF;
	list-style:none
	}
.disclaimer {font-size: 10px;color: #333333;}
.Number {text-decoration: none;border-width: 1px;border-style: solid; margin-top:6px ;padding: 0 4px; background-color: #fff;}
.msg-big {witdh:980px;position:relative;display:block }
.msg-user {left:2px;width:159px; position:absolute; display: block; height:100%;}
.msg-txt {left:164px;width:810px; position:relative; display:inline-block;  min-height: 400px; height:auto !important;  /* fr moderne Browser */height:400px;  /*fr den IE */ padding:2px}
.msg-qpost {left:164px;width:810px; position:relative; display:inline-block;  min-height: 200px;  height:auto !important;  /* fr moderne Browser */height:200px;  /*fr den IE */ padding:2px}
.msg-sim {witdh:976px;position:relative;display:block; margin:2px; padding:3px; }