html {height: auto;}
body {height: auto; background: url(../images/body_bg.jpg); background-attachment:fixed; }




/*YAHOO VERÄNDERUNGEN */

#doc4, #doc1, #doc2, #doc3 {
	background-color: #ffffff;
	padding: 10px;
	padding-top: 0px;
	overflow: hidden;
}

#doc2 {background: url(../images/bd_bg.png);}

.yui-t3 .yui-b {  /* Stellt die breite der linke Spalte (auf 240 px) ein - WENN "-t3" verwendet wird !!!!! */
float:left;
width:18.4615em;
}


*html #doc2 {width: 970px; }

.yui-t3 #yui-main .yui-b {   /* Stellt den Abstand der linken Spalte ein - WENN "-t3" verwendet wird !!!!! */
margin-left:20.4615em;
}

.yui-u {overflow: hidden;}


/* BILDWEITEN */

#doc2 #bd #yui-main .yui-b .yui-g .yui-u img {width: 312px; margin-left: 5px; margin-top: 5px;}

#doc2 #bd #yui-main .yui-b .yui-gd .yui-u.first img {width: 195px; margin-left: 5px; margin-top: 5px; padding-bottom: 7px;}

#doc2 #bd #yui-main .yui-b .yui-gf .yui-u.first img {width: 152px; margin-left: 5px; margin-top: 5px; padding-bottom: 7px;}


#hd {
	height: 510px;
	/* background-image: url(../images/hd_bg.JPG);
	background-position: 0px -200px; */
	margin-left: -3px;
	margin-bottom: 20px;
	width: 956px;
	z-index: 5;
	overflow: hidden;
}

#logo {
	/* background-image: url(../images/logo_de.jpg); */
	height: 215px;
	width: 142px;
	z-index: 3;
	margin-left: 50px;
	margin-top: -510px;
	overflow: hidden;

}

.white {
	border: 1px dotted #fff;
	height: 0px;
	margin-left: 5%;
	width: 90%;
}

/*YAHOO Zusätze */


.holder {							/* Klasse für Rahmen & gleichhohe Boxen */
	overflow: hidden;
	height: auto;
}

.autoheight {							/* Klasse für gleichhohe Boxen */
	margin-bottom: -10000px;
	padding-bottom: 10000px;
	height: auto;
}

.leftspace {margin-left: 10px;}

.clearer {clear: both; margin-top: 10px;}

/* IM HEADER VERWENDETE DIVS*/
.toplevel {
	height: 50px;
	width: 100%;
	border-bottom: 2px solid #fff;
	display: block;
	text-align: right:
}

#adminzwei, #admindrei {display: none;}


#changer {
	display: block;
	height: 428px;
	overflow: hidden;
	margin-left: 10px;
	width: 926px;
	border: 5px solid #fff;
	z-index: 1;
}

#changer img {
	max-width: 926px;
	z-index: 100;

}

#bildtext {
	position: relative;
	display: block;
	background-color: none;
	width: 600px;
	font-size: 120%;
	color: #fff;
	right: 50px;
	top: -120px;
	z-index: 999;
}



#bildtext p {
	text-align: right;
	width: 950px;
	margin-right: 250px;
	display: hidden;
	z-index: 1000;
}


/* ALLGEMEINE ZUSÄTZE / KLASSEN FÜR ABSTÄNDE */

.dspace2  { margin-bottom: 2px;}
.dspace5  { margin-bottom: 5px;}
.dspace10 { margin-bottom: 10px;}
.dspace20 { margin-bottom: 20px;}
.dspace40 { margin-bottom: 40px;}
.dspace60 { margin-bottom: 60px;}
.dspace100 { margin-bottom: 100px;}

.uspace-20 { margin-top: -20px;}
.uspace60 { padding-top: 60px;}
.uspace65 { padding-top: 65px;}
.uspace85 { padding-top: 85px;}

.umspace40 {margin-top: 40px;}

.do0 {padding-bottom: 0em; margin-bottom: 0.5em;}

/* ALLGEMEINE ZUSÄTZE / KLASSEN FÜR Farben */

