/* CSS Document */
* {
	margin: 0;
	padding: 0;

}

body {
	margin: 0;
	padding: 0;
	background: #fff url(../pix/bg/wasser.jpg) repeat;
	font:14px/16px "Trebuchet MS",Arial,Helvetica,sans-serif; color:#000;
}
h1 {font: 180% "Trebuchet MS",Arial,Helvetica,sans-serif; display:block; color: #57b; line-height: 40px; font-weight: bold; margin-top: 15px; margin-bottom: 20px; }
h2 {font: 150% "Trebuchet MS",Arial,Helvetica,sans-serif; display:block; color: #E16629; text-decoration: none; border-bottom:3px solid #034593; margin-bottom: 20px; margin-top:15px;}
h3 {font: 100% "Trebuchet MS",Arial,Helvetica,sans-serif; display:block; color: #57b; letter-spacing:1px; line-height: 26px;	font-weight: normal; margin-top: 0; margin-bottom: 0;}
h4 {font: 120% "Trebuchet MS",Arial,Helvetica,sans-serif; display:block; line-height: 26px;	font-weight: bold; margin-top: 0; margin-bottom: 0;}
h5 {font: 100% "Trebuchet MS",Arial,Helvetica,sans-serif; display:block; line-height: 22px;	font-weight: bold; margin-top: 0; margin-bottom: 0;}
h6 {font: 125%  "Trebuchet MS",Arial,Helvetica,sans-serif; display:block; color: #57b; line-height:28px; font-weight: normal; margin-top: 0; margin-bottom: 0;}

a { color: #034593; }
a:hover { text-decoration: none; color: #E16629; }
a:visited{ color: #B0B0B0; }

a h2 { color: #E16629; text-decoration: none; font-size: 150%; border-bottom:3px solid #29A3E1; }
a:hover h2 { color: #29A3E1; text-decoration: none; }

img {border: 0;}
/*strong {color: #ff0000;}*/

/* Header wrapper container */

#container { width: 965px; margin: 0 auto; }
#wrapper { width: 965px; margin: 0 auto; }
#header { width: 965px; height: auto; }

/* Logo */

#logo { width: 965px; height: auto; margin: 5px auto; }
#printlogo { display:none; }
#printadress  { display:none; }

/* Menu */

#menu {
	width: 965px;
	height: 165px;
	margin: 0 auto;
	padding: 0;
	background: #fff url(../pix/menu-bg.jpg) no-repeat;
}

#menu ul { margin: 0; padding: 0; list-style: none;	line-height: normal; }

#menu li { display: inline;	margin: 0; padding: 0; }

#menu a { float: left; display: block; width: 193px; height: 150px; padding: 10px 0 0 0; text-decoration: none; text-align: center;
	font-size: 136%; color: #fff; }

#menu a:hover {	color: #000; }
#menu .active a { color: #000; }

/* Page */

#page { width: 965px; min-height:600px; height:100%; margin: 0 auto; background:#fff url(../pix/bg-page.gif) 0 0 repeat-y; }

#sidebar {
	float: left;
	width: 193px;
	color: #6BB3B3;
	margin-top:-7px;
	font: 14px "Trebuchet MS",Arial,Helvetica,sans-serif;
	letter-spacing:1px;
	text-align:center;
	
}

#sidebar a {
	color: #034593;
}

#sidebar .line {
	margin: 10px 0;
	background: transparent url(../pix/line_dotted.jpg) no-repeat scroll center bottom;
}

#sidebar p { 
	text-align:center;
}
#sidebar h3 {
	text-align:left;
	margin:10px 10px;
	color: #fc0f0f;
	font-style:italic;
}

/* ############################################################ navi left */


/*#################################################################################### See */
#smenu .first-see { padding: 5px 20px 5px 30px;	margin-left:2px; color: #E80732; text-decoration: none;
	font-size: 136%; border-bottom: 3px solid #fd811d; }
#smenu { padding: 10px 0; text-align:left; }
#smenu a:hover { background: #eee url(../pix/menu/menu.gif) no-repeat 5px 50%;}
#smenu .active { background: #eee url(../pix/menu/menu.gif) no-repeat 5px 50%;}
#smenu ul { margin: 0; list-style: none; }
#smenu li { display: block;	margin-left:2px; padding-bottom: 1px;
	background: url(../pix/menu/smenu.gif) repeat-x left bottom;}
#smenu a { display: block; width: auto;	padding: 10px 15px 10px 30px; text-decoration: none; }

#smenu_sub ul {	margin: 0; list-style: none; text-align:left; }
#smenu_sub li {	display: block;	margin-left:2px; padding-bottom: 1px; background: url(../pix/smenu.gif) repeat-x left bottom; }
#smenu_sub a { display: block; background-color: #f8f8f8; width: auto; margin-left: -2px; padding: 10px 15px 10px 40px; text-decoration: none; }
#smenu_sub a:hover { background: #eee url(../pix/menu/menu.gif) no-repeat 20px 50%;}
#smenu_sub .active { background: #eee url(../pix/menu/menu.gif) no-repeat 20px 50%;}

/*#################################################################################### Fluss */
#fmenu .first-fluss { padding: 5px 20px 5px 30px; margin-left:2px; color: #E80732; text-decoration: none;
	font-size: 136%; border-bottom: 3px solid #FDB302; }
#fmenu { padding: 10px 0; text-align:left; }
#fmenu a:hover, #fmenu .active { background: #eee url(../pix/menu/menu.gif) no-repeat 5px 50%;}
#fmenu ul { margin: 0; list-style: none; }
#fmenu li { display: block;	margin-left:2px; padding-bottom: 1px;
	background: url(../pix/menu/fmenu.gif) repeat-x left bottom;}
#fmenu a { display: block; width: auto;	padding: 10px 15px 10px 30px; text-decoration: none; }

#fmenu_sub ul {	margin: 0; list-style: none; text-align:left; }
#fmenu_sub li {	display: block;	margin-left:2px; padding-bottom: 1px; background: url(../pix/fmenu.gif) repeat-x left bottom; }
#fmenu_sub a { display: block; background-color: #f8f8f8; width: auto; margin-left: -2px; padding: 10px 15px 10px 40px; text-decoration: none; }
#fmenu_sub a:hover { background: #eee url(../pix/menu/menu.gif) no-repeat 20px 50%;}
#fmenu_sub .active { background: #eee url(../pix/menu/menu.gif) no-repeat 20px 50%;}

/*#################################################################################### AIDA */
#vmenu .first-aida { padding: 5px 20px 5px 30px; margin-left:2px; color: #E80732; text-decoration: none;
	font-size: 136%; border-bottom: 3px solid #8aadd3; }
#vmenu { padding: 10px 0; text-align:left;}
#vmenu a:hover, #vmenu .active { background: #eee url(../pix/menu/menu.gif) no-repeat 5px 50%;}
#vmenu ul { margin: 0; list-style: none; }
#vmenu li { display: block;	margin-left:2px; padding-bottom: 1px;
	background: url(../pix/menu/vmenu.gif) repeat-x left bottom;}
