
/* 
 ************************************************************
 globale Styles fuer Layout und siteuebergreifende Elemente 
 ************************************************************
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	background: white url(../img/background-greygradient.gif) repeat-x;
	color: black;
}
a {
	color: #930030;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/* Rendering von Listen browser-uebergreifend konsistent machen */
ul, ol {
  margin-left: 0;
  padding-left: 0;
}
p, label {
	font-size: 1.2em;
	line-height: 1.35em;
}
.small {
	font-size: 1.1em !important;
	line-height: normal !important;
}
.small p {
	font-size: 1em;
	line-height: normal;
}
img.border {
	border: solid 1px #a4a4a6;
}
input, select, textarea {
	width: 12em;
	height: 1.25em;
	border: solid 1px #abc7d5;
	vertical-align: bottom;
	padding: .2em 0 0 0;
	background: white;
	font-size: 1em;
	color: #5c5a54;
}
textarea {
	width: auto !important;
	height: auto !important;
	font-size: 1.1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
span.cr input, input.cr {
	width: auto !important;
	height: auto !important;
	border: none !important;
	background: none !important;
}
input.submit {
	width: auto !important;
	height: 2em !important;
	padding: 0 .5em 0 .4em;
	margin: 5px 0 0 0;
	font-weight: bold;
	background: #e7e1d1 url(../img/buttonBg.gif) repeat-x !important;
	color: black;
}
.hidden, legend {
	display: none;
}
hr.clearer {
	clear: both;
	visibility: hidden;
	margin: 0 !important;
	padding: 0 !important;
	height: 1px !important;
	line-height: 1px !important;
}
.clear {
	clear: both;
}
.red, .red a {
	color: #004f8c !important;
}
li.red {
	list-style-image: url(../img/arrowRed.gif) !important;
}
.beige {
	color: #0067AC !important;
}
#mainWrapper {
	width: 87.1em;
	background: white url(../img/wrapperBg.gif) repeat-y 86.5em .6em;
	position: relative;
	margin: 0 0 1em 0;
}
#gradientHelper {
	position: absolute;
	right: 0px;
	margin-right: -2px;
	line-height: 0;
	height: 607px;
	width: 8px;
	background: url(../img/wrapperBg-gradient.gif) no-repeat top;
}
/* Banner-Bereiche begin */
#bannerWrapper {
	width: 85.3em;
	padding: 0 0 0 .5em;
	margin: 10px 0;
	vertical-align: middle;
	text-align: left;
}
#bannerWrapper img {
	margin: 0 70px 0 0;
}
#bannerWrapper div {
	float:left;
	margin: 0 70px 0 0;
}
#skyScrWrapper {
	position: absolute;
	left: 87.1em;
	top: 8.5em;
	width: 122px;
	text-align: right;
}
/* Banner-Bereiche end */
/* ID-Bereich begin */
#head {
	position: relative;
	width: 84.6em;
	height: 8.1em;
	background: #dbe3e6 url(../img/headBg.gif) no-repeat top right;
	padding: 1em 1.5em 0 1em;
}
#head .logo {
	float: left;
	margin: -4px 0 0 0;
	background: url(../img/vbLogo.gif) no-repeat;
	width: 305px;
	height: 85px;
	text-indent: -1000000em;
}
#head fieldset.suchbox {
	clear: right;
	float:right;
	margin: 3.8em 0 0 0;
}
#head fieldset.suchbox input.sTerm {
	background: url(../img/sfieldBg.gif);
	border: none !important;
	width: 14.4em;
	height: 1.4em;
	padding: .3em 0 0 .5em;
}
#head fieldset.suchbox input.submit {
	background: url(../img/button.gif) !important;
	border: none;
	width: 2em !important;
}
.metaNav {
	float: right;
	display: inline;
	margin: 0;
}
.metaNav li {
	display: inline;
	list-style-type: none;
}
.metaNav li a {
	font-size: 1.1em;
	color: #000;
}
/* ID-Bereich end */
/* Hauptnavigation begin */

/* MAIN-NAV NEU */
ul.mainNav {
	width:86.3em;
	clear: right;
	padding: .9em 0 .1em .2em;
	height: 1.9em;
	margin-left: 0;
	border-bottom: solid 1px #ABC7D5;
	background: #d0e1ea url(../img/mainNavBg.gif) repeat-x top;
}
ul.mainNav li {
	list-style: none;
	display: inline;
}
ul.mainNav li a {
	padding: .2em .35em .3em .35em;
	margin: 0 0 0 1px;
	font-weight: bold;
	font-size: 1.3em;
	letter-spacing:-0.08em;
	text-decoration: none;
}
ul.mainNav li a.active, ul.mainNav li a:hover {
	background: white;
	border-top: solid .11em #930030;
	border-bottom: solid .17em white;
	text-decoration: none;
	color: #930030;
}
.mainNav li.pad {
	/*margin-left: 8em;*/
}
.mainNav li.padLo {
	margin-left: -.4em;
}
/* Hauptnavigation end */

