/******************/
/* GLOBAL LAYOUT  */
/******************/

 body {
 font-size:62.5%; 
 background-color:rgb(240,240,240); 
 font-family:arial,sans-serif;
 background-image : url(../img/Hintergrund.jpg);
 background-repeat : repeat;
 } /*Font-size: 1.0em = 10px when browser default size is 16px*/

.container {
width:978px; 
padding-top:10px; 
padding-bottom:20px; 
margin:0 auto; 
font-size:1.0em;
}

.header {
width:958px; 
min-height:130px /*Non-IE6*/; 
height:auto !important /*Non-IE6*/; 
height:130px /*IE6*/; 
border-left:solid 10px #660000; 
border-right:solid 10px #660000; 
background:rgb(225,225,225) url(../img/bg_header.jpg) repeat-x /*Total header background image entered here. Height: 125px*/; 
font-size:1.0em;
}
.header-top {
clear:both; 
width:958px; 
height:136px; 
background:#660000 url(../img/bg_header_top.jpg) repeat-x /*Top header background image entered here. Height: 100px*/; 
font-size:1.0em;
}
.header-bottom {
	clear: both;
	width: 958px;
/*Non-IE6*/
	min-height: 30px;
/*Non-IE6*/
	height: auto !important;
/*IE6*/
	height: 30px;
/*Bottom header background image entered here: Height: 25 px*/
	background: #660000 url(../img/bg_header_bottom.jpg) repeat-x;
	font-size: 1.5em;
	color: #cccccc !important;
}
.navbar {
white-space:nowrap /*IE hack*/; 
float:left; 
width:958px; 
border-left:solid 10px #660000; 
border-right:solid 10px #660000; 
background-color:#660000; 
font-family:tahoma,arial,sans-serif; 
font-size:130% !important /*Non-IE6*/; 
font-size:120% /*IE6*/;
} /*Color navigation bar normal mode*/

.sidenavbar {
white-space:nowrap /*IE hack*/; 
float:right; 
width:270px; 
border-left:solid 0px #660000; 
border-right:solid 10px #660000; 
background-color:#660000; 
font-family:tahoma,arial,sans-serif; 
font-size:130% !important /*Non-IE6*/; 
font-size:120% /*IE6*/;
} /*Color navigation bar normal mode*/

.main {
clear:both; 
width:958px; 
padding:10px 0 20px 0; 
border-left:solid 10px #660000; 
border-right:solid 10px #660000; 
background-color:#660000; 
font-size:1.0em;
}

.content {
display:inline; /*Fix IE floating margin bug*/; 
float:left; width:676px; 
background-color: #660000; 
font-size:1.0em; 
overflow:visible !important /*Non-IE6*/; 
overflow:hidden /*IE6*/;
}

.subcontent {
display:inline /*Fix IE floating margin bug*/; 
float:right; width:270px; 
background-color:#660000; 
font-size:1.0em; 
overflow:visible !important /*Non-IE6*/; 
overflow:hidden /*IE6*/;
}

.footer {
clear:both; 
width:958px; 
padding:1.0em 0 1.0em 0; 
border-left:solid 10px #660000; 
border-right:solid 10px #660000; 
background-color:#660000; 
color:#E7AB24;
font-size:1.6em !important /*Non-IE6*/; 
font-size:1.5em /*IE6*/; 
overflow:visible !important /*Non-IE6*/; 
overflow:hidden /*IE6*/;
}


/****************/
/*  HEADER-TOP  */
/****************/