#vmenu a { display: block; width: auto;	padding: 10px 15px 10px 30px; text-decoration: none; }

#vmenu_sub ul {	margin: 0; list-style: none; text-align:left; }
#vmenu_sub li {	display: block;	margin-left:2px; padding-bottom: 1px; background: url(../pix/vmenu.gif) repeat-x left bottom; }
#vmenu_sub a { display: block; background-color: #f8f8f8; width: auto; margin-left: -2px; padding: 10px 15px 10px 40px; text-decoration: none; }
#vmenu_sub a:hover { background: #eee url(../pix/menu/menu.gif) no-repeat 20px 50%;}
#vmenu_sub .active { background: #eee url(../pix/menu/menu.gif) no-repeat 20px 50%;}

/*#################################################################################### Info */
#imenu .first-info { padding: 5px 20px 5px 30px; margin-left:2px; color: #E80732; text-decoration: none;
	font-size: 136%; border-bottom: 3px solid #9f9f9f; }
#imenu { padding: 10px 0; text-align:left; }
#imenu a:hover, #imenu .active { background: #eee url(../pix/menu/menu.gif) no-repeat 5px 50%;}
#imenu ul { margin: 0; list-style: none; }
#imenu li { display: block;	margin-left:2px; padding-bottom: 1px;
	background: url(../pix/menu/imenu.gif) repeat-x left bottom;}
#imenu a { display: block; width: auto;	padding: 10px 15px 10px 30px; text-decoration: none; }

