/* Global */
body {
text-align:center;
margin:0; padding:0;
background-image:url(bilder/bg_vision.png);
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
line-height:19px;
a { color:#2D5059; text-decoration:none; }
}

 a:link { text-decoration:none;  color:#2D5059; }
 a:visited { text-decoration:none;  color:#2D5059; }
 a:hover { text-decoration:none;  color:#2D5059;  }
 a:active { text-decoration:none; color:#2D5059}

ul,td { padding:0 0 0 0 ; 
font-size:12px;
color:#2D5059;
text-decoration:none;
}
 
#overall {
width:888px;
text-align:left;
margin:0 auto 0 auto;
background-color:transparent;
background-repeat:repeat-y;
}

#everall {
width:860px;
text-align:left;
margin:0 auto 0 auto;
background-color:transparent;
background-repeat:repeat-y;
}


.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 21px;
	margin:0;
	padding: 0;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(bilder/vd_button.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 21px;
	padding-left: 0px;
	float: left;
	font-family: "Trebuchet MS", helvetica, arial,sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	width: 176px;
	height: 21px;
	padding-top: 2px;
	padding-right: 0px;
	background: transparent top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */

/* AQUA HOVER */
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
	background: transparent url(bilder/bg-bubplastic-h-aqua.gif) top left no-repeat;
}
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar {
	background: transparent url(bilder/bg-bubplastic-h-aqua.gif) top right no-repeat;
}


/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
	background: transparent url(bilder/bg-bubplastic-h-blue.gif) top left no-repeat;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
	background: transparent url(bilder/bg-bubplastic-h-blue.gif) top right no-repeat;
}


/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: transparent url(bilder/bg-bubplastic-h-gray.gif) top left no-repeat;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url(bilder/bg-bubplastic-h-gray.gif) top right no-repeat;
}


/* LIME HOVER */
.bubplastic.lime ul li a:hover,
.bubplastic.lime ul li.highlight a {
	background: transparent url(bilder/bg-bubplastic-h-lime.gif) top left no-repeat;
}
.bubplastic.lime ul li a:hover span.menu_ar,
.bubplastic.lime ul li.highlight a span.menu_ar {
	background: transparent url(bilder/bg-bubplastic-h-lime.gif) top right no-repeat;
}


/* ORANGE HOVER */
.bubplastic.orange ul li a:hover,
.bubplastic.orange ul li.highlight a {
	background: transparent url(bilder/bg-bubplastic-h-orange.gif) top left no-repeat;
}
.bubplastic.orange ul li a:hover span.menu_ar,
.bubplastic.orange ul li.highlight a span.menu_ar {
	background: transparent url(bilder/bg-bubplastic-h-orange.gif) top right no-repeat;
}


/* PINK HOVER */
.bubplastic.pink ul li a:hover,
.bubplastic.pink ul li.highlight a {
	background: transparent url(bilder/bg-bubplastic-h-pink.gif) top left no-repeat;
}
.bubplastic.pink ul li a:hover span.menu_ar,
.bubplastic.pink ul li.highlight a span.menu_ar {
	background: transparent url(bilder/bg-bubplastic-h-pink.gif) top right no-repeat;
}


/* PURPLE HOVER */
.bubplastic.purple ul li a:hover,
.bubplastic.purple ul li.highlight a {
	background: transparent url(bilder/bg-bubplastic-h-purple.gif) top left no-repeat;
}
.bubplastic.purple ul li a:hover span.menu_ar,
.bubplastic.purple ul li.highlight a span.menu_ar {
	background: transparent url(bilder/bg-bubplastic-h-purple.gif) top right no-repeat;
}


/* RED HOVER */
.bubplastic.red ul li a:hover,
.bubplastic.red ul li.highlight a {
	background: transparent url(bilder/bg-bubplastic-h-red.gif) top left no-repeat;
}
.bubplastic.red ul li a:hover span.menu_ar,
.bubplastic.red ul li.highlight a span.menu_ar {
	background: transparent url(bilder/bg-bubplastic-h-red.gif) top right no-repeat;
}

#test li {
	display: block;
	border: solid 1px red;
}                    
                    

#kopf {
width:888px;
height:242px;
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
color:#2D5059;
margin:0 0 0 0;
background-image:url(bilder/header_vision.png);
text-align:center;
}


/*-------------------------------CONTENT----------------------- */
#inhalt {
width:888px;
text-align:left;
padding:0px 10px 10px 10px;
margin:0 auto 0 auto;
border:0px solid #999;
background-image:url(bilder/inhalt_01.png);
background-repeat:repeat-y;
clear: both;
}

#eiframe {
width:888px;
text-align:left;
padding:0px 4px 0px 4px;
margin:0 auto 0 auto;
border:0px solid #999;
background-image:url(bilder/inhalt_01.png);
background-repeat:repeat-y;
clear: both;
}

/*-------------------------------HOME FOOTER----------------------- */
#fuss {
clear:both;
width:888px;
height:120;
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
color:#2D5059;
margin:0px 0px 0px 0px;
background-image:url(bilder/fuss_01.png);
background-position:top;
background-repeat:no-repeat;
}

#inhalt div.view {
float:left;
width:888px;
background-color:url(bilder/body.gif);
border:0px solid #999;
padding:0px 0px 0px 0px;
}
#inhalt div.mitte {
float:left;
width:590px;
border:0px solid #999;
padding:10px 10px 10px 10px;
}
#inhalt div.rechts {
float:right;
width:250px;
overflow:auto;
border:0px solid #999;
padding:10px 10px 10px 10px;
}

#inhalt h2.topten {
font-size:14px;
color:#2D5059;
font-weight:normal;
padding:0;
margin:0 0 20px 0;
border-bottom:0px solid #fff;
}
#inhalt h3.topten {
font-size:12px;
color:#2D5059;
font-weight:normal;
padding:0;
margin:0 0 20px 0;
border-bottom:0px solid #fff;
}
#inhalt p.top10 {
font-size:12px;
color:#2D5059;
padding:2px 0 2px 22px;
margin:0;
border-bottom:0px solid #fff;
}

#inhalt p.top12 {
font-size:10px;
color:#2D5059;
padding:2px 0 2px 0;
margin:0;
border-bottom:0px solid #fff;
}

#navcontainer
{background: transparent;
left-margin: 10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
width: 852px;
}
/* to stretch the container div to contain floated list */
#navcontainer:after
{content: ".";
line-height: 8px;
font-size: 8px;
clear: both;
width: 852px;
}
ul#navlist
{list-style: none;
padding: 0;
width: 852px;
}
ul#navlist li
{display: block;
float: left;
width: 106px;
margin: 0;
padding: 0;
}
ul#navlist li a
{display: block;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #e0e0e0;
}

#tablecontainer
{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
background: transparent;
width: 852px;
}
table#kdschutzliste
{background: #ffffff;
list-style: none;
padding: 0;
margin: 0 auto;
width: 852px;
height: 100%;
font-size: 11px;
align: right;
}

table#field1
{background: #ffffff;
list-style: none;
padding: 0;
margin: 0 auto;
width: 852px;
height: 100%;
font-size: 11px;
align: right;
}

table#field2
{background: #ffffff;
list-style: none;
padding: 0;
margin: 0 auto;
width: 852px;
height: 100%;
font-size: 11px;
align: right;
}