/* Sitename and slogan */
.sitelogo {
width:900px;
 height:136px;
 position:absolute;
 z-index:1;
 margin:0px 0 0 29px;
 background: url(../img/Banner.jpg);
}
.sitename {
width:300px;
 height:70px;
 position:absolute;
 z-index:1;
 margin:27px 0 0 95px;
 overflow:hidden;
}
.sitename h1 {
font-family:verdana,arial,sans serif;
 font-weight:normal;
 font-size:290% !important /*Non-IE6*/;
 font-size:260% /*IE6*/;
}
.sitename h2 {
font-family:verdana,arial,sans serif;
 margin-top:-5px;
 padding-bottom:2px;
 color:rgb(125,125,125);
 height:20px;
 font-weight:normal;
 font-size:130% !important /*Non-IE6*/;
 font-size:120% /*IE6*/;
}
.sitename a{
text-decoration:none;
 color:rgb(125,125,125);
}
.sitename a:hover {
text-decoration:none;
}

/* Button navigation */
.navbutton {
width:400px;
 position:absolute;
 z-index:2;
 margin-top:26px;
 margin-left:547px !important /*Non-IE6*/;
 margin-left:550px /*IE6*/;
}
.navbutton ul {
float:right;
}
.navbutton li {
display:inline;
 list-style:none;
}
.navbutton li a {
padding-left:3px;
}
.navbutton a:hover {
text-decoration:none;
}
.navbutton a img {
height:32px;
}

/* Global navigation */
.navglobal {
width:600px;
 position:absolute;
 z-index:3;
 margin-top:65px;
 margin-left:349px !important /*Non-IE6*/;
 margin-left:351px /*IE6*/;
}
.navglobal ul {
float:right;
 font-weight:normal;
}	
.navglobal li {
display:inline;
 list-style:none;
}
.navglobal li a {
display:block;
 float:left;
 padding:2px 5px 2px 5px;
 color:rgb(125,125,125);
 text-decoration:none;
 font-size:130% !important /*Non-IE6*/;
 font-size:120% /*IE6*/;
}
.navglobal a:hover {
text-decoration:none;
 color:rgb(255,255,255);
}

/*******************/
/*  HEADER BOTTOM  */
/*******************/

/* Breadcrumb */
.header-bottom ul {
float:left;
 width:430px;
 list-style:none;
 padding:8px 0 3px 10px !important /*Non-IE6*/;
 padding:8px 0 3px 10px /*IE6*/;
}
.header-bottom ul li {
display:inline;
 padding:0 0 0 10px;
 background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%;
 font-size:110% !important /*Non-IE6*/;
 font-size:100% /*IE6*/;
}
.header-bottom ul li.nobullet {
display:inline;
 padding:0;
 background:none;
 color:rgb(75,75,75);
}
.header-bottom ul a {
/*color:rgb(125,125,125);*/
color:#e7ab24;
 font-weight:bold;
 text-decoration:none;
}
.header-bottom ul a:hover {
color:rgb(255,255,255);
}

/* Search form */
.header-bottom .searchform {
float:right;
 width:400px;
}
.header-bottom .searchform form fieldset {
float:right;
 border:none;
 padding-top:5px;
 padding-right:10px;
}
.header-bottom .searchform input.field {
width:15.0em;
 height:1.2em;
 padding:1px !important /*Non-IE6*/;
 padding:2px /*IE6*/;
 border:solid 1px rgb(200,200,200);
 background-color:rgb(255,255,255);
 font-size:110% !important /*Non-IE6*/;
 font-size:100% /*IE6*/;
}
.header-bottom .searchform input.button {
width:4.5em;
 height:1.6em;
 background-color:rgb(240,240,240);
 border:solid 1px rgb(150,150,150);
 text-align:center;
 color:rgb(100,100,100);
 font-size:110% !important /*Non-IE6*/;
 font-size:100% /*IE6*/;
}
.header-bottom .searchform input.button:hover {
cursor:pointer;
 border:solid 1px rgb(80,80,80);
 background-color:rgb(220,220,220);
 color:rgb(80,80,80);
}

/********************/
/*  NAVIGATION BAR  */
/********************/

