* html { /*für IE5 - IE6 */
height: 1%;
}
*:first-child+html { /*für IE7*/
min-height: 1%;
}
html,body {
	margin : 0;
	padding : 0;
	height:100%;
	width:100%;
	color: #242424;
	background: #e3dcc2 url(images/bg.jpg) repeat;
}
body,td,th {font : normal 100.1% verdana, helvetica, "Trebuchet MS", sans-serif;}
			/*TYPOGRAPHY*/
h1 {
	margin : 0px;
	padding: 0.8em 0 0.7em 0;
	color : #734e31;
	text-align: center;
	text-transform : uppercase;
	font : normal 1.6em verdana, helvetica, "Trebuchet MS", sans-serif;
	font-weight:700;
	letter-spacing: 0.34em;
	background:inherit;
	white-space: nowrap;
}
h2 {
	margin : 0px;
	padding : 0.5em 0 0 0;
	text-transform : uppercase;
	font : bold 1.31em verdana, helvetica, "Trebuchet MS", sans-serif;
	color : #734e31;
	background : inherit;
	letter-spacing: 0.4em;
	text-align:center;
}
h3 {
	margin : 0;
	padding: 0 0 0.15em 0;
	font : normal 1.25em verdana, helvetica, "Trebuchet MS", sans-serif;
	color : #734e31;
	letter-spacing: 0.4em;
}
h4 {
	margin: 0;
	padding: 0 0 0.625em 0;
	font: 800 115% verdana, helvetica, "Trebuchet MS", sans-serif;
	color: #734e31;
	font-style: italic;
	text-decoration: underline;
	letter-spacing:0.30em;
	text-align:center;
}
h5 {
	margin : 0;
	padding : 0.24em 0 0.625em 0;
	font : 600 110% verdana, helvetica, "Trebuchet MS", sans-serif;
	color : #734e31;
	font-style: italic;
	text-decoration: underline;
	text-align:center;
}
h6 {
	margin : 0;
	padding-top:10px;
	padding-bottom: 2px;
	font : bold 95% verdana, helvetica, "Trebuchet MS", sans-serif;
	color : #734e31;
}
hr {
	width: 100%;
	color: #734e31;
	height:2px;
	background: #734e31;
	border-style: none;
	clear:both;
	margin-bottom:0.625em;
}
p {
line-height: 135%;
margin:0;
padding:0;
text-align:justify;
}
.zeilenhoehe {line-height: 135%;}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*RAHMEN*/
.diarahmen {
	background-color: #bfa280;
	border-width: 1px;
	padding:5px;
	border-color: #5f3d18;
	border-style: solid;
	margin:4px;
}
.bilderrahmen_klein {
	background-color: #bfa280;
	padding: 6px;
	border:2px solid #734e31;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}
.bilderrahmen_klein_m_text_div {
	display:block; 
	float:left; 
	width: auto;
	border:2px solid #734e31;
	margin: 0px 0px 15px 15px;
	background-color:#bfa280;
	text-decoration:none;
}
.bilderrahmen_klein_m_text_div a img {border:0;}
.bilderrahmen_klein_m_text {
	background-color: #bfa280;
	padding: 6px 6px 3px 6px;
}
.bilderrahmen_klein_m_text_text {
	display:block;
	padding:0px 0px 3px 0px;
	background-color:#bfa280;
	color:#734e31;
	text-align:center;
	font-size:0.89em;
	overflow:hidden;
	white-space:nowrap;
	font-weight:normal;
	}
.bilderrahmen_klein_m_text_div2 {
	display:block; 
	float:left; 
	width:312px;
	border:2px solid #734e31;
	margin: 0px 0px 15px 15px;
	background-color:#bfa280;
	text-decoration:none;
}
.bilderrahmen_klein_m_text_div2 a img {border:0;}
.bilderrahmen_klein_m_text2 {
	background-color: #bfa280;
	padding: 6px 6px 3px 6px;
}
.bilderrahmen_klein_m_text_text2 {
	width: 300px;
	padding:0px 6px 3px 6px;
	background-color:#bfa280;
	color:#734e31;
	text-align:center;
	font-size:0.89em;
	overflow:hidden;
	white-space:nowrap;
	display:block;
	font-weight:normal;
	}

.startrahmen {
	background-color: #bfa280;
	border-width: 2px;
	padding:11px;
	border-color: #734e31;
	border-style: solid;
}
#bildzoom {width:100%; height:auto;}
#bildzoomnoscri {width:100%; max-width:1280px;}
#bildzoomk {width:100%;}
.tbild {margin: 0 25px 1.5em 0; text-align:center;}
.tbildhm {margin: 0 15px 1.5em 0; text-align:center;}

.textbilderrahmen {
	background-color: #bfa280;
	padding:10px 10px 5px 10px;
	display:block;
}
.texttextbilderrahmen {
	font-size:small; 
	text-align:center; 
	background-color:#bfa280; 
	padding-bottom:5px;
	display:block;
}
.textbilderrahmen a {
	border:0;
}
.textbilderrahmenhover a:hover {
	color: #993300;
	text-decoration:none;
}
			/*BOX BREIT*/
.dialog {/* Groesse Dialogbox*/
 margin:0px auto;
}
.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:20px; /* Hoehe Kopfzeile */
}
.dialog .ft .c {
 height:36px;   /*Fusszeile */
}
.dialog .hd {
 background:transparent url(/urlaubsseiten/images/ra_ro_g.gif) no-repeat right 0px;
}
.dialog .hd .c {
 background:transparent url(/urlaubsseiten/images/ra_lo_g.gif) no-repeat left 0px;
 margin-right:30px;
}
.dialog .bd {
 background:transparent url(/urlaubsseiten/images/ra_rm_g.gif) repeat-y right 0px;
}
.dialog .bd .c {
 background:transparent url(/urlaubsseiten/images/ra_lm_g.gif) repeat-y left 0px;
 margin-right:30px;
}
.dialog .bd .c .s {
 margin: 0px 0px 0px 0px;
 padding:0.5em;
}
.dialog .ft {
 background:transparent url(/urlaubsseiten/images/ra_ru_g.gif) no-repeat right 0px;
}
.dialog .ft .c {
 background:transparent url(/urlaubsseiten/images/ra_lu_g.gif) no-repeat left 0px;
 margin-right:30px;
}
			/*Seite Hoehe 100%*/
