/*this defines the font style and color, also the gradient background image*/
body {
   font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 100%;
	background-image:   url(index_files/index_gradient_bg.gif);
	color: #333333;
   background-repeat: repeat-x;
   margin: 0;
	border: 0;
	padding-top: 20px;
	background-color: #FFFFFF;/*themecolour4;*/
	min-width: 1000px;
}

/**Layout Divs**/
/*this container centers the content in the browser and fixes the overall width*/
#wrapper {
	width: 1000px;
	height: 915px;
	text-align: left;
	visibility: visible;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(index_files/grundform.gif);
	background-repeat: no-repeat;
}
/*this container holds the horizontal navigation bar and defines the background image*/
#hnav {
/*	width: 986px;
	margin-left: 7px;
	padding-left: 0px;
	text-align: right;
	overflow: visible;
*/
    width:986px;
	margin-top: 0;
	height: 32px;
	background-image: url(index_files/index_hnav_bg.gif);
	background-repeat: repeat-x;
        /*margin: 1em 0 0; */
        padding: 0.15em 0 0; 
    margin-left: 7px;
	padding-left: 0px;
	font-size: 120%;
}
#hnav ul, #hnav ul li {
        list-style: none;
        margin: 0;
        padding: 0;
}
#hnav ul {
        padding: 5px 0 5px;
        text-align: center;
}
#hnav ul li {
        display: inline;
}
#hnav ul li a {
        background: url(img/tableft.gif) no-repeat left top;
	color:black;
        font-weight: bold;
        text-decoration: none;
        padding: 5px 0;
}
#hnav ul li span {
        background: url(img/tabright.gif) no-repeat right top;
        padding: 5px 7px 5px 3px;
        margin: 4px 0 4px 4px;
}
#hnav ul li a:hover span {
        text-decoration: none;
        background-position: 100% -150px;
}
#hnav ul li a:hover {
        background-position: 0 -150px;
}
#hnav #current a {
        background-position: 0 -150px;
}
#hnav #current a span {
        background-position: 100% -150px;
}


/*- Internet Explorer...It's Hacktastic!--------------------------- */

/*\*//*/
#hnav ul li a {
        display: inline-block;
        white-space: nowrap;
        width: 1px;
}

#hnav ul {
        padding-bottom: 0;
        margin-bottom: -1px;
}
/**/

/*\*/
* html #hnav ul li a {
        padding: 0;
}
/**/
	

#vnav {
        width: 200px;
        margin: 10px;
        }
#vnav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#vnav li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#vnav li a:link, #vnav li a:visited {
        color: #333;
        display: block;
        background:  url(img\menu14.gif);
        padding: 8px 0 0 10px;
        }

#vnav li a:hover, #vnav li #scurrent {
        color: #FFF;
        background:  url(img\menu14.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }


/*this container holds the logo and heading graphic*/
#top {
	width: 1000px;
	height: 125px;
}
#header {
	position: relative;
	top: 0px;  
	left: 220px; 
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	}
/*this container holds the navigation bar and search form*/
#midbar {
	/*width: 980px;*/
	height: 42px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 10px;
	font-size: 80%;
	color: #98A5CB;
}
.searchform {
	height: 42px;
	margin: 0;
}
.navbar {
	font-size: 70%;
	color: #98A5CB;
}
/*this container fixes the footer text at the bottom of each page*/
#footer {
	position: relative;
	top: 25px;
	left: 30px;
	width: 960px;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	height: 32px;
	color: White;
}
#footer a:link { color: White; }
#footer a:visited { color: White; }
#footer a:link:hover { 	color: Aqua; }

/*this container holds the left and right-hand column divs of pages without midbar*/
#floatcontainer {
	width: 980px;
	height: 519px;
	padding-top: 0px;
	background-color:  white;/*themecolour3;*/
	padding-bottom: 0px;
	text-align: left;
	margin: 0px 7px;
	right: 0px;
	overflow: hidden;
}
/*this container holds the left and right-hand column divs of pages with midbar*/
#floatcontainer2 {
	width: 980px;
	height: 456px;
	padding-top: 0px;
	background-color:  white;/*themecolour3;*/
	padding-bottom: 0px;
	text-align: left;
	margin: 0px 7px;
	right: 0px;
	overflow: hidden;
}

