@charset "UTF-8";

/* CSS Document */

* {
	margin:0;
}

html {
	overflow:scroll;
}

body {
	position:relative;
	width:100%;
	height:100%;
	text-align: center;
	padding: 0;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(1-media/Pictures/AVI-Background01.jpg);
	background-color: #BFBFBF;
}

img {
	border:none;
}

img.border {
	border:solid 1px #CCCCCC;
}

/* Linkrahmen bei Flash und Links entfernen: */
object:active,
object:focus,
:active,
:focus {
	outline:none;
}

/* Layer: */

#CBOXa_Oben {
	width: 980px;
	margin: 0 auto;
	padding: 0 20px 0 20px; /* Platz für Schatten */
	background-repeat: no-repeat;
	background-position: 0px -2px;
	background-image: url(1-media/Bilder/rahmenschatten_1020spec-Top.png);
	height: 22px;
}

#CBOXa_Center {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	padding: 0 20px 0 20px; /* Platz für Schatten */
	background-repeat:repeat-y;
	background-position: left bottom;
	background-image:url(1-media/Bilder/rahmenschatten_1020spec-Center.png);
	position:relative;
}

#CBOXa_Unten {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	padding: 0 20px 0 20px; /* Platz für Schatten */
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(1-media/Bilder/rahmenschatten_1020spec-Bottom.png);
	position:relative;
	height: 70px;
}

#CBOXa_Unten p {
	padding:23px 0 0 200px;
	font-size:11px;
}

#CBOXa_Unten span {
	padding: 0 10px;
	color:#F00;
}

#CBOXa_Unten p a {
	text-decoration:none;
	color:#999;
}

#CBOXa_Unten p a:hover {
	text-decoration:underline;
	color:#F00;
}

#CBOXi {
	width: 980px;
	background-color: #FFFFFF;
}

#HDR {
	width:980px;
	background-color: #FFF;
	height: 120px;
	position:relative;
}

#HDR_Logo {
	position:absolute;
	right:50px;
	top:7px;
	z-index:2;
}

#HDR_Menu1 {
	position:absolute;
	left:40px;
	top:42px;
	z-index:3;
}

#HDR_Menu2 {
	position:absolute;
	left:34px;
	top:-8px;
	z-index:4;
	text-align: right;
	width:30px;
	height: 17px;
}

#HDR_Menu2 p {
	font-size:9px;
}

#HDR_Menu2 a {
	color:#999;
	text-decoration: none;
}

#MAIN {
	background-color:#FFF;
	width:900px;
	padding: 0;
	background-repeat: no-repeat;
	padding: 0 0 0 40px;
}

#MAIN_HdrBildBox {
	border-bottom: 10px solid #f00;
	background-color: #CCC;
	height: 200px;
	width: 900px;
	color:#FFF;
	font-size:10px;
}

#MAIN_HdrBild {
	height: 100%;
	width: 100%;
	background-image: url(1-media/Hdr/AVI-Schoko-02-klein.jpg);
}

#CONTENT {
	float: right;
	width: 700px;
	padding-top: 25px;
	position:relative;
	min-height: 500px;
}

#SIDEBAR1 {
	float: left;
	width: 180px;
	margin-left: 35px;
	margin-bottom:300px;
	margin: 25px 0 20px 0;
	position:relative;
}

.SB1_hl {
	margin: 0 0 12px 0;
}

/* NoScript Warnung */
#JS_Alert {
	z-index:1000;
	position:absolute;
	right:5px;
	bottom:5px;
}

/* allg */


.floatRight {
	float: right;
	margin-left: 8px;
}

.floatLeft {
	float: left;
	margin-right: 8px;
}

.clearFloat {
	clear: both; /* 1 px hoher DIV-clearer: optimales Rendering, wenn als inhalt in DIV ein "  kommt.  */
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

/* Allg. Styles*/

h1.access {
	position:absolute;
	z-index:5;
	top:-500px; /* h1 nur fuer Accessibility */
	left:0;
}

p,
h1,
h2,
h3,
h4,
ul {
	margin-bottom:8px;
}

h1 {
}

h2 {
	font-weight: normal;
	color: #5B5F56;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 30px;
	margin-bottom: 20px;
}

h3 {
	font-weight: normal;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	margin: 20px 0 3px 0;
}

h4 {
	font-weight: normal;
	color: #5B5F56;
	font-size: 16px;
	line-height: 22px;
	margin: 15px 0 3px 0;
}

h5 {
	font-weight: normal;
	color: #5B5F56;
	font-size: 10px;
	letter-spacing:1px;
	line-height: 12px;
	margin: 21px 0 3px 0;
}


a:link,
a:visited {
	color: #333;
}

a:hover,
a:active {
	color: #D0252B;
}

ul {
	padding-left:15px;
	padding-bottom:5px;
}

p.kleiner {
	font-size:11px;
	line-height:15px;
}

p.kleinGrau,
p.kleinGrau A {
	color:#999;
	font-size:11px;
	line-height:15px;
}

p.credits,
p.credits a {
	color:#999;
	font-size:11px;
	line-height:15px;
}

.alert_red {
	color:#F2001F;
}

.update {
	color:#FFF;
	background-color: #690;
	padding: 0px 2px;
	font-size:9px;
}

.divider {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	height:5px;
	line-height:5px;
	font-size:5px;
	margin-bottom:5px;
	clear:both;
	width:100%;
}

.nobreak {
	white-space:nowrap;
}

.neu {
	color:#FFF;
	background-color: #F00;
	padding: 0px 2px;
	font-size:10px;
	letter-spacing: 1px;
}

.spalten2_2zu1_1 {
	float:left;
	width:450px;
	padding-right:50px;
}

.spalten2_2zu1_2 {
	float:left;
	width:200px;
	padding-top: 10px;
}

.spalten2_1zu2_1 {
	float:left;
	width:230px;
	padding-right:50px;
}

.spalten2_1zu2_2 {
	float:left;
	width:430px;
	padding-top: 55px;
}

.spalten2_1zu1_1 {
	float:left;
	width:340px;
	padding-right: 10px;
}

.spalten2_1zu1_2 {
	float:left;
	width:340px;
	padding-left: 10px;
	padding-top: 0px;
}

.spalten1 {
	padding-top: 0px;
}

/* Graue Box */

.detailBox {
	background-color: #D7D7D8;
	padding: 1px 22px 6px 22px;
}

.detailBox p, .detailBox li {
	font-size:11px;
}



/* Map */
.the_maps{
	width:  700px;
	height:  430px;
	position:relative;
	overflow: hidden;
	background-color:  #000;
	margin:25px 0 0 0;
	padding: 0;
	border: 1px solid #000;
}
.the_maps p{
	font-size:  12px;
	line-height:  15px;
	margin:  0px;
	padding: 0 20px;
	
}

.the_maps h3{
	margin-bottom:  0px;
	font-size:  13px;
	font-weight:  bold;
}
.the_maps a{
	white-space: nowrap;
}