/*--------------------------------------------*/
/*--------------------------------------------*/
/*---------                         ----------*/
/*--------- copyright: unimess GmbH ----------*/
/*---------                         ----------*/
/*---------      www.unimess.de     ----------*/
/*---------                         ----------*/
/*--------------------------------------------*/
/*--------------------------------------------*/
a:focus { outline: none;}

body{
	padding: 0px;
	margin: 0px;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	overflow: scroll;
	*overflow: visible;
	background: #DEDEDE url(bilder/navigat/bg.gif) repeat-x left top;
}

a {
	color: #809598;
	font-weight: bold;
}

a:hover {
	color: #4C4C4C;
}

p {
	padding: 5px 0px 15px 0px;
	margin:  0px 0px 0px 0px;
}

td {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	font-size: 100%;
}

hr {
	width: 100%;
	padding: 1px 0px 1px 0px;
	margin:  5px 0px 0px 0px;
	border: none;
	background: #A2A2A2;
	color: #A2A2A2;
}

h1{
	font-size: 150%;
	font-weight: bolder;
	color: #4C4C4C;
	padding: 0px 0px 20px 0px;
	margin:  0px 0px 0px 0px;
}

table ul {
	padding-left: 10px;
}

h2{
	font-size: 100%;
	font-weight: bolder;
	color:#3C3C3C;
}

h3{
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	font-size: 250%;
	font-weight: normal;
	color: #FFFFFF;
}

h4{
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	font-size: 250%;
	font-weight: normal;
	color: #FFFFFF;
}

#slogan {
	float: left;
	display: block;
	width: 400px;
	height: 130px;
}

#slogan .block1 {
	margin:  40px 0px 0px 45px;
}

#slogan .block2 {
	margin:  0px 0px 0px 220px;
}

#slogan .block3 {
	margin:  0px 0px 0px 45px;
}

#slogan .block4 {
	margin:  0px 0px 0px 115px;
}

#slogan .block5 {
	margin:  0px 0px 0px 78px;
}

#container{
	width: 900px;
	display: block;
	min-height: 700px;
   height: auto !important;
   height: 700px;
	padding: 0px 0px 0px 0px;
	margin:  0px auto 0px auto;
	border: none;
}

#kopf{
	float: left;
	display: block;
	width: 900px;
	height: 94px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: left;
	background: url(bilder/navigat/karte.jpg) no-repeat 354px 0px;
}

#kopf .logo {
	float: left;
	display: block;
	width: 346px;
	height: 94px;
}

#titel_adresse {
	float: left;
	display: block;
	width: 885px;
	height: 1px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: right;
	color: #939393;
	font-size: 90%;
}

#hals{
	float: left;
	display: block;
	width: 900px;
	height: 203px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: left;
}

#hals_startseite{
	display: block;
	width: 900px;
	height: 203px;
	background: url(bilder/startseite/bg.jpg) no-repeat left top;
}

#rumpf{
	float: left;
	display: block;
	width: 900px;
	min-height: 402px;
   height: auto !important;
   height: 402px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	background: #FFFFFF url(bilder/navigat/bg_rumpf2.gif) no-repeat right top;
}

#rumpf2{
	float: left;
	display: block;
	width: 900px;
	min-height: 402px;
   height: auto !important;
   height: 402px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	background: url(bilder/navigat/bg_rumpf.gif) repeat-y left top;
}

#linker_arm{
	float: left;
	display: block;
	width: 224px;
	min-height: 402px;
   height: auto !important;
   height: 402px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	color: #3C3C3C;
}

#bauch {
	float: left;
	display: block;
	width: 531px;
	min-height: 402px;
   height: auto !important;
   height: 402px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: left;
}

#bauch .content {
	float: left;
	display: block;
	width: 476px;
	min-height: 352px;
   height: auto !important;
   height: 352px;
	padding: 20px 40px 30px 15px;
	margin:  0px 0px 0px 0px;
	text-align: left;
	color: #3C3C3C;
}

#bauch .content p {
	line-height: 160%;
}

#rechter_arm{
	float: left;
	display: block;
	width: 145px;
	min-height: 402px;
   height: auto !important;
   height: 402px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

#fuss {
	float: left;
	display: block;
	width: 900px;
	height: 34px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	background: #4C4C4C url(bilder/navigat/bg_fuss.gif) no-repeat left bottom;
}


/* Navi Horizontal */

#navi_horizontal{
	float: left;
	display: block;
	height: 56px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	font-size: 100%;
}

#navi_horizontal li{
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	list-style: none;
}

#navi_horizontal a{
	float: left;
 	display: block;
	height: 56px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-decoration: none;
	font-weight: normal;
	font-size: 120%;
	color: #FFFFFF;
}