/* Spalten begin */
#leftCol {
	width: 16em;
	float: left;
	margin: 5em 1.9em 0 .6em;
	overflow: hidden;
}
#mainCol {
	width: 48.8em;
	float: left;
	margin: 4.1em 2em 0 0;
	padding: 0;
	/*overflow: hidden;		VLN: aufgrund expandable Rectangle auskommentiert */
	background: transparent;
}
#rightCol {
	width: 16em;
	float: left;
	margin: 5em 0 0 0;
	overflow: hidden;
}
#footer {
	background: #abc7d5 url(../img/footBg.gif) bottom right no-repeat;
	height: 4.3em;
	margin: 2em 0 0 0;
	padding: .7em 0 0 .7em;
}
.article {
	margin: 5em 2em 0 .6em !important;
	width: 66.7em !important;
}
/* Spalten end */

/* Stile fuer die mainCol begin */
#mainCol .balken {
	padding-left: 1em;
	margin: 0 2em 0 0;
}
#mainCol .balken strong a {
	text-decoration: none;
}
#mainCol .balken strong a:hover {
	text-decoration: underline;
}
#mainCol .pin {
	height: 1.6em !important;
	background: transparent url(../img/teaserHeadBg.gif) repeat-x bottom !important;
	padding: 1.4em 0 0 1em !important;
	margin: 0 0 1.75em -.5em !important;
	position: relative;
}
#mainCol .pin span {
	display: block;
	position: absolute;
	right: 6px;
	top: 0px;
	width: 27px;
	height: 32px;
	background: url(../img/balkenPin.gif) no-repeat;
}
#mainCol hr {
	position: relative;
	background-color: #fff;
	height: 1px;
	margin: 2.3em 0 1.8em 0;

}
/* Stile fuer die mainCol end */

/* Stile fuer die Sidelines begin */
.teaserBox {
	width: 16em;
	background: #fff;
	border-bottom: solid 1px #abc7d5;
	padding: 0 0 .9em .5em;
	margin: 0 0 2em 0;
}
#leftCol h2, #rightCol h2, #mainCol h2.balken {
	font-size: 1.1em;
	height: 1.65em;
	/* color: #930030; */
	color: #000;
	background: #f0ede2 url(../img/teaserHeadBg.gif) repeat-x;
	padding: .55em 0 0 .5em;
	margin: 0em 0 1em -.5em;
}
.nl fieldset { text-align:right; padding: 0 .6em 0 0; }
.nl fieldset label input { width: 12.6em; margin: .2em 0 0 0;}
.nl fieldset a { display: block; font-size: 1.1em; margin: .3em 0 0 0; }
.nl h2 { background: #f0ede2 url(../img/teaserHeadBgNl.gif) .05em 0 no-repeat !important; }
.sv h2 { background: #f0ede2 url(../img/teaserHeadBgSv.gif) .05em 0 no-repeat !important; }
.dl h2 { background: #f0ede2 url(../img/teaserHeadBgDl.gif) .05em 0 no-repeat !important; }
.sd h2 { background: #f0ede2 url(../img/teaserHeadBgSd.gif) .05em 0 no-repeat !important; }
.vt h2 { background: #f0ede2 url(../img/teaserHeadBgVt.gif) .05em 0 no-repeat !important; }
.vt fieldset { line-height: normal !important; margin: .2em 0 0 0; }
.vt input {display: block; float: left;}
.vt label { display: block;  float:left; width:11.4em; margin: 0 0 5px 5px; line-height: normal;  }
.vid { padding-left: .7em; }
.vid p { padding: 0; margin: 0 0 0 -.4em; }
.vid h2 { margin-bottom: 2px !important; }
.center {
	margin: 0 0 0 0;
}
.heftCover {
	margin-bottom: 7px;
}
.button {
	margin-top: 2em;
}
.sideNav {
	margin: -.3em 0 -.8em 1.4em;
	list-style-image: url(../img/arrowBeige.gif);
}
.sideNav li {
	font-size: 1.1em;
	margin: 0 0 .81em 0;
	/*text-indent: -4px;*/
}
.sideNav li a {
	display: block;
	margin: 0 0 0 -.2em;
	font-weight: bold;
	text-decoration: none;
}
.sideNav li a:hover {
	text-decoration: underline;
}
.sideNav li a.TP {
	font-weight: normal;
	color: black;
}
.sideNav li a.TP:hover {
	text-decoration: underline;
}
.aboShop {
	background: #f0ede2 url(../img/teaserHeadBg.gif) repeat-x;
	height: 1.6em;
	padding: .8em 0 0 .5em;
}
/* Stile fuer die Sidelines end */

/* stile fuer footer begin */
#footer p {
	float: left;
	font-size: 1em;
}
#footer a.top {
	font-size: 1.1em;
	display: block;
	float: right;
	margin: 1.2em 2em 0 0;
	padding: 0 0 0 10px;
	background: url(../img/arrowTop.gif) no-repeat 0 .4em;
	display: inline;
}
/* stile fuer footer end */