div#Zur_Reise {
	position: relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	min-width:48em;
}
			/*HEADER*/
div#header {
	width: 100%;
	position: fixed;
	overflow: hidden;
	z-index:100;
	min-width:40em;
}
div#header #header1 {
	color : #734e31;
	height: 4.0em;
	width:100%;
	background : transparent url(images/bg_kopf1.jpg) repeat-x;
}
div#header #header2 {
	height:0.8em;
	color : #000;
	font-size:0.5em;
	width:100%;
	background : transparent url(images/bg_kopf2.jpg) repeat-x;
}
			/*MITTE*/
div#content {
	padding:7.2em 1.5em 5em 1.5em; /* bottom padding for footer */
	z-index:150;
}
			/*FOOTER*/
div#footer {
	position: absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	z-index:60;
	background-color:#bfa280;
}
div#footer a {
	text-decoration: none;
	color : #5f3d18;
	background : inherit;
}
div#footer a:hover {
	color:#e3dcc2; text-decoration:none ;
	background-color:#5f3d18;
}

div#footer div {margin:0;}
div#footer #footer_o {
	height: 7px;
	background : transparent url(images/bg_fuss_o.jpg) repeat-x;
	font-size:0.1px;
}
div#footer #footer_m {
	margin: 0;
	font-size:.8em;
	height:1.4em;
	color:#5f3d18;
	text-align:right;
	padding-right:20px;
}
.footer_m_left {
	float:left; 
	width:10%; 
	text-align:left; 
	padding-left:20px;
	padding-top:1px;
}
.footer_m_mitte {
	float:left; 
	width:50%; 
	text-align:center;
}
.footer_m_right {
	float:right; 
}

div#footer #footer_u {
	background : url(images/bg_fuss_u.jpg) repeat-x;
	height:7px;
	margin:0;
	max-height:7px;
	font-size:5px;
}
/* Navigation oben quer */
#kopfmenu a, #kopfmenu a:visited, li#active a {
	display: block;
 	text-decoration:none ; 
	font-size: 1.1em;
	line-height:1.4em;
	font-weight:normal;
	padding: 0px;
	margin: 0px;
	text-align:center;
	background-color:#bfa280;
	vertical-align:middle;
	color:#5f3d18;
}
table#kopfmenu {
	border:0px;
	width:100%;
}
#kopfmenu td {
	background-color:#bfa280;
	width:14.25%;
}
#kopfmenu a:hover {
	color:#e3dcc2; text-decoration:none ;
	background-color:#5f3d18;
	border-left:solid 1px #bfa280;
	border-right:solid 1px #bfa280;
}
#kopfmenu td#active a {
	color:#e3dcc2; 
	text-decoration:none ;
	background-color:#5f3d18;
}
 		 /*FLOAT LEFT ZENTRIERT*/
#info {text-align:center; padding-bottom: inherit;}
#info h3 {text-align:left;}
#info .infocontainer {clear:both; float:left; position:relative; width:100%; overflow:hidden;}
#info .infomenu2 {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
 }
#info .infomenu2 li {
  float:left; 
  position:relative; 
  right:50%; 
  list-style-type:none;
 }
 		 /* NAVIGATION LINKS */
.links {margin-left:1em}
.links .button img {float:left; font-size:1em; height:0.6875em; width:0.6875em; padding-top:0.25em;}
.links .text { margin-left: 1.4em; display:block; padding-bottom:0.7em; text-align:justify;} 
			/*LINKS*/
#content a {
	text-decoration: none;
	color : #5f3d18;
	background : inherit;
	letter-spacing: 0.02em;
	font : 600 95% verdana, helvetica, "Trebuchet MS", sans-serif;
}
#content a:hover {
	text-decoration: underline;
	color: #8D5925;
	background : inherit;
	font : 600 95% verdana, helvetica, "Trebuchet MS", sans-serif;
	letter-spacing: 0.02em;
}
			/*SONSTIGES*/