#navi_horizontal a:hover, #navi_horizontal .aktiv{
	background: url(bilder/navigat/r_h.gif) repeat-x left top;
}

#navi_horizontal a #r_texts {
	float: left;
	display: block;
	height: 44px;
	padding: 12px 5px 0px 25px;
}

#navi_horizontal a #r_text {
	float: left;
	display: block;
	height: 44px;
	padding: 12px 5px 0px 5px;
}

#navi_horizontal a #rl {
	float: left;
	display: block;
	width: 10px;
	height: 56px;
	background: url(bilder/navigat/rl.gif) no-repeat left top;
}

#navi_horizontal a:hover #rl, #navi_horizontal .aktiv #rl {
	background: url(bilder/navigat/rl_h.gif) no-repeat left top;
}

#navi_horizontal a #rr {
	float: left;
	display: block;
	width: 10px;
	height: 56px;
	background: url(bilder/navigat/rr.gif) no-repeat left top;
}

#navi_horizontal a:hover #rr, #navi_horizontal .aktiv #rr {
	background: url(bilder/navigat/rr_h.gif) no-repeat left top;
}

#navi_horizontal a #rrh {
	float: left;
	display: block;
	width: 10px;
	height: 56px;
}

#navi_horizontal a:hover #rrh, #navi_horizontal .aktiv #rrh {
	background: url(bilder/navigat/rr2_h.gif) no-repeat left top;
}

/* Navi Vertikal */

#navi_vertikal_hidden {
	display: none;
}

#navi_vertikal{
	float: left;
	width: 224px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	text-align: left;
}

#navi_vertikal li{
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	list-style: none;
	background:  url(bilder/navigat/bg_menu.gif) repeat-x left top;
}

#navi_vertikal .passiv, #navi_vertikal .aktiv {
	display: block;
	width: 189px;
	height: 21px;
	padding: 7px 0px 3px 35px;
	color: #FFFFFF;
	font-weight: bolder;
	background: url(bilder/navigat/liste_pkt.gif) no-repeat 10px 10px;
}


#navi_vertikal .subpassiv, #navi_vertikal .subaktiv  {
	display: block;
	width: 169px;
	height: 21px;
	padding: 7px 0px 3px 55px;
	color: #FFFFFF;
	font-weight: bolder;
	background: url(bilder/navigat/liste_pkt3.gif) no-repeat 35px 10px;
}

#navi_vertikal .passiv:hover, #navi_vertikal .aktiv{
 	color: #4C4C4C;
	background: url(bilder/navigat/liste_pkt2.gif) no-repeat 10px 10px;
}

#navi_vertikal .subpassiv:hover, #navi_vertikal .subaktiv {
 	color: #4C4C4C;
	background: url(bilder/navigat/liste_pkt4.gif) no-repeat 35px 10px;
}

#navi_vertikal .navi_top {
	display: block;
	width: 224px;
	height: 19px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	background: url(bilder/navigat/bg_menu_top.gif) no-repeat left top;
}

#navi_vertikal .navi_bottom {
	display: block;
	width: 224px;
	height: 19px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	background: #4C4C4C;
}


/* Footer */

#fusszeile{
	float: left;
	display: inline;
	width: 520px;
	height: 20px;
	padding: 10px 0px 0px 0px;
	margin:  0px 0px 0px 234px;
}

#fusszeile li{
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	list-style: none;
	float: left;
}

#fusszeile li a{
	float: left;
	padding: 0px 15px 0px 0px;
	margin:  0px 0px 0px 0px;
	color: #A2A2A2;
	border:  none;
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;	
}
#fusszeile li a:hover{
	color: #FFFFFF;
}

#fusszeile .oben {
	font-weight: bold;
	color: #FFFFFF;
}

#fusszeile .oben:hover {
	font-weight: bold;
	color: #A2A2A2;
}

/* Email Formular */

.button {
	border: 1px solid #000000;
	color: #809598;
	background: #FFFFFF;
}

.button:hover {
	color: #4C4C4C;
}

.memo, .edit {
	width: 305px;
}

.plz {
	width: 56px;
}

.wohnort {
	width: 240px;
}

/* ########## Module ###############*/
/* entsprechend dem Modul #Modul_XYZ*/
#MODUL_Veranstaltungen .TABELLENRAND {
	width: 100%;
}

#MODUL_Veranstaltungen .NORMAL {
	width: 100%;
	border-bottom: 1px solid #8E8E8E;
}

#MODUL_Veranstaltungen .td_UEBERSCHRIFTSZEILE_ZUSATZ {
	text-align: right;
}

#MODUL_Veranstaltungen h1 {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	font-size: 120%;
	font-weight: bold;
	color:#264176;
}
#MODUL_Veranstaltungen h2 {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	font-size: 100%;
	font-weight: bold;
	color:#000000;
}