.floatbox {
	width: 98%;
	height: 456px;
	margin: 0 0 0 20px;
	float: left;
	background-color: White; /*themecolour1$ 87.3%,95.7%;*/
	overflow: auto;
	scrollbar-face-color: #a6c3ec; /*themecolour1$ 55.4%,70.2%;*/
	scrollbar-highlight-color: #e7f0fc; /*themecolour1$ 87.3%,95.7%;*/
	scrollbar-3dlight-color: #4176be; /*themecolour1;*/
	scrollbar-darkshadow-color: #3f608f; /*themecolour1$ 14.6%,-24.6%;*/
	scrollbar-shadow-color: #8aa7d0; /*themecolour1$ 48.8%,27.5%;*/
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #c8d8ed; /*themecolour1$ 76.3%,73.0%;*/
}

.floatboxleft {
	width: 35%;
	height: 519px;
	margin:  0 0px;
	float: left;
	background-color: white;/*themecolour1$ 87.3%,95.7%;*/
 	overflow: hidden;
 }
#fadedivholder 
{
	position:relative;
	width: auto;
	height: 519px;
	margin:  0 0px;
	float: left;
	background-color: transparent;
 	overflow: hidden;
	text-align: center;
	z-index: 1;
 }
/* Dynamischer Div */
	
.floatboxleft2 {
	width: 52%;
	height: 456px;
	margin: 0 0px 0px 10px;
	float: left;
	border-right: thick solid #0096DB;
	background-color: white;/*themecolour1$ 87.3%,95.7%;*/
	max-height: 456px;
	overflow: hidden;
}

.floatboxleft3 {
	width: 36%;
	height: 456px;
	margin: 0 0px 0px 10px;
	float: left;
	background-color: White;/*themecolour1$ 87.3%,95.7%;*/
	border-right: thick solid #0096DB;
	max-height: 456px;
	overflow: hidden;
}

.floatboxright {
	width: 60%;
	height: 519px;
	margin:  0;
	float: right;
	overflow: auto;
	scrollbar-face-color: #a6c3ec;/*themecolour1$ 55.4%,70.2%;*/
	scrollbar-highlight-color: #e7f0fc;/*themecolour1$ 87.3%,95.7%;*/
	scrollbar-3dlight-color: #4176be;/*themecolour1;*/
	scrollbar-darkshadow-color: #3f608f;/*themecolour1$ 14.6%,-24.6%;*/
	scrollbar-shadow-color: #8aa7d0;/*themecolour1$ 48.8%,27.5%;*/
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #c8d8ed;/*themecolour1$ 76.3%,73.0%;*/
}

/* .floatboxright div {
	font-size: 120%;
}
*/
.floatboxright2 {
	width: 45%;
	height: 456px;
	margin: 0;
	float: right;
	overflow: auto;
	background-color: white;
	scrollbar-face-color: #a6c3ec;/*themecolour1$ 55.4%,70.2%;*/
	scrollbar-highlight-color: #e7f0fc;/*themecolour1$ 87.3%,95.7%;*/
	scrollbar-3dlight-color: #4176be;/*themecolour1;*/
	scrollbar-darkshadow-color: #3f608f;/*themecolour1$ 14.6%,-24.6%;*/
	scrollbar-shadow-color: #8aa7d0;/*themecolour1$ 48.8%,27.5%;*/
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #c8d8ed;/*themecolour1$ 76.3%,73.0%;*/
}