/* Main menu */
.navbar ul {
list-style-type:none;
}
.navbar ul li {
float:left;
 z-index:auto !important /*Non-IE6*/;
 z-index:1000 /*IE6*/;
 background-color:#660000;
}
.navbar ul li a {
float:none !important /*Non-IE6*/;
 float:left /*IE-6*/;
 display:block;
 height:45px;
 line-height:45px;
 padding:0 16px 0 16px;
 text-decoration:none;
 font-weight:bold;
 color:rgb(100,100,100);
 border-right:solid 0px rgb(215,215,215);
}
.navbar ul li ul {
display:none;
 border:none;
}

/* Submenu (Non-IE6 hovering) */
.navbar ul li:hover {
position:relative;
} /*Sylvain IE hack*/
.navbar ul li:hover a {
background-color:rgb(235,235,235);
 text-decoration:none;
} /*Color main cells hovering mode*/
.navbar ul li:hover ul {
display:block;
 width:10.0em;
 position:absolute;
 z-index:1000;
 top:3.0em;
 margin-top:0.1em;
 left:0;
 padding:0px 16px 0px 16px;
 border-top:solid 1px rgb(215,215,215);
}
.navbar ul li:hover ul li a {
white-space:normal;
 display:block;
 width:10.0em;
 height:auto;
 line-height:1.3em;
 margin-left:-17px;
 padding:4px 16px 4px 16px;
 border-right:solid 1px rgb(215,215,215);
 border-left:solid 1px rgb(215,215,215);
 border-bottom: solid 1px rgb(215,215,215);
 background-color:rgb(235,235,235);
 font-weight:normal;
 color:rgb(100,100,100);
} /*Color subcells normal mode*/
.navbar ul li:hover ul li a:hover {
background-color:rgb(225,225,225);
 text-decoration:none;
} /*Color subcells hovering mode*/

/* Submenu (IE6 hovering) */
.navbar table {
position:absolute;
 z-index:1000;
 top:0px;
 left:-1px;
 border-collapse:collapse;
}
.navbar ul li a:hover {
position:relative /*Sylvain IE hack*/;
 z-index:1000 /*Sylvain IE hack*/;
 background-color:rgb(235,235,235);
 text-decoration:none;
} /*Color main cells hovering mode*/
.navbar ul li a:hover ul {
display:block;
 width:10.0em;
 position:absolute;
 z-index:1000;
 top:3.1em;
 t\op:3.0em;
 left:0px;
 marg\in-top:0.1em;
 border-top:solid 1px rgb(215,215,215);
 }
.navbar ul li a:hover ul li a {
white-space:normal;
 display:block;
 w\idth:10.0em;
 height:1px;
 line-height:1.3em;
 padding:4px 16px 4px 16px;
 border-right:solid 1px rgb(215,215,215);
 border-left:solid 1px rgb(215,215,215);
 border-bottom: solid 1px rgb(215,215,215);
 background-color:rgb(235,235,235);
 font-weight:normal;
 color:rgb(100,100,100);
} /*Color subcells normal mode*/
.navbar ul li a:hover ul li a:hover {
background-color:rgb(225,225,225);
 text-decoration:none;
} /*Color subcells hovering mode*/



/* Main menu */
.subcontent-cell ul {
list-style-type:none;
}
.subcontent-cell ul li {
  list-style-type:none;
  float:left;
  z-index:auto !important /*Non-IE6*/;
  z-index:1000 /*IE6*/;
  background-color:#660000;
  width : 180px;
 }
.subcontent-cell ul li a {
	float: none !important; /*IE-6*/
	float: left;
	display: block;
	height: 30px; /*line-height:3.1em;*/
	padding: 10px 16px 0 15px;
	text-decoration: none;
	font-weight: bold; /* color:rgb(100,100,100);*/
	color: #E7AB24;
	border-right: solid 0px rgb(215,215,215); /* background-image : url(../img/link_bg_180x45_metal.gif) ;*/
	font-size: small;
}
.subcontent-cell ul li ul {
display:none;
 border:none;
}