/* Sonstige */

#grafikblock {
	float: left;
	display: block;
	width: 137px;
	padding: 8px 0px 8px 8px;
	margin:  0px 0px 0px 0px;
	text-align: right;
}

#grafikblock2 {
	float: left;
	display: block;
	width: 137px;
	padding: 14px 8px 8px 0px;
	margin:  0px 0px 0px 0px;
	text-align: right;
}

#grafikblock .grafik {
	float: left;
	display: block;
	width: 90%;
	height: 71px;
}

#grafikblock .text {
	float: left;
	display: block;
	width: 132px;
	padding: 2px 0px 2px 5px;
	margin:  0px 0px 0px 0px;
	text-align: left;
	color: #FFFFFF;
	background: #809598;
}

#grafikblock2 .text {
	float: left;
	display: block;
	width: 205px;
	padding: 4px 0px 4px 10px;
	margin:  0px 0px 0px 0px;
	text-align: left;
	color: #FFFFFF;
	background: #809598;
}

#grafikblock .text a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}

#grafikblock2 .liste {
	float: left;
	display: block;
	width: 205px;
	padding: 10px 0px 2px 10px;
	margin:  0px 0px 0px 0px;
	text-align: left;
	color: #FFFFFF;
	background: #809598;
}

/* Adresse */
/* Die Breiten müssen entsprechend angepasst werden */
#adresse {	float: left;	display: block;	width: 50%; line-height: normal; }
#adresse2 {	float: left;	display: block;	width: 214px; line-height: normal; background: #4C4C4C; color: #FFFFFF; padding: 10px 0px 0px 10px; text-decoration: none;}
#adresse3 {	float: left;	display: block;	width: 100%; line-height: normal; }

#adresse .firma {	font-size: 120%;	padding-bottom: 10px;	color: #3C3C3C;	font-weight: bold;}
#adresse3 .firma {	font-size: 120%;	padding-bottom: 10px;	color: #3C3C3C;	font-weight: bold;}
#adresse .strasse {padding-bottom: 5px;}
#adresse3 .strasse {padding-bottom: 5px;}

#adresse .text {	float: left;	display: block;	width: 22%; padding-bottom: 5px;}
#adresse3 .text2 {	float: left;	display: block;	width: 25%; padding-bottom: 5px;}
#adresse2 .text2 {	float: left;	display: block;	width: 25%; padding-bottom: 5px;}
#adresse3 .text {	float: left;	display: block;	width: 15%; padding-bottom: 5px;}

#adresse .telblock {	float: left; display: block; width: 100%; padding-top: 15px;}
#adresse2 .telblock {	float: left; display: block; width: 100%; padding-top: 15px; }
#adresse3 .telblock {	float: left; display: block; width: 100%; padding-top: 15px; }
#adresse .telblock .telefon {	float: left; display: block;	width: 78%;  padding-bottom: 5px; }
#adresse2 .telblock .telefon {	float: left; display: block;	width: 70%;  padding-bottom: 15px; }
#adresse3 .telblock .telefon {	float: left; display: block;	width: 85%;  padding-bottom: 5px; }

#adresse .wwwblock {	float: left; display: block; width: 100%; padding-top: 15px; }
#adresse3 .wwwblock {	float: left; display: block; width: 100%; padding-top: 15px; }
#adresse .wwwblock .email {	float: left; display: block;	width: 78%;  padding-bottom: 5px; }
#adresse3 .wwwblock .email {	float: left; display: block;	width: 85%;  padding-bottom: 5px; }
#adresse .wwwblock .internet {	float: left; 	display: block;	width: 78%;  padding-bottom: 15px;}
#adresse3 .wwwblock .internet {	float: left; 	display: block;	width: 85%;  padding-bottom: 15px;}
/* Achtung: Höhe der Grafik muss der Höhe des Textblocks entsprechen */
#adresse .wwwblock .email a {	float: left; display: block; width: 140px; height: 15px; background: url(bilder/navigat/email.gif) no-repeat left top;}
#adresse3 .wwwblock .email a {	float: left; display: block; width: 140px; height: 15px; background: url(bilder/navigat/email.gif) no-repeat left top;}
#adresse .wwwblock .email a:hover {	background: url(bilder/navigat/email_h.gif) no-repeat left top;}
#adresse3 .wwwblock .email a:hover {	background: url(bilder/navigat/email_h.gif) no-repeat left top;}

/* -------- */ 

#blase {
	display: block;
	width: 140px;
	height: 350px;
	color: #FDFDFD; 
	background: url(bilder/blase.gif) no-repeat 10px 10px;
}

#blase ul {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 40px;
}

#blase li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 1px 4px;
}