/* CSS fuer die Starick Struktur */
/* @author: Wido Widlewski */

body {
	background: #fef6d9 url(../design/bg_gelb_strich.gif) top left;
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: 100%;
	
	font-family: Georgia, Arial, Helvetica, Serif;
	font-size: 16px;
}

* html body {
	height: 100%;
}

.aniImages {
	display: none;
}


#seitennavigation {
	position: absolute;
	left: -5000px;
}

.hidden {
	visibility: hidden;
	display: none;
}

.clear {
	clear: both;
}

/* IE6: beide PNGs sind nicht transparent, also sollte der IE6 diese auch korrekt anzeigen */

#aussen {
	background: url(../design/bg_aussen_verlauf.png) repeat-x top right;
	height: 367px;
	/*z-index: 1;*/
}

* html #aussen {
	position: relative;
	background: transparent;
}

#aussen_rechts {
	background: url(../design/bg_aussen_gelb.png) no-repeat top right; 
	height: 367px;
	z-index: 1;
}

* html #aussen_rechts {
	border-bottom: 10px solid #E76700;
}


#zentrierung {
	margin: -350px auto 0px auto;
	text-align: left;
	z-index: 10;
	width: 970px;
	/*background: #FFFF00;*/
}

* html #zentrierung {
	margin: -360px auto 0px auto;
}

#oben {
	float: left;
}

#logo {
	width: 394px;
	float: left;
}

#logo img {
	padding: 0px 0px 0px 20px;
}

#iconnavi {
	/*background: #FF0000;*/
	width: 360px;
	float: left;
	padding: 30px 0px 0px 0px;
}

#kontaktnavi {
	/*background: #00FF00;*/
	width: 200px;
	float: left;
	text-align: right;
	padding: 55px 0px 0px 0px;
}

#kasten_oben {
	clear: both;
	width: 970px;
	background: url(../design/bilder_oben_bg.png) no-repeat top center;
	height: 345px;	
}

* html #kasten_oben  {
	/*background: transparent;*/
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/design/bilder_oben_bg.png', sizingMethod='none');*/
}


#bilder_oben {
	clear: both;
	padding: 20px 0px 0px 21px;
}

#navigation {
	clear: both;
	position: absolute;
	width: 950px;
	top: 100px;
	/*background: #FF0000;*/
	height: 305px;
	z-index: 60;
}

#navi_verbergen {
	/*position: absolute;
	z-index: 200;
	top: 250px;*/
	width: 17px;
	height: 48px;
	margin: -30px 0px 0px -26px;
	/*background: url(../design/navigation/verbergen.gif) no-repeat center;*/
	background: url(../design/navigation/einklappknopf.png) no-repeat left;
	cursor: pointer;
	float: left;
	display: none;
}

#navi_verbergen img {
	width: 17px;
	height: 48px;
}

#navi_anzeigen {
	/*position: absolute;
	z-index: 200;
	top: 280px;*/
	width: 17px;
	height: 48px;
	margin: -30px 0px 0px -25px;
	/*background: url(../design/navigation/anzeigen.gif) no-repeat center;*/
	background: url(../design/navigation/ausklappknopf.png) no-repeat left;
	cursor: pointer;
	float: left;
	display: none;
}

#navi_anzeigen img {
	width: 17px;
	height: 48px;
}



#direktkontakt {
	clear: both;
	float: right;
	margin: -35px 20px 0px 0px;
	width: 240px;
	/*background: #FF0000;*/
}

* html #direktkontakt {
	margin: -35px 0px 0px 0px;
}

#direktkontakt h4 {
	font-family: Georgia, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #992103;
	font-weight: 300;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	float: right;
	
}

/* INHALTSBEREICH */

#inhaltsbereich {
	clear: both;
	float: left;
	/*background: #FF0000 url(../design/inhalt_mitte_bg.png) repeat-y top left;*/
	background: url(../design/inhalt_mitte_bg.png) repeat-y top left;
	margin: 10px 0px 0px 2px;
	width: 968px;
}

#inhaltsbereich-fullwidth {
	clear: both;
	float: left;
	/*background: #FF0000 url(../design/inhalt_mitte_bg.png) repeat-y top left;*/
	background: url(../design/inhalt_mitte_bg_fullwidth.png) repeat-y top left;
	margin: 10px 0px 0px 2px;
	width: 968px;
	background-size: 968px auto;
}