#imenu_sub ul {	margin: 0; list-style: none; text-align:left; }
#imenu_sub li {	display: block;	margin-left:2px; padding-bottom: 1px; background: url(../pix/imenu.gif) repeat-x left bottom; }
#imenu_sub a { display: block; background-color: #f8f8f8; width: auto; margin-left: -2px; padding: 10px 15px 10px 40px; text-decoration: none; }
#imenu_sub a:hover { background: #eee url(../pix/menu/menu.gif) no-repeat 20px 50%;}
#imenu_sub .active { background: #eee url(../pix/menu/menu.gif) no-repeat 20px 50%;}
/* ###################################################################################*/


/* Content */

#content { float: left;	width: 740px; padding: 0 15px; margin: 0; font: 14px "Trebuchet MS",Arial,Helvetica,sans-serif; }

#content p, #content ol, #content ul { line-height: 152%; }

#content p { text-align:justify; letter-spacing:1px; }

#content_img_fr { float:right; margin:5px 0 2px 15px; }
#content_img_fl { float:left; margin:5px 15px 2px 0; }

.breadcrumb {margin-top: -10px; margin-bottom:10px;}
.breadcrumb a { color: #29A3E1; }
.breadcrumb a:hover { text-decoration: none; color: #E16629; }
.breadcrumb a:visited{ color: #29A3E1; }

/* TagCloud */
* html #tagcloud {
    height: 182px; 
}
#tagcloud {
    /*
text-align:center;
*/
    border-top: 1px solid #A0BEE3;
    border-bottom: 1px solid #A0BEE3;
    width: 100%;
    margin-top: 25px;
    height: 180px;
    padding: 0;
	background: #fff;
	text-align:center;
}
#tagcloud a{
    text-decoration: none;
	padding:5px;
	margin: 10px;
    
}

#tagcloud a:link, a:visited { color: #034593; }
#tagcloud a:hover {color: #E16629; }

