/*----- verwendete farben -----*/
/*----- schrift: dddddd -----*/
/*----- highlite: cc0000 -----*/
/*----- background: 660000 ----- */

/*----- CSS Document -----*/
* {margin: 0; padding: 0;}

body, html {
font: 95% Arial, Helvetica, sans-serif;
font-size: 13px;
background-image:url(../images/background.png);
background-repeat:repeat-x;
background-color: #660000;
color: #dddddd;
height: 100%;
}


/*links*/
a 			{color: #dddddd; font-weight:bold; text-decoration: none;}
a:hover 	{color: #cc0000; text-decoration: none;}
a img 		{border: 0 none; filter:alpha(opacity=60); opacity:0.6;}
a img:hover	{border: 0 none; filter:alpha(opacity=100); opacity:1.0;}
a.h:before 	{content: url(../images/icons/link.gif); border:0px;}
a.pdf:before{content: url(../images/icons/pdf.gif); border:0px;}
a:focus    	{text-decoration:underline;}

/*textformatierung*/
h1, h2, h3, h4, h5  {font-family:Arial, Helvetica, sans-serif; color: #cc0000; padding-bottom:5px; text-transform:uppercase;}
h1 			{font-size: 14px; background-image:url(../images/icons/h1.gif); background-repeat:no-repeat; background-position:left center; text-indent:15px;}
h2 			{font-size: 14px; background-image:url(../images/icons/h2.gif); background-repeat:no-repeat; background-position:left center; text-indent:15px;}
h3 			{font-size: 12px; background-image:url(../images/icons/h3.gif); background-repeat:no-repeat; background-position:left center; text-indent:15px;}
h4 			{font-size: 10px; text-align:right; font-weight: normal;}
h5			{font-size: 10px; text-align:left; font-weight: normal;}
ul.u1		{list-style-position: inside; list-style-image:url(../images/icons/li1.gif);}
ul.u2		{list-style-position: inside; list-style-image:url(../images/icons/li2.gif); text-indent: 15px;}
p			{line-height:17px; padding-top:0px;}
.quote		{text-indent:21px; background-image:url(../images/icons/zitat.gif); background-position: top left; background-repeat:no-repeat;}
.highlite	{font-weight:bold; color: #cc0000; padding-top: 15px;}
.highlite1	{font-weight:bold; color: #ddd; background-color:#333333;}
img.produkt {margin: 0px 10px 10px 0px;}
strong		{}

#container{
position: relative;
min-height: 100%;
height:100%;
voice-family: "\"}\"";
voice-family: inherit;
width:100%;
}
#centerpage {width: 900px;margin: 0px auto;}

/*----- header -----*/
#header{
background-image:url(../images/bg_headerlogo.png);
background-repeat: no-repeat;
height: 105px;
}
#logo{
padding-top: 13px;
padding-left: 30px;
}
	#headermenu {
	background: url(../images/bg_headermenu.png) no-repeat;
	float:right;
	padding-left:20px;
	margin-right:40px;
	height:31px;
	width:205px;
	color: #CCCCCC;
	padding-top:5px;
	}
/*----- navigation -----*/
#topnavi{
position: absolute;
top: 105px;
left: 50%;
background-image: url(../images/bg_topmenu.gif);
background-repeat: no-repeat;
height: 40px;
width: 900px;
margin-left:-450px;
+margin-left:-451px;
margin-top: -15px;
}
/*topnavi*/
.mattblackmenu ul{
padding-left: 25px;
font: bold 12px Arial;
list-style-type: none;
overflow: hidden;
width: 850px;;
}
.mattblackmenu li{display: inline;margin: 0px;}
.mattblackmenu li a, .mattblackmenu li a:visited{
float: left;
display: block;
width:167px;
text-align:center;
text-decoration: none;
padding: 8px 0px;
background-image: url(../images/topmenu_bg.png);
background-repeat: no-repeat;
color: #000;
}
.mattblackmenu li a:hover{background-position: 0 -30px;color: #ddd;}
.mattblackmenu a.selected{background-position: 0 -30px; /*bg of tab with "selected" class assigned to its LI */color: #ddd;}
/* ----- Drop Down ULs ----- */
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 11px Arial;
text-align:center;
position: absolute;
left: 0;
top: 0px;
height:15px;
list-style-type: none;
background: #660000;
visibility: hidden;
z-index: 100;
}
.ddsubmenustyle li a{
display: block;
width: 168px; /*width of menu (not including side paddings)*/
color: #000000;
height:15px;
background-image:url(../images/bg_topsubmenu.gif);
background-color: #787878;
border-bottom: 1px solid;
border-bottom-color: #333333;
text-decoration: none;
padding: 4px 0px;
}
* html .ddsubmenustyle li{ /*IE6 CSS hack*/display: inline-block;width: 168px; /*width of menu (include side paddings of LI A*/}
.ddsubmenustyle li a:hover{
background-color: black;
color: white;
background-image:url(../images/bg_topsubmenu.gif);
background-position: 0px -40px;
}
.downarrowpointer	{padding-left: 0px;border: 0;}
.rightarrowpointer	{position: absolute;padding-top: 0px;left: 100px;border: 0;}
.ddiframeshim		{position: absolute;z-index: 500;background: transparent;border-width: 0;width: 0;height: 0;display: block;}

/* navigation right */
.menu a:link, .menu a:visited {
	display: block;
	background: url(../images/bg_columnmenu.gif) no-repeat;
	vertical-align: middle;
	font-size: 13px;
	font-weight: normal;
	color: #dddddd;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 13px !important;
	height: 13px;
	width: 100%;
	text-decoration: none;
}
.menu a:hover, .menu a:active{
	background-position: 0px -20px;
	text-decoration: none;
	color: #cc0000;
}
/*----- content -----*/
/*contenthintergrund*/
#content{
background-image:url(../images/bg_content.jpg);
background-repeat:repeat-y;
width:850px;
margin: 0 auto;
}
#center				{width:814px;margin: 0 auto;}
/*obere spalten*/
#picture-content	{padding-top:30px;color: #dddddd;}
#picture			{height:144px;}
#column-top			{float: right;width:224px;}
	/*column*/
	#column-t{background-image:url(../images/bg_column_t.gif); background-repeat:no-repeat; height:23px;}
	#column-m{background-image:url(../images/bg_column.png); background-repeat:repeat-y; height:102px; padding-left:15px;}
	#column-b{background-image:url(../images/bg_column_b.gif); background-repeat:no-repeat; height:19px;}