.fett {	font-weight:bold;}
.unterstrichen {text-decoration:underline;}
.zentriert {text-align:center;}
.nobreak {white-space:nowrap;}
.ab10 {padding-top:0.625em;}
.ab20 {padding-top:1.25em;}
.ab25 {padding-top:1.5em;}
.ab30 {padding-top:1.875em;}
.ab40 {padding-top:2.5em;}
.ab50 {padding-top:3em;}
.rot {color: #993300;}
.orange {color: #FF6600;}
.gruen {color: #009900;}
.braun {color: #734e31;}
#Bilder {margin:-65px 0 0 0; padding-top: 125px;}
#Bilder1 {margin:-75px 0 0 0; padding-top: 80px;}
#Bilder2 {margin:-75px 0 0 0; padding-top: 125px;}
#Bilder3 {margin:-75px 0 0 0; padding-top: 125px;}
#Bilder4 {margin:-75px 0 0 0; padding-top: 125px;}
#Bilder5 {margin:-75px 0 0 0; padding-top: 125px;}
#Bilder6 {margin:-75px 0 0 0; padding-top: 125px;}
#Bilder7 {margin:-75px 0 0 0; padding-top: 125px;}
#Bilder8 {margin:-75px 0 0 0; padding-top: 125px;}
#Bilder9 {margin:-75px 0 0 0; padding-top: 125px;}
#Tipps {margin:-65px 0 0 0; padding-top: 125px;}
#Slideshows {margin:-65px 0 0 0; padding-top: 125px;}

.infogif {width:0.6875em; height:0.6875em;}
.clear {clear: left; overflow: hidden; width: 0; height: 0;}
.upbutton {width:2.125em; height:1.25em;}
.floatl24 {float:left; margin-left:24px}
.floatr24 {float:right; margin-right:24px;}
.kursiv { font-style:italic;}
.kursivaus {font-style:normal;}
			/*Horizontales Menue Reiseberichte*/

.menu_bildgroesse{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	background:#bfa280;
	line-height:1.5em;
	color:#5f3d18;
	font : normal 1em verdana, helvetica, "Trebuchet MS", sans-serif;
	width:100.5%;
	}

.menu_bildgroesse_unternemue{font-size:0.85em; line-height:1.6em;}

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:1.1em;
	font-weight:bold;
}
.menu ul{
	background:#bfa280;
	height:1.4em;
	list-style:none;
	margin:0;
	padding:0;
}
.menu li{
		float:left;
		padding:0px;
		text-align:left;
}
.menu li a{
	background-color: #bfa280;
	color:#5f3d18;
	display:block;
	font-weight:normal;
	line-height:1.4em;
	margin:0px;
	padding:0;
	width:8em;
	text-align:center;
	text-decoration:none;
	background-color: #bfa280;
}
.menu li a:hover, .menu ul li:hover a{
	background: #5f3d18;
	color:#bfa280;
	text-decoration:none;
}
.menu li ul{
	background:#bfa280;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	text-align:right;
	position:static;
	width:8em;
	z-index:2000;
	border:1px solid #5f3d18;
	/*top:1em;
	/*left:0;*/
}
.menu li:hover ul{display:block;}
.menu li li {
	background:url('images/sub_sep.gif') bottom left no-repeat;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:auto;
	white-space:nowrap;
	overflow:hidden;
}
.menu li:hover li a{
	background:none;
	color:#5f3d18;
	width:auto;
}
.menu li ul a{
	display:block;
	height:1.5em;
	font-size:0.85em;
	font-style:normal;
	margin:0px;
	padding:0px 0.625em 0px 0.9375em;
	text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a, li#act a{
	background:#5f3d18 url('images/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#bfa280;
	text-decoration:none;
	width:auto;
}
.menu p{clear:left;}
.menu .w79em {width: 7.9em;}
.menu .w80em {width: 8em;}
.menu .miblo {width:24.1em;}
.minweite1 {min-width:51em;}
.minweite2 {min-width:44em;}
.backgroundbfa240 {background:#bfa280;}
.flagge {border:0; width:16px; height:10px;}
.form0px {padding:0px; margin:0px;}
.validome {width:6.25em; height:1.17em;}
.nur_rahmen {border:2px solid #734e31;}
.cursor_hand {cursor:pointer;}
.maxstartbreite {max-width: 5000px;}

.fullscreenBtn {
	height:14px;
	background:url(images/fullscreenBtn.png) no-repeat;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	opacity:1.0;
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	-ms-transition:all .25s linear;
	transition:all .25s linear;
}

.fullscreenBtn:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	-ms-transition:all .25s linear;
	transition:all .25s linear;
}
<!-- zentrieren von divs  -->
*{margin:0;padding:0;}
.row{ 
        position:relative;
        display:inline-block;
        text-align:center;
        }
.mainsite{ 
        text-align:center;
        position:relative;
         }
.category{
        float:none;
        padding:1px; 
        margin:2px ;
        width:22.5em; min-width:22.5em;
        text-align:center ;  
        position: relative ;
		display: inline-block ;
		}
.spacer{padding:2px;}