.floatboxright3 {
	width: 62%;
	height: 456px;
	margin: 0;
	float: right;
	overflow: auto;
	max-width: 62%;
	scrollbar-face-color: #a6c3ec;/*themecolour1$ 55.4%,70.2%;*/
	scrollbar-highlight-color: #e7f0fc;/*themecolour1$ 87.3%,95.7%;*/
	scrollbar-3dlight-color: #4176be;/*themecolour1;*/
	scrollbar-darkshadow-color: #3f608f;/*themecolour1$ 14.6%,-24.6%;*/
	scrollbar-shadow-color: #8aa7d0;/*themecolour1$ 48.8%,27.5%;*/
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #c8d8ed;/*themecolour1$ 76.3%,73.0%;*/
}
.floatboxright4 {
	width: 62%;
	height: 456px;
	margin: 0;
	overflow: hidden;
	max-width: 62%;
	scrollbar-face-color: #a6c3ec;/*themecolour1$ 55.4%,70.2%;*/
	scrollbar-highlight-color: #e7f0fc;/*themecolour1$ 87.3%,95.7%;*/
	scrollbar-3dlight-color: #4176be;/*themecolour1;*/
	scrollbar-darkshadow-color: #3f608f;/*themecolour1$ 14.6%,-24.6%;*/
	scrollbar-shadow-color: #8aa7d0;/*themecolour1$ 48.8%,27.5%;*/
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #c8d8ed;/*themecolour1$ 76.3%,73.0%;*/
}

html>body .floatbox , html>body .floatboxleft , html>body .floatboxleft2 , html>body .floatboxleft3 {
   margin:  0px;
}

/*style the text in the right-hand column*/
 .floatbox p {
	font-size: 80%;
	padding: 5px 10px 0px 20px;
	margin: 0px 20px 0px 10px;
}
 .floatbox td, .floatbox big {
 	font-size: 100%;
 }
 .floatbox big {
 	font-weight: bold;
 	color: purple;
 }
 .floatboxleft2 p, .floatboxleft3 p {
	font-size: 80%;
	padding: 5px 10px 0px 10px;
	margin: 0;
}
 .floatboxright p {
	font-size: 90%;
	padding: 5px 10px 0px 10px;
	margin: 0px;
}
 .floatboxright2 p {
	font-size: 90%;
	padding: 5px 10px 0px 10px;
	margin: 0px 0 0 10px;
}

 .floatboxright3 p {
	font-size: 90%;
	padding: 5px 10px 0px 10px;
	margin: 0px 20px 0 10px;
}

/*style the heading1 text */
.floatbox h1 ,.floatboxleft h1 , .floatboxright h1 , .floatboxleft2 h1 , .floatboxright2 h1, .floatboxright3 h1 , .floatbox h1 {
	font-size: 100%;
	margin: 0px 20px 5px 15px;
	padding-top: 20px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4175be;/*themecolour1;*/
	padding-bottom: 2px;
	
}
/*alternative style for the heading2 text */
.floatbox h2 ,.floatboxleft h2 , .floatboxright h2 , .floatboxleft2 h2 , .floatboxright2 h2, .floatboxright3 h2 , .floatbox h2 {
	font-size: 90%;
	margin: 20px 20px 4px 15px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4176be; /*themecolour1;*/
	padding-left: 5px;
	background-color: #c9cebe; /*themecolour3$ -3.6%,-14.5%;*/
}

/*alternative style for the heading3 text */
.floatbox h3 ,.floatboxleft h3 , .floatboxright h3 , .floatboxleft2 h3 , .floatboxright2 h3, .floatboxright3 h3 , .floatbox h3 {
	font-size: 90%;
	margin: 15px 20px 4px 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4175be; /*themecolour1;*/
	padding-left: 5px;
	background-color: white;
	background-image: url(index_files/index_paragraph_bg.gif);
	background-repeat: no-repeat;
}


/*sets margins to 0*/
#wrapper p {
	margin: 0px;
	line-height: 1.3em;
}
/*floats element to the left*/
.left {
	float: left;
	margin: 0px;
	padding: 0px;
	left: -2px;
}
/*floats element to the left*/
.right {
	float: right;
}

/*link styles*/
a:link {
	color: #22406a;/*themecolour1$ -5.7%,-44.1%;*/	
}
a:visited {
	color: #22406a;/*themecolour1$ -5.7%,-44.1%;*/	
}
a:link:hover {
	color: #4175be;/*themecolour1;*/	
}