/* Submenu (Non-IE6 hovering) */
.subcontent-cell ul li:hover {
position:relative;
background-color:#E7AB24;
 color:#660000;
} /*Sylvain IE hack*/
.subcontent-cell ul li:hover a {
/*background-color:rgb(235,235,235);*/
background-color:#E7AB24;
 color:#660000;
 text-decoration:none;
 } /*Color main cells hovering mode*/
.subcontent-cell ul li:hover a:hover {
/*background-color:rgb(235,235,235);*/
background-color:#E7AB24;
 color:#660000;
 text-decoration:none;
 } /*Color main cells hovering mode*/
.subcontent-cell ul li:hover ul {
display:block;
 width:10.0em;
 position:absolute;
 z-index:1000;
 top:3.0em;
 margin-top:0.1em;
 left:0;
 padding:0px 16px 0px 16px;
 border-top:solid 1px rgb(215,215,215);
}
.subcontent-cell ul li:hover ul li a {
	white-space: normal;
	display: block; /*	width: 10.0em;*/
	height: 30px;
	line-height: 30px; /*	margin-left: -17px;*/
	padding: 4px 16px 4px 16px;
	border-right: solid 1px rgb(215,215,215);
	border-left: solid 1px rgb(215,215,215);
	border-bottom: solid 1px rgb(215,215,215);
	background-color: rgb(235,235,235);
	font-weight: normal;
	color: #E7AB24;
	font-size: small;
} /*Color subcells normal mode*/
.subcontent-cell ul li:hover ul li a:hover {
background-color:rgb(225,225,225);
 text-decoration:none;
} /*Color subcells hovering mode*/

/* Submenu (IE6 hovering) */
.subcontent-cell table {
position:absolute;
 z-index:1000;
 top:0px;
 left:-1px;
 border-collapse:collapse;
}
.subcontent-cell ul li a:hover {
position:relative /*Sylvain IE hack*/;
 z-index:1000 /*Sylvain IE hack*/;
 background-color:rgb(235,235,235);
 text-decoration:none;
/* background-image : url(../img/link_bg_180x45_metal.gif) 0 -45px;*/

} /*Color main cells hovering mode*/
.subcontent-cell ul li a:hover ul {
display:block;
 width:10.0em;
 position:absolute;
 z-index:1000;
 top:3.1em;
 t\op:3.0em;
 left:0px;
 marg\in-top:0.1em;
 border-top:solid 1px rgb(215,215,215);
 }
.subcontent-cell ul li a:hover ul li a {
white-space:normal;
 display:block;
 w\idth:10.0em;
 height:1px;
 line-height:1.3em;
 padding:4px 16px 4px 16px;
 border-right:solid 1px rgb(215,215,215);
 border-left:solid 1px rgb(215,215,215);
 border-bottom: solid 1px rgb(215,215,215);
 background-color:rgb(235,235,235);
 font-weight:normal;
 color:rgb(100,100,100);
} /*Color subcells normal mode*/
.subcontent-cell ul li a:hover ul li a:hover {
background-color:rgb(225,225,225);
 text-decoration:none;
} /*Color subcells hovering mode*/


/*************/
/*  CONTENT  */
/*************/

/* Content cell (no subcells) */
.content-cell {
width:676px;
 background-color:rgb(255,255,255);
  background-image : url(../img/Hintergrund.jpg);
  background-repeat : repeat;
  }

/* Content cell + subcells (subcells are NOT in boxform)  */
.content-cell-nobox {
width:676px;
 background-color:rgb(255,255,255);
}
.content-subcell-left-nobox {
display:inline;
 float:left;
 width:337px;
 border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/;
 background-color:rgb(255,255,255);
}
.content-subcell-right-nobox {
display:inline;
 float:right;
 width:337px;
 border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/;
 background-color:rgb(255,255,255);
}