* html #inhaltsbereich {
	background: transparent;
	margin: 10px 0px 0px 5px;
	
	background: url(../design/inhalt_mitte_bg.gif) repeat-y top left;
}

#inhaltsbereich_innen {
	padding: 0px 0px 0px 9px;
}

* html #inhaltsbereich_innen {
	padding: 0px;
}

#inhaltsbereich_links {
	
	background: url(../design/inhalt_oben2_bg.png) no-repeat top left;
	float: left;
	margin: -13px 0px 0px 0px;
	width: 690px;
}


* html #inhaltsbereich_links {
	background: url(../design/inhalt_oben_bg.gif) no-repeat top left;
	margin: 0px;
	width: 692px;
}

#inhaltsbereich-fullwidth #inhaltsbereich_links {
	background: url(../design/inhalt_oben2_bg_fullwidth.png) no-repeat top left;
	margin: 0px;
	width: 968px;
	background-size:968px auto;
	background-position: -9px -9px;
}

#inhaltsbereich_links_innen {
	padding: 0px 0px 0px 20px;
}

* html #inhaltsbereich_links_innen {
	padding: 0px;
}

#inhalt {
	width: 680px;
	clear: both;
	float: left;
}

* html #inhalt {
	width: 691px;
}

#navhistory {
	padding: 25px 0px 0px 0px;
}

#inhalt div.header {
	clear: both;
	padding: 10px 0px 0px 0px;
}

#inhalt div.header h1 {
	display: none;
}

#inhalt div.header h2 {
	display: none;
}


#inhalt a:link,
#inhalt a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #902130;
}

#inhalt a:hover {
	text-decoration: none;
	border-bottom: 0px;
}

#inhalt div.contentcycle_inner div.image a:link,
#inhalt div.contentcycle_inner div.image a:visited, 
#inhalt div.contentcycle_inner div.image a:hover {
	border: 0px;
}

#inhalt div.csc-textpic-imagewrap a:link,
#inhalt div.csc-textpic-imagewrap a:visited,
#inhalt div.csc-textpic-imagewrap a:hover {
	border: 0px;
}


#inhalt_innen {
	
}


#inhalt div.panorama {
	/*padding: 25px 0px 0px 25px;*/
	background: url(../design/panorama_hintergrund.png) no-repeat top left;
	margin: 0px 0px 0px -10px;
	height: 500px;
}

* html #inhalt div.panorama {
	/*background: transparent;*/
	
}


#inhalt div.panorama div.innen {
	padding: 20px 0px 0px 27px;
}

#text_bereich {
	width: 675px;
	/*background: #BBBBBB;*/
	padding: 0px;
}

#text_bereich div.innen {
	padding: 0px 15px 0px 15px;
}

* html #text_bereich div.innen {
	padding: 0px 15px 0px 25px;
}

#text_bereich_schmal {
	width: 430px;
	float: left;
	/*background: #AAAAAA;*/
	padding: 0px;
}

#text_bereich_schmal div.innen {
	padding: 0px 0px 0px 15px;
}

* html #text_bereich_schmal div.innen {
	padding: 0px 0px 0px 25px;
}

/* der konkrate Seiteninhalt */

#seiteninhalt {
	clear: both;
	padding: 10px 0px 0px 0px;
}



* html #seiteninhalt {
	
}

#seiteninhalt div.uebersicht div.inhaltselement div.csc-textpic {
	margin: 0px 0px 0px -10px;
	padding: 9px 0px 15px 9px;
	float: left;
	width: 650px;
	background: url(../design/uebersicht_hintergrund.png) no-repeat left top;
}

#seiteninhalt div.uebersicht div.inhaltselement div.csc-textpic-imagewrap a:link,
#seiteninhalt div.uebersicht div.inhaltselement div.csc-textpic-imagewrap a:visited,
#seiteninhalt div.uebersicht div.inhaltselement div.csc-textpic-imagewrap a:hover {
	border: 0px;
	margin: 0px,
}

#seiteninhalt div.uebersicht div.inhaltselement div.csc-textpic-text {
	width: 400px;
}

#seiteninhalt div.uebersicht div.inhaltselement div.csc-textpic-text p {
	padding: 0px;
	margin: 0px;
}

