@CHARSET "UTF-8";

* {
	font: 13px/1.3em Verdana, Arial, sans-serif;	
}

html, body {
	background-color: #fff;
	height: 100.1%;
}

/* wozu ? */
.content {
	font-size: 0.8em;
}

/* allgemein */
h1 {
	font-weight: bold;
	margin: 0 0 12px 0; 
}

em {
	font-weight: bold;
}

p {
	margin: 1em 0 0 0;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.int-link {
	padding-left: 17px;
	background: url("../pix/icon_int_link.gif") no-repeat left center;
}

.ext-link {
	padding-left: 17px;
	background: url("../pix/icon_ext_link.gif") no-repeat left center;
}

.ext-link-w {
	padding-left: 17px;
	background: url("../pix/icon_ext_link_w.gif") no-repeat left center;
}

.mail-link {
	padding-left: 17px;
	background: url("../pix/icon_mail.gif") no-repeat left center;
}

.oben-link {
	padding-left: 17px;
	background: url("../pix/icon_nachoben.gif") no-repeat left center;
}

/* Canvas */
#page {
	background-color: #fff;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	width: 900px;	/* ursprünglich 890px */
}

/* Headermenü */
#h_links {
	float: right;
	font-family: "Verdana, sans-serif";
	list-style-type: none;
}

#h_links li {
  display: inline;
  font-size: 10px;
}

.strich {
	margin: 0 5px;
}

#kulo, #kont, #impr, #dats {
	font-size: 10px;
}

#kulo {
	background: url("../pix/kundenlogin.png") no-repeat left center;
}

#kulo:hover, #kulo.h_sel {
	background: url("../pix/kundenlogin_hl.png") no-repeat left center;
}

#kulo img {
	height: 9px;
	width: 77px;
}

#kont {
	background: url("../pix/kontakt.png") no-repeat left center;
}

#kont:hover, #kont.h_sel {
	background: url("../pix/kontakt_hl.png") no-repeat left center;
}

#kont img {
	height: 9px;
	width: 49px;
}

#impr {
	background: url("../pix/impressum.png") no-repeat left center;
}

#impr:hover, #impr.h_sel {
	background: url("../pix/impressum_hl.png") no-repeat left center;
}

#impr img {
	height: 9px;
	width: 69px;
}

#dats {
	background: url("../pix/datenschutz.png") no-repeat left center;
}

#dats:hover, #dats.h_sel {
	background: url("../pix/datenschutz_hl.png") no-repeat left center;
}

#dats img {
	height: 9px;
	width: 82px;
}

/*
#trenner {
	margin: 0 10px;
}
*/

/* Logo */
#logo {
	clear: both;
	padding: 30px 0 30px;
}

/* Hauptmenü */
#main_linklist {
	list-style-type: none;
}

#main_linklist li {
	height: 13px;
	padding: 2px 0;
}

#mi_0t, #mi_1t, #mi_2t, #mi_3t {
	visibility: hidden;
}

a:hover #mi_0t, a:hover #mi_1t, a:hover #mi_2t, a:hover #mi_3t {
	visibility: visible;
}

li #mi_0t.sel, li #mi_1t.sel, li #mi_2t.sel, li #mi_3t.sel {
	visibility: visible;
}

#mi_0p {
	background: url(../pix/mn_chameleon.gif) no-repeat left center;
	height: 13px;
	width: 73px;
}

a:hover #mi_0p, a.sel #mi_0p {
	background: url(../pix/chameleon_hl.png) no-repeat left center;
	height: 13px;
	width: 73px;
}

#mi_1p {
	background: url(../pix/mn_farbwechsel.gif) no-repeat left center;
	height: 13px;
	width: 86px;
}

a:hover #mi_1p, a.sel #mi_1p {
	background: url(../pix/farbwechsel_hl.png) no-repeat left center;
	height: 13px;
	width: 86px;
}

#mi_2p {
	background: url(../pix/mn_busch.gif) no-repeat left center;
	height: 13px;
	width: 62px;
}

a:hover #mi_2p, a.sel #mi_2p {
	background: url(../pix/im_busch_hl.png) no-repeat left center;
	height: 13px;
	width: 62px;
}

#mi_3p {
	background: url(../pix/mn_180.gif) no-repeat left center;
	height: 13px;
	width: 29px;
}

a:hover #mi_3p, a.sel #mi_3p {
	background: url(../pix/180_hl.png) no-repeat left center;
	height: 13px;
	width: 29px;
}