#tagcloud_h {
    color: #666666;
    font-size: 120%;
    font-weight: bold;
    margin: 10px;
    text-align: left;
}
.tag1{ font-size:100%; color:#003399; margin-bottom: 20px;}
.tag2{ font-size:140%; color:#003399;  margin-top: 20px;}
.tag3{ font-size:160%; color:#003399;  margin-top: 20px;}
.tag4{ font-size:180%; color:#003399; margin-top: 20px;}
.tag5{ font-size:260%; color:#003399; margin-top: 20px;}


/* Welcome */

#welcome h1{
	color:#6D150F;
	font-family:Garamond,Georgia,serif;
	font-size:36px;
	font-style:oblique;
	font-weight:normal;
	text-align: left;
	height:38px;
	line-height:36px;
	margin:10px 0 5px 10px;
	padding:5px 0;

}
/* Aktuell */
.aktuell { padding-left: 60px; }

	.aktuellblock ul {
		list-style:none;
		margin:0;
		padding:0;
		letter-spacing:1px;
		
	}
	.aktuellblock ul li {
		float:left;
		width:100%;	
		padding:0;
		margin-bottom:2%;
		color:#000;
	}


	.aktuellblock ul li a
	{
		display:block;
		border:3px solid #84DB00;
		border-width:3px 0;
		padding:10px 15px;	
		height:70px;
		background-color:#ffeb86;
		background-position:bottom right;
		background-repeat:no-repeat;
		font-size:14px;
		text-decoration:none;
		color:#000;
	}
	.aktuellblock ul li a strong {
		display:block;
		font-size:140%;
		color:#8FC332;
		margin-bottom:10px;
	}
	.aktuellblock ul li a:visited {color:#000;}
	.aktuellblock ul li a:hover {background-color:#ffeb86;color:#000;}
	.aktuellblock ul li a:hover strong 	{ color: #E16629; }
	.aktuellblock ul li.one a{background-image:url(../pix/aktuell/block-herz.jpg);}
	.aktuellblock ul li.one a:hover{background-image:url(../pix/aktuell/block-herz.jpg);color:#000;}
	.aktuellblock ul li.one a:hover{background-color:#ffeb86;}
	.aktuellblock ul li.two a:hover{background-image:url(../pix/aktuell/block-supersonder.jpg);color:#000;}
	.aktuellblock ul li.two a{background-image:url(../pix/aktuell/block-supersonder.jpg)}
	.aktuellblock ul li.two a:hover{background-color:#ffeb86;}
	.aktuellblock ul li.three a{background-image:url(../pix/aktuell/block-ersparnis.jpg)}
	.aktuellblock ul li.three a:hover{background-image:url(../pix/aktuell/block-ersparnis.jpg)}
	.aktuellblock ul li.three a:hover{background-color:#ffeb86;}
	.aktuellblock ul li a:hover	{ border-color:#999; background-color:#fff;	background-image:none; }

/* Angebot short */

	.an-block ul { list-style:none;	margin:0; padding:0; letter-spacing:1px; margin-top:15px;}
	.an-block ul li { float:left; width:100%; padding:0; margin-bottom:2%; color:#000; }
	.an-block a
	{
		display:block;
		border:3px solid #034593;
		border-width:3px 0;
		padding:10px 15px;	
		height:auto;
		background-color:#f3f8fc;
		font-size:13px;
		text-decoration:none;
		color:#000;
		min-height:120px; height: auto !important; height:120px;
	}
	.an-block a:hover	{ border-color:#999; background-color:#fff;
							min-height:120px; height: auto !important; height:120px;}
	.an-block h2 {font-size:17px; border-bottom:0px solid #29A3E1; margin-bottom: 0px; margin-top:0px; color:##E16629;}						
	.an-block h2 a { display:block; color:#E16629; }
	.an-block ul li a:visited {color:#000;}
	.an-block h2 a:hover 	{ color: #E16629; }
	


/* Boxed */

.title {
	background: url(../pix/h2.gif) no-repeat right center;
	border-bottom: 3px solid #29A3E1;
	color:#6D6D6D;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
}

.weiter {
	text-align: right;
}

/* Mini-Box */

#minibox1, #minibox2 {
	float: left;
	width: 250px;
	margin-left: 15px;
}

#minibox2 {
	margin-left: 25px;
}

.content {
	padding: 10px;
	color: #6d6d6d;
}

/* PixSet */

#pixset {
	font-family:"Lucida Grande","Lucida Sans",Lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size:100%;
	line-height:1.5em;
	margin: 10px auto;
	background: #fff;
}
#pixset	a img {
	border:1px solid #CCCCCC;
  	margin:2px;
	padding:5px;
}
#pixset a:link, #pixset a:visited {

	color:#0066CC;
	text-decoration:none;
}	
#pixset	p {
	text-align:center;
	background: #fff;
	padding-left: 5px;
	padding-top: 5px;
}

/* WischerSet */

#wischerset {
	line-height:1.5em;
	margin: 10px auto;
}
#wischerset img {
  	margin:2px;
	padding:5px;
}
#wischerset	p {
	text-align:justify;
	padding-left: 5px;
	padding-top: 5px;
}

/* Reiseleiter */
#pixset-rleiter {
	font-family:"Lucida Grande","Lucida Sans",Lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size:100%;
	line-height:1.5em;
	margin: 10px auto;
}
#pixset-rleiter	a img {
	border:1px solid #CCCCCC;
  	margin:2px;
	padding:5px;
}
#pixset-rleiter a:link, #pixset-rleiter a:visited {

	color:#0066CC;
	text-decoration:none;
}
div.thumb-rleiter {
	float:left;
	height:145px;
	margin-top: 10px;
	margin-right:10px;
	text-align:center;
	width:130px;
	font: 11px;
}
/* Top-Partner */
#pixsettop {
	font-family:"Lucida Grande","Lucida Sans",Lucida,Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size:100%;
	line-height:1.5em;
	margin: 10px auto;
}
#pixsettop	a img {
	border:1px solid #CCCCCC;
  	margin:2px;
	padding:5px;
}
#pixsettop a:link, #pixsettop a:visited {

	color:#0066CC;
	text-decoration:none;
}	
div.thumbtop {
	float:left;
	height:185px;
	margin-top: 10px;
	margin-right:10px;
	text-align:center;
	width:165px;
	font: 11px;
}
/* Team */
#teampix {
	width:300px;
	height:210px;
	float:left;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	background:#ffeb86;
	margin-bottom:10px;	
	border:3px solid #a2a2a2;
	border-width:3px 0;
}
#teampix img {
	border:1px solid #CCCCCC;
	padding:5px;
}
#teamtxt {
	width:380px;
	height:210px;
	float:left;
	background:#ffeb86;	
	margin-bottom:10px;
	padding-left: 20px;
	border:3px solid #a2a2a2;
	border-width:3px 0;	
}
#teamtxt h4 { 
	display:block;
	font-size:140%;
 	color: #E16629;
	margin-top: 20px;
}
#teamtxt h3 { 
color: #E16629;
padding-top: 10px;
}