/* Content cell + subcells (subcells ARE in boxform) */
.content-cell-box {
width:676px;
 background-color:transparent;
}
.content-subcell-left-box {
display:inline;
 float:left;
 width:333px;
 background-color:transparent;
}
.content-subcell-right-box {
display:inline;
 float:right;
 width:333px;
  background-color:transparent;
}
.content-subcell-cell-box {
width:333px;
 background-color:rgb(255,255,255);
}

/***************/
/* SUBCONTENT  */
/***************/

.subcontent-cell {
	width: 270px;
	float: right; /* background-color:rgb(255,255,255);*/
	background-color: #f0f0f0;
	background-image: url(../img/Hintergrund.jpg);
}

/************/
/*  FOOTER  */
/************/
.footer p {
clear:both;
 line-height:1.3em;
 text-align:center;
 color:rgb(125,125,125);
 font-weight:bold;
 font-size:110%;
}
.footer p.credits {
clear:both;
 font-weight:normal;
}
.footer a, .footer a:visited {
text-decoration:underline;
 color:rgb(125,125,125);
}
.footer a:hover {
text-decoration:none;
 color:rgb(0,0,0);
}

/*********************/
/*  ROUNDED CORNERS  */
/*********************/

/* Page */
.corner-top {
width:978px;
 height:10px;
 background:transparent url(../img/bg_corner_top.gif) no-repeat;
 overflow:hidden;
}
.corner-bottom {
width:978px;
 height:10px;
 padding-bottom:20px;
 background:transparent url(../img/bg_corner_bottom.gif) no-repeat;
 overflow:hidden;
}

/* Content */
.content-cell-corner-top {
clear:both;
 width:676px;
 height:7px;
 background: white url(../img/bg_content_top.gif) no-repeat;
 overflow:hidden;
}
.content-cell-corner-bottom {
clear:both;
 width:676px;
 height:7px;
 margin-bottom:10px;
 background:transparent url(../img/bg_content_bottom.gif) no-repeat;
 overflow:hidden;
}
.content-subcell-corner-top {
width:333px;
 height:7px;
 background:transparent url(../img/bg_corner_content_subcell_top.gif) no-repeat;
 overflow:hidden;
}
.content-subcell-corner-bottom {
width:333px;
 height:7px;
 margin-bottom:10px;
 background:transparent url(../img/bg_corner_content_subcell_bottom.gif) no-repeat;
 overflow:hidden;
}

/* Subcontent */
.subcontent-cell-corner-top {
clear:both;
 width:270px;
 height:7px;
 background:transparent url(../img/bg_corner_subcontent_cell_top.gif) no-repeat;
 overflow:hidden;
}
.subcontent-cell-corner-bottom {
clear:both;
 width:270px;
 height:7px;
 margin-bottom:10px;
 background:transparent url(../img/bg_corner_subcontent_cell_bottom.gif) no-repeat;
 overflow:hidden;
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {
content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.content-cell:after, .content-subcell-left:after, .content-subcell-right:after, .content-subcell-cell:after, .content-cell-box:after, .content-subcell-left-box:after, .content-subcell-right-box:after, .content-subcell-cell-box:after, .subcontent-cell:after {
content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.content-cell-corner-top:after, .content-cell-corner-bottom:after, .content-subcell-corner-top:after, .content-subcell-corner-bottom:after, .subcontent-cell-corner-top:after, .subcontent-cell-corner-bottom:after {
content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
 p:after {
content:".";
 display:block;
 height:0;
 /*clear:both;
 Do not use here to avoid paragraphs clearing next to images*/;
  visibility:hidden;
}
 
/**************/
/*  PRINTING  */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the subcells  */                 
@media print {
.content-subcell-right-nobox {
display:inline;
 float:right;
 width:337px;
 border-left:none;
 background-color:rgb(255,255,255);
}}


/******************************************/
/*  ADDITIONAL USER STYLES                */
/*  If you want to add your own styles,   */
/*  then add them here in order to avoid  */
/*  a mixup with the default styles       */
/*  Do not use for operational purposes   */
/******************************************/