/*untere beiden spalten "gleichlang"*/
#main-top{
background-image:url(../images/bg_content_top.png);
background-repeat:no-repeat;
height:25px;
margin-top:20px;
}
#main{
line-height: 1.2em; /* peekaboo bug */
background-image:url(../images/bg_content.png);
background-repeat:repeat-y;
color: #dddddd;
}
#column{
float: right;
width:193px;
padding-right: 15px;
padding-left: 15px;
min-height: 10px;
}
#maincontent{
padding-left: 15px;
margin-right:280px;
}
#main-bottom{
background-image:url(../images/bg_content_bottom.png);
background-repeat:no-repeat;
height:22px;
text-align: right;
}
/*----- footer -----*/
#footer{
clear:both;
padding-top:20px;
text-align:center;
color:#333333;
font-weight:bold;
}
#copy{
background-image:url(../images/bg_footer.gif);
background-repeat:no-repeat;
background-color:#660000;
height:50px;
padding-top: 8px;
}
#copyright{
font-size:9px;
}
#reflect{
background-image:url(../images/bg_footer_reflect.jpg);
background-repeat:no-repeat;
background-color:#660000;
height:75px;
}
/*----- bottomnavi -----*/
html>body #container {height: auto;}
#servicenavi{
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 18px;
background-image:url(../images/bg_servicebar.png);
padding-top: 2px;
font-size:11px;
}
#servicenavi a:link, #servicenavi a:visited {color: #000000; font-size:11px; font-weight:bold;}
#servicenavi a:hover, #servicenavi a:active {color: #cc0000; font-size:11px; font-weight:bold;}

/*----- facebox 1.1 -----*/
#facebox .b 		{background:url(../images/facebox/b.png);}
#facebox .tl 		{background:url(../images/facebox/tl.png);}
#facebox .tr 		{background:url(../images/facebox/tr.png);}
#facebox .bl 		{background:url(../images/facebox/bl.png);}
#facebox .br 		{background:url(../images/facebox/br.png);}
#facebox 			{position: absolute; width: 100%; top: 0; left: 0; z-index: 1000; text-align: left;}
#facebox .popup 	{position: relative;}
#facebox table 		{margin: auto; border-collapse: collapse;}
#facebox .body 		{padding: 10px; background: #fff; width: 370px;}
#facebox .loading 	{text-align: center;}
#facebox .image 	{text-align: center; background: url(../images/facebox/bg_facebox.png); padding: 10px 10px 10px 10px;}
#facebox img 		{border: 0;}
#facebox .footer 	{padding-top: 5px; margin-top: 0px; text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0;}
.facebox_bg			{background:url(../images/facebox/bg_facebox.png); padding: 5px;}

/*----- eingabefelder -----*/
.inputbox {
margin-top: 5px;
background-color:#330000;
color:#dddddd;
border-top: 1px solid #333;
border-bottom: 1px solid #666;
border-left: 1px solid #333;
border-right: 1px solid #666;
}
.formtext {
font-size: 12px;
vertical-align:bottom;
}
.inputtext {
margin-top: 5px;
background-color:#330000;
color:#dddddd;
border-top: 1px solid #333;
border-bottom: 1px solid #666;
border-left: 1px solid #333;
border-right: 1px solid #666;
}
.button {
margin-top: 5px;
background-color:#330000;
color:#dddddd;
font-weight:bold;
border-top: 1px solid #666;
border-bottom: 1px solid #333;
border-left: 1px solid #666;
border-right: 1px solid #333;}
.button:hover {
margin-top: 5px;
background-color:#330000;
color:#cc0000;
border-top: 1px solid #333;
border-bottom: 1px solid #666;
border-left: 1px solid #333;
border-right: 1px solid #666;
}
.tabelle {background-color: #333333; color:#cc0000; text-align:center;}

.pos_right {height:4px;}

#partner {width:650px; height:400px; font-size:10px;overflow: auto;}
#impressum {width:650px; height:300px; font-size:10px;overflow: auto;}

#bar{padding-left:5px;}
#bar_region{float:left;width:450px;color:#000000;}
#bar_buttons{float:right;padding-right:5px;}

#ontop {font-size: 9px; padding-right:270px;}

.none {text-decoration:none;}