/* STARTER - POPUP*/

#fadeinbox{
position:absolute;
width: 540px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: lightyellow;
padding: 10px;
z-index: 100;
visibility:hidden;
}

/* Slider */
.slide {
	position: relative;
	padding:1em;
	margin-bottom: 1em;
	width: 720px;
	height: 210px;
}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

#fade li {
	position: absolute;
	top: 0;
	left: 0;
	width: 720px;
	height: 210px;
	visibility: hidden;
}
li img {
	display: block;
	margin:auto;
	border:1px solid #CCCCCC;
	padding:5px;
}

/* Footer */
#pre-footer {
	width: 965px;
	background: #fff;
	text-align: center;
	padding: 1px 0;
	border-top: 1px solid #efefef;
	font-size: 11px;
	color: #999;
	margin: 0 auto;
}

#pre-footer span {
	padding: 0 5px;
	color:#ddd;
}

#footer_wrapper {
	clear: both;
	height: 50px;
	margin: 0 0 0;
	z-index: 900;
	background: #5e5e5e;
	border-top: 4px solid #5393da;
}

#footer_wrapper #footer {
	margin: 0 auto;
	width: 965px;
	padding: 15px 0;
	color: #ccc;
	text-align: left;
	font-size: 90%;
}

/* ####################### class #################################### */

.clear { height: 0px;clear: both;visibility:hidden;line-height: 0px;width: 100%;}

.design {
	float: right;
	color: #888;
}

.dotted-blockline-h { background:url(../pix/dotted-h.gif) center repeat-x;font-size:1px;line-height:8px;height:8px; margin-right:10px;}


.design a:link, .design a:active, .design a:visited {
	color: #999 !important;
}
.update {margin-top:20px; font:10px "Trebuchet MS",Arial,Helvetica,sans-serif; display:block; color: #6d6d6d; text-align: center;}
div.top {
	width: 98%;
	text-align: right;
	padding: 3px 0;
	margin: 0 0 10px 0;
	}
	div.top a, div.top a:link, div.top a:active, div.top a:visited {
	padding: 5px 0;
	display:block;
	color: #bbb !important;
	text-decoration: none !important;
	font-size: 90%;
}
.fl_left {
	float: left;
	margin: 0 6px 4px 0;
}

.fl_right {
	float: right;
	margin: 0 25px 0 0;
}

/* ####################### Zitat #################################### */

#dropcap {
	width: 500px;
	margin: 3em 7em;
	border-left: 1px dashed #999;
	padding-left: 1em; }
p.firstletter:first-letter {
	/*float: left;*/
	color: #920c0d;
	padding: 0 0.1em 0 0;
	font-family: "Sketch Rockwell", "Apple Chancery", fantasy;
	font-size:1.5em;
	font-weight: bold; }
#dropcap p { font-variant: small-caps; }

/* ####################### dokumet bereitstellen #################################### */
// Beispiel für die Extension PDF

.pdf {
	padding: 2px;
	padding-left: 20px;
	background: url(../pix/pdf.jpg) no-repeat left center;
}


/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0px none; margin:1px}
.wysiwygimg img.wysiwygimg {border:solid 0px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0px none;padding:0px;vertical-align:top; margin:1px}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 0px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 0px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 0px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 0px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}

.wysiwygimg li {padding-left:10px;}
.wysiwygimg ul {padding-left:20px;}

/* MAPS */
#map {
height: auto;
width: 720px;
margin-bottom: 20px;
}
#static_map {
margin:0 auto;
border:1px solid #000;
}

#map_route {
width:300px;
height:500px;
border:1px solid #000;
float:left;
}

#directions {
float:right;
width:286px;
max-width:286px;
margin-right: 110px;
}

#directions tbody,#directions tr, #directions table {
width:286px;
}

#routenplaner fieldset {
border:none;
}

#routenplaner legend {
font-weight:900;
}

#routenplaner input {
border:1px solid #aaa;
display:block;
width:40%;
float:left;
margin-right:1em;
padding:0.1em 0.3em;
}

.clearmaps {clear: both; margin bottom:10px;}