#seiteninhalt div.uebersicht div.inhaltselement a.pfeil:link,
#seiteninhalt div.uebersicht div.inhaltselement a.pfeil:visited {
	float: right;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	background: url(../design/morelink_pfeil.gif) no-repeat 0px 2px;
	text-decoration: none;
	border-bottom: 1px dotted #902130;
}

#seiteninhalt div.uebersicht div.inhaltselement a.pfeil:hover {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 1px 0px;
	background: url(../design/morelink_pfeil.gif) no-repeat 0px 2px;
	text-decoration: none;
	border-bottom: 0px;
}


/* rechte Spalte im Inhaltsbereich */

#inhalt_rechte_spalte {
	width: 227px;
	float: right;
	margin: 14px 10px 0px 0px;
	background: #fcf9f2 url(../design/punkt_v.gif) repeat-y top left;
}

* html #inhalt_rechte_spalte {
	margin: 1px 0px 0px 0px;
}

#inhalt_rechte_spalte div.header {
	margin: 0px 0px 10px 0px;
}

#inhalt_rechte_spalte div.innen {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*background: #fcf9f2 url(../design/punkt_h.gif) repeat-x bottom left;*/
}

#inhalt_rechte_spalte div.innen div.inhaltselement {
	padding: 0px 0px 0px 9px;
	margin: 0px 0px 0px 1px;
	background: #fcf9f2 url(../design/punkt_h.gif) repeat-x bottom left;
	
}

* html #inhalt_rechte_spalte div.innen div.inhaltselement {
	
	display: block;
}

* html #inhalt_rechte_spalte div.innen div.inhaltselement p {
	display: inline;
}


#inhalt_rechte_spalte div.innen div.inhaltselement div.inhaltselement {
	padding: 0px;
	margin: 0px;
	background: transparent;
}


#inhalt_rechte_spalte p {
	line-height: 150%;
}

#inhalt_rechte_spalte a.pfeil:link,
#inhalt_rechte_spalte a.pfeil:visited {
	padding: 0px 0px 0px 15px;
	background: url(../design/morelink_pfeil.gif) no-repeat left top;
	text-decoration: none;
	border-bottom: 1px dotted #902130;
	display: inline;
}

#inhalt_rechte_spalte a.pfeil:hover {
	padding: 0px 0px 1px 15px;
	background: url(../design/morelink_pfeil.gif) no-repeat left top;
	text-decoration: none;
	border-bottom: 0px;
	display: inline;
}

* html #inhalt_rechte_spalte div.csc-textpic-right {
	display: block;
	width: 225px;
}

*:first-child+html #inhalt_rechte_spalte div.csc-textpic-right {
	display: block;
	width: 217px;
	padding: 0px;
	margin: 0px;
}


#inhalt_rechte_spalte div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { 
	margin-bottom: 0px; 
}

#inhalt_rechte_spalte div.csc-textpic div.csc-textpic-caption {
	display: none;
}

#inhalt_rechte_spalte div.csc-textpic-equalheight div.csc-textpic-imagerow { 
	margin-bottom: 0px; display: block; 
}

 
#inhalt_rechte_spalte div.csc-textpic-imagewrap li.csc-textpic-image a:link,
#inhalt_rechte_spalte div.csc-textpic-imagewrap li.csc-textpic-image a:visited,
#inhalt_rechte_spalte div.csc-textpic-imagewrap li.csc-textpic-image a:hover {
	border: 0px;
}



/* rechte Inhaltsspalte ENDE */

#inhaltsbereich_unten {
	clear: both;
	background: url(../design/inhalt_unten_bg.png) no-repeat top left;
	margin: 0px 0px 0px 2px;
	width: 710px;
	height: 94px;
	float: left;
}

#inhaltsbereich_unten_fullwidth {
	clear: both;
	background: url(../design/inhalt_unten_bg_fullwidth.png) no-repeat top left;
	margin: -1px 0px 0px 2px;
	width: 100%;
	height: 94px;
	float: left;
	background-size:968px;
}

* html #inhaltsbereich_unten {
	background: url(../design/inhalt_unten_bg.gif) no-repeat top left;
	margin: 0px 0px 10px 10px;
	width: 692px;
}

#inhaltsbereich_unten div.tip_a_friend {
	width: 250px;
	margin: 40px 30px 0px 0px;
	font-size: 12px;
	float: right;
	text-align: right;
}