.bcol1 {background-color: #223344; color: #fff;}
.bcol2 {background-color: #708090; color: #fff;}
.bcol3 {background-color: #ddf;}
.bcol4 {background-color: #d3d3d3;}
.bcol5 {background-color: #aa0000; color: #fff;}

.col1 {color: #223344;}
.col2 {color: #336;}
.col3 {color: #ddf;}
.col4 {color: #d3d3d3;}
.col5 {color: #aa0000;}

.thinborder {background-color: #fff; border: 1px solid rgb(112, 128, 144);}


/* RUNDE ECKEN */

/*.yui-b .top, .yui-b .bottom {display:block; background-color: #fff;}
.yui-b .top b, .yui-b .bottom b {display:block;height: 1px; overflow: hidden;}
.yui-b .r1{margin: 0 4px;}
.yui-b .r2{margin: 0 2px;}
.yui-b .r3{margin: 0 1px;}
.yui-b .top .r4, .yui-b .bottom .r4 {margin: 0 1px;height: 1px;}

.yui-u .top, .yui-u .bottom {display:block;}
.yui-u .top b, .yui-u .bottom b {display:block;height: 1px; overflow: hidden;}
.yui-u .r1{margin: 0 4px;}
.yui-u .r2{margin: 0 2px;}
.yui-u .r3{margin: 0 1px;}
.yui-u .top .r4, .yui-u .bottom .r4 {margin: 0 1px;height: 1px;} */

.top, .bottom {display:block; background-color: #fff;}
.top b, .bottom b {display:block;height: 1px; overflow: hidden;}
.r1{margin: 0 4px;}
.r2{margin: 0 2px;}
.r3{margin: 0 1px;}
.top .r4, .bottom .r4 {margin: 0 1px; height: 1px;} 


.allcont {width: 100%; display: block; clear: both;}
.teasere {margin-right: 15px; margin-left: 20px; margin-bottom: 20px; display: inline; float: right; padding: 10px;}
.contli15 {margin-left: 10px; display: inline; float: left; width: 154px; padding: 0px; overflow: hidden; margin-right: 10px; margin-bottom: 10px;}
.contli25 {margin-left: 10px; display: inline; float: left; width: 216px; padding: 0px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; position: relative;}
.contli50 {margin-left: 10px; display: inline; float: left; width: 310px; padding: 0px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; position: relative;}
.contli75 {margin-left: 10px; display: inline; float: left; width: 427px; padding: 0px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; position: relative;}
.contli100 {margin-left: 10px; display: block; width: 97%; padding: 0px; overflow: hidden; margin-right: 0px; margin-bottom: 10px; position: relative;}
.contli15 img, .contli25 img, .contli50 img, .contli75 img {display: block; width: 94%; padding: 3%;}

.teasere {margin-right: 15px; margin-left: 20px; margin-bottom: 20px; display: inline; float: right; padding: 10px;}
.contre15 {margin-left: 10px; display: inline; float: right; width: 176px; padding: 0px; overflow: hidden; margin-right: 0px; margin-bottom: 20px;}
.contre25 {margin-left: 10px; display: inline; float: right; width: 216px; padding: 0px; overflow: hidden; margin-right: 0px; margin-bottom: 20px;}
.contre50 {margin-left: 10px; display: inline; float: right; width: 310px; padding: 0px; overflow: hidden; margin-right: 0px; margin-bottom: 20px;}
.contre75 {margin-left: 10px; display: inline; float: right; width: 427px; padding: 0px; overflow: hidden; margin-right: 0px; margin-bottom: 20px;}
.contre15 img, .contre25 img, .contre50 img, .contre75 img {display: block; width: 94%; padding: 3%;}

.contli100 img {display: block; width: 96%; padding: 2%;}


.bildunterschrift {font-size: 74%; padding: 0px; margin: 0px; position: relative; left: 0px; line-height: 1.2em; clear: both;}
.bildunterschrift sub {color: #888;}


.contli100 .bildunterschrift {margin-left: 1%;}

.bildleiste25 {width: 220px; overflow: hidden; float: right; position: relative; height: 100%; margin-left: 20px; margin-bottom: 0px;}

.floating {margin-top: 0px; padding-top: 0px; }
.clearer {margin-top: 10px; clear: both;}

.teaserhead {color: #fff;}
.lineborder {border-left: 1px solid #aa0000;}



/* WIRD EIGENTLICH NICHT BENÖTIGT - EHER ORIGINALSCRIPT ODER FÜR DIV-ELEMENTE INNERHAL VON "yui-b" oder "yui-u" */
.box { width: 100%;}
.box .top, .box .bottom {display:block;}
.box .top b, .box .bottom b {display:block;height: 1px; overflow: hidden;}
.box .r1{margin: 0 4px;}
.box .r2{margin: 0 2px;}
.box .r3{margin: 0 1px;}
.box .top .r4, .box .bottom .r4 {margin: 0 1px;height: 1px;}



/* RUNDE ECKEN ZWEITE VARIANTE */

.ro {background:url(../images/sdw_ro.jpg) top right no-repeat; margin:0; padding:0;}
.lo {background:url(../images/sdw_lo.jpg) top left no-repeat; margin:0; padding:0;}
.ru {background:url(../images/sdw_ru.jpg) bottom right no-repeat; margin:0; padding:0;}
.lu {background:url(../images/sdw_lu.jpg) bottom left no-repeat; margin:0; padding:0;}


/* FONT RESIZER */

.fontResizer {
   width: 100%;
   margin-left: 880px;
   padding-top: 10px;
}

.fontResizer a:link, .fontResizer a:visited{
  float: left;
  width: 8px;
  padding-left: 5px;
  padding-right: 5px;
  height: 15px;
  text-align: right;
  border: 1px solid #ccc; 
  line-height: 15px;
  text-decoration: none;
  margin-right: 2px;
  padding-bottom: 2px;
}

/* The following control the way the font-resizer links appear only */
a.smallFont { padding-top: 0px; font-size: 9px;}
a.medFont { padding-bottom: 3px; font-size: 13px; }
a.largeFont { padding-bottom: 3px; font-size: 15px; padding-right: 2px;  width: 10px;}
a.curFont { background-color: #708090; }



/* STYLES FÜR DAS MENÜ OBEN */

  .collapser {position: relative; width: 150px; height: 40px; z-index: 2; cursor: pointer; display: inline; float: left; margin-left: 1px; text-align: center; overflow: hidden;}
  .collapsmenu {position: relative; display: none; z-index: 5; height: 240px; width: 140px; overflow: hidden; text-align: left; margin-left: 15px; margin-top: 10px;}

/* IE ONLY */
*html .collapsmenu {margin-top: 10px; width: 140px; padding: 0px;}
*html .collapser {padding: 0px;}

*+html .collapsmenu {margin-top: 10px; width: 140px; padding: 0px;}
*+html .collapser {padding: 0px;}


.tmen_1, .tmen_2, .tmen_3, .tmen_4 {position: relative; width: 150px; height: 40px; display: inline; float: left; text-align: center; margin-left: 1px;}

.tmen_1 {width: 90px;}
.tmen_3 {width: 180px;}
.tmen_4 {width: 190px;}

.tmen_1 {background-image: url(../images/start.gif); background-position: bottom left;}
.tmen_3 {background-image: url(../images/va.gif); background-position: bottom left;}
.tmen_4 {background-image: url(../images/reise.gif); background-position: bottom left;}

.collapser {background-image: url(../images/stadt.gif); background-position: bottom left; background-repeat: no-repeat;}
*html .collapser {background-image: url(../images/stadt.gif); background-position: bottom right; background-repeat: no-repeat;}

.aktivetop {padding-top: 30px;}
.tmen_1.aktivetop {background-image: url(../images/start_aktive.gif); background-position: bottom left;}
*html .aktivetop {background-image: none; background-color: #aa0000;}


a.hidemenu:link, a.hidemenu:visited {color: #fff; padding-top: 5px;}
a.hidemenu:hover {color: #ffd700;}

.aktivetop a.hidemenu:link, .aktivetop a.hidemenu:visited {color: #ffd700; padding-top: 5px;}

.next {padding-bottom: 10px; display: inline; width: 55px; background-image: url(../images/next_button.png); background-position: top right; background-repeat: no-repeat;}
.prev {padding-bottom: 10px; display: inline; width: 55px; background-image: url(../images/prev_button.png); background-position: top right; background-repeat: no-repeat;}

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

/*ES FOLGEN DIE NOCH BENÖTIGTEN JOOMLA STYLES */



/* @group Kontakt Form */
span.pflicht,
span.dfContactError {
	color:#1EA56D;
}
fieldset {
	margin-left: 10px;

}
span.dfContactError {
	display: block;
	margin-top: 3px;
	margin-bottom: 10px;
	clear: both;
}

input#dfContactField-name,
input#dfContactField-addition,
input#dfContactField-state,
input#dfContactField-country,
input#dfContactField-phone,
input#dfContactField-mobile,
input#dfContactField-fax,
input#dfContactField-email {
	width:90%;
	float:left;
	clear: both;
	
}

input#dfContactField-street {
	width: 70%;
	float:left;
	clear:left;
	

}
input#dfContactField-streetno {
	width: 20%;
	float:right;
	
}
input#dfContactField-zip {
	width: 20%;
	float:left;
	clear:left;
}
input#dfContactField-city {
	width: 70%;
	float:right;
}
textarea#dfContactField-message {
	width: 90%;
	height: 250px;
}
input#dfContactField-checkbox {
	float:left;
	margin-right: 10px;
}
/* @end */





/* FORMATE FÜR DATEPICKER DES KALENDERS */

input.pickersend { 
	cursor:pointer;
	display:inline;
	padding: 1px;
	background-color:#aa0000;
	color: #fff;
	letter-spacing: 2px;
	border: 1px solid #aa0000;
	margin: 0px;
	margin-left: 10px;
	padding-right: 10px;
}

input.pickersend:hover { 
	color: #000;
	background-color:#aa0000;
	border: 1px solid #aa0000;
}	

input.suchwortsend { 
	cursor:pointer;
	display:inline;
	padding: 2px;
	background-color:#aa0000;
	color: #fff;
	letter-spacing: 2px;
	border: 1px solid #aa0000;
	margin: 0px;
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	font-size: 11px;
}

input.suchwortsend:hover { 
	color: #000;
	background-color:#aa0000;
	border: 1px solid #aa0000;
	
	}




.selectbox_div {
	
	cursor:pointer;
	display:inline;
	padding: 3px;
	background-color:#aa0000;
	color: #fff;
	font-size: 11px;
	}
		
input.cal_pick_day {margin:10px 0px 0px 10px; width:25px;}	
input.cal_pick_month {margin:10px 0px 0px 10px; width:90px;}
input.cal_pick_year {margin:10px 0px 0px 10px; width:50px;}
input.cal_pick_dauer {margin:10px 0px 0px 10px; width:200px; padding: 2px; border: 1px solid #aa0000;}	
input.cal_search {margin:10px 0px 0px 0px; width:95%;}	




#day_choice {
	display:none;
	position:absolute;
	
	margin:70px 0px 0px 10px;
	width:145px;
	z-index:111;
	background-color: #fff;
	border: 1px solid #aa0000;
	}	

#day_choice .day_select {
	
	float:left;
	width:10px;
	font-size:85%;
	margin:5px;
	text-align:center;
	cursor:pointer;	
	}
.day_select:hover, .month_select:hover, .year_select:hover, .dauer_select:hover {color: #aa0000;}

#month_choice, #year_choice {
	display:none;
	position:absolute;
	padding:2px;
	margin:70px 0px 0px 83px;
	width:90px;
	z-index:111;
	background-color: #fff;
	border: 1px solid #aa0000;
	}
	
#month_choice .month_select, #year_choice .year_select {
	margin:2px;
	cursor:pointer;	
	}

#year_choice {
	margin:70px 0px 0px 221px;
	}


		
#dauer_choice {
	display:none;
	position:absolute;
	padding:2px;
	margin:40px 0px 0px 10px;
	width:260px;
	z-index:111;
	background-color: #fff;
	border: 1px solid #aa0000;
	}
	
#dauer_choice .dauer_select {
	margin:2px;
	cursor:pointer;	
	}
	
	
/* SPRACHMENÜ */
#jflanguageselection {
	margin-top: -5px;
	margin-left: 220px;
}
.jflanguageselection {
	list-style: none;
	display: inline;
	margin-top: 0px;
	}
	
ul.jflanguageselection li {
	display: inline;
	list-style: none;
	margin-right: 8px;
	}
	
#jflanguageselection ul.jflanguageselection li a {
	color: #eee;
	}
#jflanguageselection ul.jflanguageselection li#active_language a{
	color: #aaa;
}

#jflanguageselection ul.jflanguageselection li a:hover {
	color: #aa0000;
	}
	
.jfdefaulttext {
	margin-left: 10px;
	color: #223344;
	background-color: #efefef;
	text-transform: uppercase;
	border-left: 10px solid #aa0000;
	padding: 5px;
	padding-left: 10px;
	font-size: 70%;
	font-weight: bold;
}


.firstnode {font-weight: bold; margin-left: -5px;}

optgroup {margin-top: 10px; text-transform: uppercase; font-style: italic; color: #f2000; border-bottom: 1px solid #999; padding-bottom: 5px;}
option {margin-top: 0px; text-transform: none; font-style: normal; color: #111; border-bottom: none; padding-bottom: 0px;}




/* IMAGE SORTER STYLES */

	.imageBox,.imageBoxHighlighted{
		width:220px;	/* Total width of each image box */
		height:130px;	/* Total height of each image box */
		float:left;
	}
	.imageBox_theImage{
		width:200px;	/* Width of image */
		height:90px;	/* Height of image */

		/*
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom:2px;
	}

	.imageBox .imageBox_theImage{
		border:1px solid #DDD;	/* Border color for not selected images */
		padding:2px;
	}
	.imageBoxHighlighted .imageBox_theImage{
		border:3px solid #316AC5;	/* Border color for selected image */
		padding:0px;

	}
	.imageBoxHighlighted span{	/* Title of selected image */
		background-color: #316AC5;
		color:#FFFFFF;
		padding:2px;
	}

	.imageBox_label{	/* Title of images - both selected and not selected */
		text-align:center;
		font-family: arial;
		font-size:11px;
		padding-top:2px;
		margin: 0 auto;
	}

	/*
	DIV that indicates where the dragged image will be placed
	*/
	#insertionMarker{
		height:110px;
		width:6px;
		position:absolute;
		display:none;

	}

	#insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:110px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */

	}

	#insertionMarker img{
		float:left;
	}

	/*
	DIV that shows the image as you drag it
	*/
	#dragDropContent{

		opacity:0.4;	/* 40 % opacity */
		filter:alpha(opacity=40);	/* 40 % opacity */

		/*
		No need to change these three values
		*/
		position:absolute;
		z-index:10;
		display:none;

	}
	
	
.article_separator, row_separator {
	width: 100%;
	border-bottom: 2px solid #223344;
	display: block;
	clear: both;
	margin-left: 10px;
}

.article_row {
	padding-bottom: 5px;
}

.blog {overflow: hidden;}

textarea#dfContactField-message { 
height:150px;
margin-left:-2px;
width:100%;
}

input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover 
{ 
border:1px solid #223344;
background-color: #ddf;
}

form input, form textarea, form select { 
border: 1px solid #aa0000;
color:#333333;
padding:2px;
}



input.fullwidth	{
	clear:both;
	float:left;
	width:95%;
	margin-bottom: 10px;
}

textarea.fullwidth {
	height: 150px;
	width: 95%;
}

input.halfwidth	{
	width:45%;
	margin-right: 2%;
	margin-bottom: 10px;
}

input.quarterwidth	{
	width:25%;
	margin-right: 2%;
	margin-bottom: 10px;
}


input.threequarterwidth	{
	width:65%;
	margin-right: 2%;
	margin-bottom: 10px;
}

input.sendebutton { 
	background-color: #aa0000;
	border: 1px solid #223344;
	color: #FFFFFF;
	padding: 5px 30px;
	margin: 10px;
	margin-bottom: 40px;
}

input.sendebutton:hover { 
	background-color: #223344;
	border: 1px solid #aa0000;
	color: #FFFFFF;
}

.contentdescription {margin-left: 10px; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px dotted #223344; }

.backbutton {width: 98%; display: block; float: right; margin-right: 2%; text-align: right; }