.hinweis {
	margin-right: 10px;
	font-size: 80%;
	text-align: right;
}
/*link styles*/
.hinweis a:link { color: Gray; }
.hinweis a:visited { color: Gray; }
.hinweis a:link:hover { color: #4175be; }

.legal {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 60%;
	text-align: left;
	color: Gray;
	padding: 10px 10px 10px 10px;
	color: #Gray;
	border: 1px solid ButtonShadow;/*themecolour1;*/
	background-color: #E0E0E0;
}
/*link styles*/
.legal a:link { color: Gray; }
.legal a:visited { color: Gray; }
.legal a:link:hover { color: #4175be; }

/*floats image to the left of text blocks*/ 
.imagefloat {
	float: left;
	vertical-align: middle;
	padding-right: 2px;
}

/*floats logo graphic to the left */ 
span.left {
  float: left;
  text-align: left;
  }

/*floats heading graphic to the right */ 
span.right {
  float: right;
  text-align: right;
  margin-right: 20px;
  }
  
 /*defines the style for ordered lists (numbered) */  
  ol {
    font-size: 80%;  
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-left: 20px;
}
/*defines the style for unordered lists (bulleted) */  
ul {
	font-size: 80%;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-image:  url(index_files/index_bullet.gif);
	font-weight: normal;
	margin-left: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 20px;
}
ul.subs {
	font-size: 100%;
}

/* DIV-Boxen für Detailerklärungen  */
.divbox {
	padding: 10px 10px 10px 10px;
	color: #323c59;
	font-size: 11pt;
	font-weight: normal;
	border: 1px solid #244DC8;/*themecolour1;*/
	background-color: #c8d8ed;
	float: none;
	overflow: hidden;
	}
.divbox h2 {
	margin: 15px 20px 4px 0px;
	font-size: 12pt;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4176be; /*themecolour1;*/
	padding: 2px 0px 2px 0px;
	background-color: transparent;
}
#d1, #d2, #d3, #d4, #d5, #d6, #d7, #d8, #d9, #d10, #d11, #d12, #d13, #d14, #d15, #d16, #d17, #d18, #d19, #d20,
#d21, #d22, #d23, #d24, #d25, #d26, #d27, #d28, #d29, #d30, #d31, #d32, #d33 
	{
	position: relative;
	left: 0px;
	top: 0px;
	text-align: center;
	display: none;
	visibility: hidden;
	z-index: 1;
}
td {
	font-size: 80%;
	color: #0c2b89;/*themecolour1$ -52.9%,-31.3%;*/
	line-height: 1.5em;
}
.small {
	font-size: 7pt;
	line-height : 11pt;
}
.aktion {
	font-size: 80%;
	color: #0c2b89;/*themecolour1$ -52.9%,-31.3%;*/
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	list-style-image: url(index_files/index_bullet.gif);
	padding-left: 20px;

}
.farbrahmen {
	border: thin solid #FFB24B;
}
blockquote {
	font-size: 9pt;
	font-style: italic;
	color: #0c2b89;/*themecolour1$ -52.9%,-31.3%;*/
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-left: 20px;
}
#searchform {
	position: absolute;
	left: 650px;
	top: 172px;
	width: 250px;
	height: auto;
}

.aktionspreis {
	font-size: 8pt;
	font-style: normal;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px 10px 0px 10px;
	text-align: left;
}
.boldred {
	 font-weight: bold;
	 color: #D90000;
}
.inversred {
	 font-weight: bold;
	 color: white;
	 background-color: #FF3434;
}
.inversblue {
	padding: 5px 10px 10px 0px;
	background-color: #0096D6;
	color: White;
	font-weight: bold;
	font-size: 12pt;
}

.imagebg {
	margin-left:200px;
	margin-top: 20px;
	text-align:center;
	width:510px;
	background-image:url(img/splash.jpg);
	background-repeat:no-repeat;
	color:white;
	padding:20px 45px 20px 20px;
}
.updcold { 
	width: 20%;
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
	}
	
.floatbox p.shout {
	font-size: 200%;
	color: Gray;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}