#inhaltsbereich_unten div.tip_a_friend a:link,
#inhaltsbereich_unten div.tip_a_friend a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #902130;
	padding: 0px 0px 2px 0px;
}

#inhaltsbereich_unten div.tip_a_friend a:hover {
	text-decoration: none;
	padding: 0px 0px 2px 0px;
	border-bottom: 0px;
}

#inhaltsbereich_unten_fullwidth div.tip_a_friend {
	width: 250px;
	margin: 40px 30px 0px 0px;
	font-size: 12px;
	float: right;
	text-align: right;
}

#inhaltsbereich_unten_fullwidth div.tip_a_friend a:link,
#inhaltsbereich_unten_fullwidth div.tip_a_friend a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #902130;
	padding: 0px 0px 2px 0px;
}

#inhaltsbereich_unten_fullwidth div.tip_a_friend a:hover {
	text-decoration: none;
	padding: 0px 0px 2px 0px;
	border-bottom: 0px;
}



/* rechte Spalte für den RAND */

#inhaltsbereich_rechts {
	float: right;
	width: 255px;
	/*background: #0000FF;*/
	margin: -8px 0px 0px 0px;
	/*height: 100px;*/
}

* html #inhaltsbereich_rechts {
	margin: 0px;
	width: 256px;
	position: relative;
}

* html #inhaltsbereich_rechts div.inhaltselement {
	background: #FF00FF;
	display: block;
}

#inhaltsbereich_rechts a.pfeil:link,
#inhaltsbereich_rechts a.pfeil:visited {
	padding: 0px 0px 0px 15px;
	background: url(../design/morelink_pfeil.gif) no-repeat 0px 2px;
	text-decoration: none;
	border-bottom: 1px dotted #902130;
}

#inhaltsbereich_rechts a.pfeil:hover {
	padding: 0px 0px 1px 15px;
	background: url(../design/morelink_pfeil.gif) no-repeat 0px 2px;
	text-decoration: none;
	border-bottom: 0px;
}

* html #inhaltsbereich_rechts a.pfeil:hover {
	
	display: block;
}

*:first-child+html #inhaltsbereich_rechts a.pfeil:hover {
	
}

#inhaltsbereich_rechts_innen {
	padding: 0px 0px 0px 0px;

}

#inhalt_rand {
	/*background: #FFFF00;*/
}

#inhaltsbereich_rechts .inhaltselement .header h1{
	display: none;
	font-size: 18px;
	line-height: 125%;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	color: #992103;
	font-weight: normal;
}

#inhaltsbereich_rechts .inhaltselement .header img{
	display: none;
}

#inhaltsbereich_rechts div.header h2 {
	display: none;
}

/* Kasten Gurkenmusuem */

#gurkenmuseum {
	background: url(../design/rechts_mitte_bg.png) repeat-y top right;
	margin: 8px 0px 0px 0px;
	width: 254px;
	float: left;
}

* html #gurkenmuseum {
	width: 238px;
	background: url(../design/rechts_mitte_bg.gif) repeat-y top left;
	margin: 0px 0px 0px 0px;
}

#gurkenmuseum_innen {
	background: url(../design/rechts_oben_bg.png) no-repeat top center;
	margin: -7px 0px 0px 0px;
	padding: 15px 20px 0px 20px;
}

* html #gurkenmuseum_innen {
	margin: 0px 0px 0px 0px;
	background: url(../design/rechts_oben_bg.gif) no-repeat top left;
	padding: 15px 15px 0px 15px;
}

#gurkenmuseum_unten {
	clear: both;
	background: url(../design/rechts_unten_bg.png) no-repeat top left;
	width: 254px;
	height: 45px;
}

* html #gurkenmuseum_unten {
	background: url(../design/rechts_unten_bg.gif) no-repeat top left;
	width: 238px;
	margin: 0px 0px 10px 0px;
}

#gurkenmuseum h4 {
	float: left;
}


/* Kasten Aktuelles */

#aktuelles {
	background: url(../design/rechts_mitte_bg.png) repeat-y top right;
	margin: 8px 0px 0px 0px;
	width: 254px;
	float: left;
}

* html #aktuelles {
	width: 238px;
	background: url(../design/rechts_mitte_bg.gif) repeat-y top left;
	margin: 0px 0px 0px 0px;
}

