@charset "utf-8";
/* CSS Document /* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

0. Import CSS
1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

/* 0. Import CSS */

	@import url("lightbox.css");
	@import url("cms.css");
	@import url("clearfix.css");

/* ########################################################################################################
######################################################################################################*/   

/* 1. Standards */

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #808080;
	font-size:11px;
}
body {background:url(../images/layout/back.jpg) repeat-x;padding:0 0 20px 0;}
html[xmlns^="http"] {overflow-y: scroll;}
h1 {font-size: 16px;color: #0188a6;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;padding: 0 0 10px 20px; background:url(../images/layout/h1_back.jpg) 0 2px no-repeat;}
h2 {font-size: 14px;color: #0188a6;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;padding: 0 0 10px 20px;}
h3 {font-size: 12px;color: #0188a6;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;padding: 0 0 10px 20px;}
h4 {font-size: 11px;color: #0188a6;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;padding: 0 0 10px 20px;}
p {padding: 0 0 10px 20px; line-height: 18px;}
.unsichtbar  {display: none;}
.hr { height:15px; background:url(../images/layout/hr.jpg) repeat-x top;margin:10px 0 0 0;}
h4.list {background:url(../images/layout/menu_back_over.jpg) 6px 3px no-repeat;}
p.list {background:url(../images/layout/list.jpg) 6px 6px no-repeat;}

/*######################################################################################################
######################################################################################################*/

/* 2. Layout */

.clear {clear:left;float:none;}
#wrapper {width:916px;margin:0 auto;background:url(../images/layout/content_left_back.jpg) repeat-y;}
#head {width:916px;height:111px;background:url(../images/layout/logo_personal.jpg) no-repeat;}
/*---------------------------------*/

#content {width:916px;}
#content_left {width:237px;float:left;}
#content_right {width:599px;float:right;padding:50px 40px;background:url(../images/layout/vogel.jpg) 410px 100%  no-repeat;min-height:330px; height:auto !important; height:330px;}
/*---------------------------------*/
#footer {height:23px;background:#efefef;}

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

#menu {width:689px;height:27px;padding:23px 0 0 227px;background:#fff;}
* html #menu {padding-left:217px;}
#menu li {float:left;margin-left:10px;}
#menu li a {padding-left:14px;background:url(../images/layout/menu_back.jpg) 0 3px no-repeat;color:#808080;text-decoration:none;}
#menu li a:hover, #menu .current a {background:url(../images/layout/menu_back_over.jpg) 0 3px  no-repeat;color:#0188a6;}


#mainmenu_wrapper {width:882px;height:23px;margin:0 auto;background:#efefef;}
#mainmenu {margin-left:220px;}
#mainmenu li {float:left;line-height:23px;}
#mainmenu li a {color:#808080;padding:5px 9px 5px 9px;text-decoration:none;}
#mainmenu li a:hover, #mainmenu .current a {color:#fff;padding:5px 9px 5px 9px;background:#0188a6;}

#submenu {width:220px;margin:0 0 21px 17px;}
#submenu li {padding:0 0 2px 0;}
#submenu li a {background:#dedede url(../images/layout/submenu_back.jpg) 8px 8px no-repeat;color:#808080;padding:5px 0 5px 25px;display:block;text-decoration:none; width:195px; height:14px;}
#submenu li a:hover, #submenu .current a {background:#0188a6 url(../images/layout/submenu_back.jpg) 8px 8px no-repeat;color:#fff;}

#footer_inner ul {margin:0 0 0 274px;}
#footer_inner ul li {float:left;padding:5px 0;}
#footer_inner ul li a {text-decoration:none;color:#808080;margin:0 5px;}
#footer_inner ul li a:hover, #footer_inner ul .current a {color:#0188a6;}
/*######################################################################################################
######################################################################################################*/

/* 4. Content */
#left_con ul li {line-height:18px; padding:0 0 0 35px; background:url(../images/layout/list_red.jpg) 20px 6px  no-repeat;}
#push {width:210px; height:100px;}
#left_con {width:210px;padding: 10px 0 0 10px;}
#content_right ul {margin: 0 0 10px 20px;}
#content_right ul li {line-height:18px;background:url(../images/layout/list.jpg) 0 6px no-repeat;padding:0 0 0 14px;margin-bottom:10px;}
#pix {width:220px;height:200px;background:#fff; border-left:solid 17px #0188a6;margin:0 0 5px 0;}
#footer_daten {position:absolute;width:220px;height:101px;padding:10px 0 0 0;background:#dedede;left:50%;border-left:solid 17px #0188a6;margin:-88px 0 0 -458px;}
#footer_daten li {line-height:18px;margin-left:8px;padding-left:15px; background:url(../images/layout/submenu_back.jpg) 0 5px no-repeat;}
#footer_daten li a, #footer_daten li span {color:#808080;text-decoration:none;}
#footer_inner {width:882px; height:23px; margin:0 auto;}
#footer_inner p {float:right;margin:3px 0 0 0;}
* html #footer_inner p {margin:0 0 -7px 0;padding-top:2px;}
*+html #footer_inner p {margin:0 0 0 0;padding-top:2px;}
#footer_inner p a {text-decoration:none;color:#808080;background:#dedede url(../images/layout/top_back.jpg) 73px 11px no-repeat;padding:5px 20px 5px 8px;}
* html #footer_inner p a{padding:5px 20px 7px 8px;}
*+html #footer_inner p a{padding:5px 20px 5px 8px;}
#footer_inner p a:hover {color:#fff;background:#0188a6 url(../images/layout/top_back_over.jpg) 73px 11px no-repeat;}
.pic {
	border: 2px solid #dedede;
	background:#FFF url(../images/progress.gif) no-repeat center center;
    outline: none;
}
img {border:0;}
.pic:hover{border: 2px solid #0188a6;}

.picnohover {
	border: 2px solid #dedede;
	background:#FFF url(../images/progress.gif) no-repeat center center;
    outline: none;
}
.right {float:right;}
.left {float:left;}

ul.liste{margin: 0 0 20px 0;padding: 0;list-style: none;}
ul.liste li {padding: 5px 0 5px 25px;border-bottom:dashed 1px #ccc;margin:0 10px 0 0;line-height:18px;list-style:none;}
ul.liste li:hover {color:#333;background: #f7f8f8;}
*html ul.liste li {/*	line-height: 20px;*/height: 20px;}
#euroweb {margin-left:20px;}
#content_right ul li.inlist {margin-left:25px;}
/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:link, a:visited, a:active, a:focus, .escape span{text-decoration:underline;color:#0188a6;outline: none;white-space:nowrap;}
a:hover, a:hover span{text-decoration:none;color:#0188a6;}

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

.gototop{
	position:fixed;
	right:10px;
	bottom:10px;
	color:#999;
	font-size:10px;
	text-decoration:none;
	_display:none;
}

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}

/*######################################################################################################
######################################################################################################*/
/* -------------- link2map24-CSS -------------
##### Dies ist nur ein Beispiel - die Angaben können bis auf wenige Ausnahmen beliebig angepasst werden ####
*/
form#link2map24 {width:480px;padding: 25px 0 0 0;}
form#link2map24 label, form#link2map24 input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	font-size:12px;
	width:200px;
	margin:0 0 1em 68px;
	padding:1px;
	display:block;
	float:left;
}
form#link2map24 input {margin:0 0 0 25px;}
* html form#link2map24 input {margin:0 40px 0 0;float:right;}
form#link2map24 input, form#link2map24 textarea {border:1px solid #0188a6;background:#fcfcfc url(../images/form-hg.png) repeat-x;}
form#link2map24 input:focus, form#link2map24 textarea:focus {border:1px solid #808080;}
form#link2map24 label {text-align:left;width:30px;padding:0;}
form#link2map24 legend {display:block;font-family: Verdana, Arial, Helvetica, sans-serif;padding: 1em 0 1em 68px;color: #c33;}
form#link2map24 fieldset {border:none;padding:0; margin: 0 0 0 -35px;}
* html form#link2map24 fieldset {border:none;padding:0; margin: 0 0 0 -100px;}
fieldset#ziel p {margin: 0;}
form#link2map24 input#submitRoute {
	padding:5px;
	border:0;
	color:#fff;
	text-transform:uppercase;
	background:#0188a6;
	margin: 0 0 1.6em 88px;
	cursor:pointer;
	width:204px;
}
* html form#link2map24 input#submitRoute {
	padding:5px;
	border:0;
	color:#fff;
	text-transform:uppercase;
	background:#0188a6;
	margin: 0 0 1.6em 48px;
	cursor:pointer;
	float:left;
}
/* Die folgenden Angaben bitte nicht verändern! */
form#link2map24 br {clear:left;}
form#link2map24 input[type=hidden] {display:none;border:0;padding:0;}