#mi_0p, #mi_1p, #mi_2p, #mi_3p {
	margin-right: 10px;	
}

/* Untermenü */
#menuspacer {
	margin: 0 0 15px 0;
	min-height: 4.5em; 
	/* border: 1px solid red; */
	position: relative;	
}

#submenu-cont {
	position: absolute;
	bottom: 0;
	margin: 0 0 0 265px;
	/* width: 576px; */
	width: 640px; /* 625px; */
}	

#submenu-list {
	background-color: #000;
	display: inline;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 0 2px 0; 
}

#submenu-list li {
	background-color: #000;
	/* display: inline; */
	float: left; 
	padding: 1px 0;
}

#submenu-list li span {
	background: transparent url(../pix/w_pix.gif) repeat-y;
	left: -1px;
	padding: 0 0 0 1px; 
	position: relative; 
}

#submenu-list li span a {
	color: #fff;
	margin: 0 3px;
	padding: 0 2px;
	font-size: 11px;
	text-decoration: none;
}

#submenu-list li span a:hover {
	background-color: #fff;
	color: #000;
}

#submenu-list li span a.sub-selected {
	background-color: #fff;
	color: #000;
}

/* Spalten */
/* Spalte 1 */
#col1_o {
  float: left;
  margin: 0 15px 0 0;
  min-width: 3em;
  /* padding-top: 12px; */
  width: 225px;
}  
  
#col1_i {
	margin: 0 0 3em 0px;  
}

/* Spalte 2 */
#col2_o {
	border-left: 1px #ddd solid;
	/* min-height: 280px; */
	margin: 0 0 0 240px;
	/* width: 650px; */
	/* padding-top: 12px; */
  /* vorläufig */
	position: relative;
}

#col2_i {
	margin-left: 25px;
	position: relative;
}
  
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
#ie_clearing {
	display: none;
}

#col2_1o {
	float: left;
	margin: 0;
	min-width: 5em;
	width: 340px;
}

#col2_1i {
	width: 340px;
}

#col2_2o {
	margin: 0 0 0 350px;
	width: 150px;
	padding-top: 12px;
  /* vorläufig */
	position: relative;
}

/* Matrix */
.matel {
	background-color: #ddd;
	float: left;
	height: 45px;
	margin: 13px 25px 12px 0;
	text-align: right;
	width: 95px;
}

/* Label 1. Spalte unten */
#selection {
	position: absolute; 
	bottom: 0px;
	right: 660px;
	margin: 0 5px 0 0;
	padding-right: 10px;
	width: 225px;
	color: #a5cd3c;
	font-weight: bold;
	text-align: right;
}

/* impressum */
.trennlinie {
	border-top: 1px solid #DDD;
	padding-top: 10px;
}

/* popup elements */
#pop_win {
	background-color: #fff;
	display: none;
	position: absolute;
	top: 10%;
	left: 30%;
	width: 550px;
}

#pop_close {
	position: relative;
	margin: 0;
	padding: 4px;
	height: 10px;
}

#pop_close a {
	float: right;
	vertical-align: middle;
}

#pop_cont {
	position: relative;
}

#pop_bottom {
	position: relative;
}

#pop_bottom_text {
	background-color: #000;
	color: #fff;
	font-size: 11px;
	min-height: 30px;
	padding: 4px;
	width: 260px;
}

#pages {
	bottom: 4px;
	font-size: 12px;
	left: 275px;
	position: absolute;
}

#pages a {
	color: #000;
	margin: 0 2px;
	padding: 2px;
	text-decoration: none;
	float: left;
}

#pages span{
	color: #000;
	margin: 0;
	padding: 1px 0 3px 0;
	float: left;
}

#pages a:hover, #pages b {
	background-color: #000;
	color: #fff;
	margin: 0 2px;
	padding: 2px;
	float: left;
}

#hint {
	position: absolute;
	top: 2px;
	right: 0;
	margin-right: 27px;
	z-index: 10;
	color: #a52518;
	font-size: 11px;
}
	
#back {
	background: url('../pix/pfeil_zurueck.gif') 5% center no-repeat;
	position: absolute;
	display: block;
	height: 10%;
	left: 0;
	top: 45%;
	width: 30px;
	text-decoration: none;
}

#forward {
	background: url('../pix/pfeil_weiter.gif') 95% center no-repeat;
	display: block;
	height: 10%;
	width: 30px;
	position: absolute;
	right: 0;
	top: 45%;
	text-decoration: none;
}