#aktuelles_innen {
	background: url(../design/rechts_oben_bg.png) no-repeat top center;
	margin: -7px 0px 0px 0px;
	padding: 15px 20px 0px 20px;
}

* html #aktuelles_innen {
	margin: 0px 0px 0px 0px;
	background: url(../design/rechts_oben_bg.gif) no-repeat top left;
	padding: 15px 15px 0px 15px;
}

#aktuelles_unten {
	clear: both;
	background: url(../design/rechts_unten_bg.png) no-repeat top left;
	width: 254px;
	height: 45px;
}

* html #aktuelles_unten {
	background: url(../design/rechts_unten_bg.gif) no-repeat top left;
	width: 238px;
	margin: 0px 0px 10px 0px;
}


/* Kasten Zimmer frei! */
/* nur ein Hintergrundbild */

#zimmer_frei {
	background: url(../design/rechts_uhr_bg.png) no-repeat top center;
	margin: 0px 0px 0px 0px;
	width: 254px;
	float: left;
	height: 213px;
}

* html #zimmer_frei {
	width: 238px;
	height: 197px;
	background: url(../design/rechts_uhr_bg.gif) no-repeat top right;
	margin: 0px 0px 12px 0px;
}

#zimmer_frei_innen {
	/*background: url(../design/rechts_oben_bg.png) no-repeat top center;
	margin: -7px 0px 0px 0px;
	*/
	padding: 20px;
}

* html #zimmer_frei_innen {
	
}

#zimmer_frei_unten {
	clear: both;
	/*background: url(../design/rechts_unten_bg.png) no-repeat top left;
	width: 254px;
	height: 45px;*/
}


/* Kasten fuer das Wetter */
/* Kasten fuer die Sprachwahl */
#wetter,
#sprachwahl {
	clear: both;
	background: url(../design/rechts_mitte_bg.png) repeat-y top right;
	margin: 8px 0px 0px 0px;
	width: 254px;
	float: left;
}

* html #wetter,
* html #sprachwahl {
	clear: both;
	background: url(../design/rechts_mitte_bg.gif) repeat-y top left;
	margin: 0px;
	width: 238px;
	padding: 0px;
}

#wetter_innen,
#sprachwahl_innen {
	background: url(../design/rechts_oben_bg.png) no-repeat top center;
	margin: -7px 0px 0px 0px;	
	padding: 15px 15px 0px 15px;	
}

* html #wetter_innen,
* html #sprachwahl_innen {
	margin: 0px;
	background: url(../design/rechts_oben_bg.gif) no-repeat top left;
	padding: 15px 15px 0px 15px;
}

#wetter_unten,
#sprachwahl_unten {
	clear: both;
	background: url(../design/rechts_unten_bg.png) no-repeat top left;
	width: 254px;
	height: 45px;
}

* html #wetter_unten,
* html #sprachwahl_unten {
	background: url(../design/rechts_unten_bg.gif) no-repeat top left;
	width: 238px;
	margin: 0px 0px 10px 0px;
}


#sprachwahl img {
	border: 0px;
}

#sprachwahl ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
	padding: 10px 0px 10px 0px;
}

#sprachwahl li {
	float: left;
	line-height: 100%;
	padding: 0px 5px 0px 0px;
	margin: 0px;
}

#sprachwahl li img.pointer {
	width: 7px;
	height: 10px;
}



/* Kasten Callback */

#callback {
	background: url(../design/rechts_telefon_bg.png) no-repeat top center;
	margin: 0px 0px 0px 0px;
	width: 254px;
	height: 181px;
	float: left;
	display: none;
}

* html #callback {
	width: 238px;
	height: 165px;
	background: url(../design/rechts_telefon_bg.gif) no-repeat top center;
	margin: 0px 0px 10px 0px;
}

#callback_innen {
	/*background: url(../design/rechts_oben_bg.png) no-repeat top center;
	margin: -7px 0px 0px 0px;*/
	
	padding: 20px;
	display: none;
}

#callback_unten {
	clear: both;
	display: none;
	/*
	background: url(../design/rechts_callback_unten.png) no-repeat bottom right;
	width: 254px;
	*/
	/*height: 60px;*/
}

#inhalt-full #text_bereich{
width:97%;
}