/*****************/
/*   MAIN BODY   */
/*****************/
body
{
font-size: 70%;	
margin: 0em auto;
padding: 0em;
font-family: Verdana,Tahoma, Arial,sans-serif;
}
	
h1
{
padding: 0.2em 0.2em 0.2em 0.3em;
background-color: #FFDD00;
text-align: center;	
font-size:14px;
font-weight: bold;
color: rgb(50,50,50);
width: 100%
}

h2
{    
clear: both;
text-align: center; 
padding: 0.5em 0em 0.5em 1em;          
font-size:12px;
font-weight: bold;
color: rgb(50,50,50);
}

h2.blau
{ 
margin: 0em 0em 1em 0em;
padding: 0em;
background-color: #FFFF7D;		
font-size:12px;
font-weight: bold;
color: #0033FF;
}
 
h3
{
clear: both;
text-align: center; 
font-size: 12px;
}

a
{
font-size: 100%;
text-decoration: none;
color: #3333CC;
}

a.winterurlaublink
{
margin: 0em 0em 0em 13em;
font-size: 100%;
text-decoration: none;
color: #3333CC;
}

img
{
border:0px;
margin:0px 5px 0px 5px;
padding-bottom: 5px;
}

table
{ 
width: 510px;
}
		
th
{
text-align: right;
}

td
{
background-color: #FFFFFF;
text-align: left;
padding: 0.5em; 
}

li {list-style: none;}

li.content
{
list-style: none;
margin: 0em 0em 0em -4em;
font-size: 10px; 
font-weight: bold;

}

#tabelle_winterurlaub
{ 
width: 700px;
margin: 0em 0em 0em 0em;
}
		
p.liste
{
font-size:10px;
color: #000;
font-weight: bold;
}

p
{
font-size:10px;
color: #000;
text-align:justify;
}

p.index
{
margin: 2em 0em 0em 9em;
font-size:10px;
color: #000;
text-align:justify;
width: 80%;
}

#wrap
{
width: 1200px;
margin: 0em auto;
}

#text
{
width: 65%;
margin: 0em auto;
}

/**************/
/*   HEADER   */
/**************/


#header-section
{
width: 763px;
margin: 0em auto;
margin-top: 1em;
}

#header
{
width:763px;
clear: both;
margin: 0em auto;
border-top: solid 0.2em #FF6600;
border-bottom: solid 0.2em #FF6600;
background-color: #FFFFFF;	
text-transform: uppercase;
line-height: 2.3em;
height: 2.3em;
color: rgb(50,50,50);
}

#header ul
{	
margin: 0em;
padding: 0em;
list-style: none;
}	

#header li
{
float: left;
white-space: nowrap;
}

#header li a
{
display: block;
padding: 0em 1em 0em 1.2em;
border-left: solid 0.2em #FFDD00;	
background-color: #FFDD00;	
text-decoration: none;
color: #696969;
}

#header a:hover
{
border-left: solid 0.12em rgb(175,175,175);
background-color: #FF6600;			
text-transform: uppercase;
text-decoration: none;
color: rgb(50,50,50);
}

#header .selected 
{
padding: 0em 0.5em 0em 0.5em;
border-right: solid 0.1em rgb(175,175,175);		
background-color: rgb(220,220,220);
color: rgb(50,50,50);
}

* html #header a {width:1%;}

/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column
{
float: left;
margin-top: 2em;
width: 160px;
background-color: rgb(255,255,255);
font-size: 11px;
color: rgb(50,50,50);
}

#left-column ul
{	
margin: 0em 0em 0em 0em;
padding: 0.0em 1em 1em 1em;
list-style: none;

}	

#left-column li
{
margin: 0em 0em 0em 0em;
}

#left-column li a 
{
display: block;
padding: 0.3em 0.7em 0.2em 1.2em;
border-left: solid 0.5em #FFDD00;
border-top: solid 0.1em rgb(200,200,200);
background-color: #FFDD00;
text-decoration: none;
font-weight: normal;
color: #696969;
height: 1.3em;
}	
	
#left-column a:hover
{
border-left: solid 0.5em #FFFF00;
background-color: #FF6600;
text-decoration: none;
color: rgb(50,50,50);
}

#left-column .selected
{
display: block;
padding: 0.3em 0.7em 0.2em 1.2em;
border-left: solid 0.5em rgb(175,175,175);
border-top: solid 0.1em rgb(200,200,200);
background-color: rgb(220,220,220);
font-weight: normal;
color: rgb(50,50,50);
}

#left-column .left-navheader-first 
{
display: block;
margin: 0em 0em 1.0em 0em;
padding: 0.3em 0.7em 0.3em 0.9em;
border-left: solid 0em rgb(255,210,113);
background-color: rgb(220,220,220);
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
color: rgb(50,50,50);
}

#left-column .left-navheader
{
display: block;
margin: 1.0em 0em 0em 0em;
padding: 0.3em 0.7em 0.3em 0.9em;
border-left: solid 0.5em #FF6600;
background-color: #FF6600;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
color: rgb(50,50,50);
}

/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/

/*  Beginn - index, winterurlaub.html, fluege */

#middle-column3 {
float: left;
margin: 0.5em 0em 0em 2em;
width: 69%;
padding: 0em 0em 0em 0em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
}

#middle-column-kurzreisen {
float: left;
margin: 0.5em 0em 0em 0em;
padding: 0em 0em 0em 0em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
}


#middle-column-info 
{
float: left;
margin: 2em 0em 0em 7em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
width: 62%;
}

#middle-column_wm
{
float: left;
margin: 2em 0em 0em 3em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
width: 62%;
}

#middle-column-fruehbucher
{
float:left;
margin: 0em 0em 0em 14em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
width: 48%;
}

#middle-winterseite-index
{
float: left;
margin: 2em 0em 0em 7em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
width: 60%;
}

#middle-column-winterdetailseite
{
float: left;
margin: 0em 0em 0em 10em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
width: 60%;
}

#middle-column-reiseanfrage
{
float: left;
margin: 0em 0em 0em 8em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
width: 62%;
}

#middle-column2 {
float: left;
margin: 3em 1.5em 0em 1em;
width: 60%;
padding: 0em 0em 0em 0em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
}


#middle-column_reisebuecher
{
float:left;
margin: 0em 0em 0em 2em;  
background-color: rgb(255,255,255);
color: rgb(100,100,100);
}

#middle-column_hotel_de
{
float:left;
width: 58%;
margin: 1.5em 0em 0em 0em;  
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
}


/* Beginn - allgemein */

#anzeigenzeile {
margin: 1em 0em 0em 15em;
}

#kleine-bilderserie
{ 
clear: both;
margin: 0em 0em 0em 4.5em;
width: 100%;
}

#leaderboard {
margin: 0em 0em 0em 5em;
text-align: center;
margin-top: 1.5em;        
}

/* Ende - allgemein */



/*   Beginn - index, pauschalreisen */

.iframe-left 
{
float: left;
margin: 2em 0em 0em -2em;
width: 61%;
}

/*   Ende - index, pauschalreisen */

/*   Beginn - index */

.square-right-gewinnspiel
{
float: right;
margin: 2em -1em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding-left: 0.5em;
width: 280px;
}

#square-unten-rechts
{
float: right;
margin: 1em -1em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px;  
padding: 1.5em;
width: 250px;
}


/*   Ende - index */


/*   Beginn - pauschalreisen */

.square-right-pauschalreisen
{
float: right;
margin: 2em -2em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding: 1em;
width: 300px;
}

#square-unten-rechts-pauschalreisen
{
float: right;
margin: 1em -2em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px;  
padding: 1em 0em 1em 1em;
width: 310px;
}

/*   Ende - pauschalreisen */


/*  Beginn - AGBs, pauschalreisen-suchen, Pauschalreisen-Empfehlungen */

#middle-column1
{
float: left;
margin: 2em 0em 0em 5em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
width: 60%;
}

#text-mitte
{
width: 100%;
margin: 0em 0em 0em -2em;
}

#contentad-right
{
float: left;
width: 300px; 
padding: 0.7em;
}

/*  Ende - pauschalreisen-suchen */

/*  alt */


.middle-column-left {
	float: left;
	width: 47.75%;
}

.middle-column-right {
	float: right;
	width: 47.75%;
}


#text-mitte-hotel_de
{
float:left;
width: 85%;
margin: 2em 0em 2em 12em;
border:thin solid #CCCCCC; 
padding: 1em;
}

.text-left {
float: left;
width: 69%;
border:thin solid #CCCCCC; 
padding: 0.5em;
}


.ad-right {
float: right;
margin: 2em 0em 0em 0em;
width: 26.7%;
}

.ad 
{
clear: both;
float: right;
margin: 2em 0em 0em 0em;
width: 100%;
}



#info-buchung
{  clear: both;
  border-width:1px;
  border-style:solid;
  border-color: #FFCC00;
  padding:1.0em;
  text-align:justify; 
}



/*   Beginn - frıhbucher, kreuzfahrten... */

.text-right2
{
display: block;
float: right;
margin: 0em -1em 0em 0em;
border-radius: 10px;
width: 300px;
padding: 1em;
}

.text-left2
{
display: block;
float: left;
margin: 0em 0em 0em 0em;
border:thin solid #CCCCCC;  
border-radius: 10px;
width: 411px;
padding: 1em;
}

#iframe
{
float: left;
width: 62%;   
margin: 0em 0em 0em 4em;
padding: 2em;
}

*+html #iframe
{
margin: 0em 0em 0em 4em;
}


#iframe-Pauschalreisen
{
float: left;
width: 75%;   
margin: 0em 0em 0em 4em;
padding: 2em;
}

#fruehbuchertabelle 
{ margin: 2em 0em 1em 0em;
width: 560px;
}

/*   Ende- frıhbucher, kreuzfahrten */



/*   Beginn - lastminute */

.iframe-left-lastminute
{
float: left;
margin: 1.8em 0em 3em -2em;
width: 65%;
}

.text-right-lastminute {
float: right;
margin: 1.8em -2em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding: 1em;
width: 240px;
}

#square-unten-rechts-lastminute
{
float: right;
margin: 1em -2em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px;  
padding: 0.5em;
width: 250px;
}

/*   Ende - lastminute */

/*   Beginn - wellness */

.iframe-left-wellness
{
float: left;
margin: 0em 0em 0em -2em;
width: 65%;
}

.text-right-wellness {
float: right;
margin: 0em -2em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding: 1em;
width: 240px;
}

#square-unten-rechts-wellness
{
float: right;
margin: 1em -2em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px;  
padding: 1em;
width: 240px;
}

/*   Ende - wellness */

/*   Beginn - inselurlaub */

#iframe-left-inselurlaub {
float: left;
margin: 0.2em 0em 0em 1em;
width: 40%; 
}

.text-right-inselurlaub
{
float: right;
margin: 0.8em -2em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding: 1em;
width: 250px;
}

#square-unten-rechts-inselurlaub
{
float: right;
margin: 1em -2em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px;  
padding: 1.5em;
width: 240px;
}

/*   Ende - inselurlaub */

/*   Beginn - fernreisen */

#iframe-left-fernreisen {
float: left;
margin: 0.2em 0em 0em 0em;
width: 60%; 
}

.text-right-fernreisen {
float: right;
margin: 1.8em -2em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding: 1em;
width: 230px;
}

/*   Ende - fernreisen */

/*   Beginn - rundreisen */

.text-mitte-rundreisen{
display: block;
float: left;
padding: 10px;
border-radius: 10px;
margin: 0em 0em 2em 4em; 
width: 90%;
border:thin solid #CCCCCC; 
padding: 0.5em;
}

/*   Ende - rundreisen */

/*   Beginn - fluege */

.iframe-left-fluege
{
float: left;
margin: 0em 0em 0em 0em;
width: 60%;
}

.text-right-fluege {
float: right;
margin: 1.8em -1em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding: 1em;
width: 240px;
}

#square-unten-rechts-fluege
{
float: right;
margin: 1em -1em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px;  
padding: 1em;
width: 240px;
}

/*   Ende - fluege */


/*   Beginn - hotels */

.iframe-left-hotels {
float: left;
margin: 0.2em 0em 0em -1em;
width: 50%; 
}

.text-right-hotels {
float: right;
margin: 0em -1em 0em 0em;
width: 240px;
}

#square-unten-rechts-hotels
{
float: right;
margin: 1em -1em 0em 0em;
width: 240px;
}

/*   Ende - hotels */


/*   Beginn - wellnesshotels */

.iframe-left-wellnesshotels {
float: left;
margin: 0.2em 0em 0em -1em;
width: 50%; 
}

.text-right-wellnesshotels {
float: right;
margin: 0em -4em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding: 1em;
width: 240px;
}

#square-unten-rechts-wellnesshotels
{
float: right;
margin: 1em -4em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding: 1em; 
width: 240px;
}

/*   Ende - wellnesshotels */

/*   Beginn - ferienhaeuser */

.iframe-left-ferienhaeuser
{
float: left;
margin: 1em 0em 0em -0.5em;
width: 50%; 
}

.text-right-ferienhaeuser
{
float: right;
margin: 0em -1.5em 0em 0em;

width: 240px;
}

#square-unten-rechts-ferienhaeuser
{
float: right;
margin: 5em -1.5em 0em 0em;
width: 240px;
}

/*   Ende - ferienhaeuser */


/*   Beginn charity */

#charity
{
float: left;
margin: 0em 0em 0em 8em;

}


<!-- Beginn - pauschalreisen, winterdetailseite -->

.text-mitte
{
display: block;
float: left;
padding: 10px;
border-radius: 10px;
margin: 0em 0em 0em 9em; 
width: 55%;
border:thin solid #CCCCCC; 
padding: 0.5em;
}


*+html .text-left2
{
width: 50%;
}



<!--Ende - pauschalreisen -->

<!--  Beginn - Pauschalreisen-Detail  -->


#text 
{
margin: 1em 0em 1em 5em;
float: left;
width: 80%;
}

#iframe-Pauschalreisen-Detail
{
float: left;
width: 80%;   
margin: 0em 0em 0em 5em;
padding: 2em;
}

#iframe-left-Pauschalreisen-Detail {
float: left;
margin: 0em 0em 0em 1em;
padding-right: 1em;
padding-left: 1em;
width: 60%; 
}

#text-right-Pauschalreisen-Detail {
float: right;
margin: 0.8em -1.5em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding: 0.5em;
width: 200px;
}

.text-right2-Pauschalreisen-Detail
{
float: right;
margin: 0.8em -1.5em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding: 0.5em;
width: 200px;
}


/*  Ende - Pauschalreisen-Detail */


/*   Beginn - Gewinnspiel */

#middle-column-gewinnspiel {
margin: 0em auto;
width: 50%;
}

/*   Beginn - Staedtereisen */

.text-right-staedtereisen {
float: right;
margin: 1.8em -2em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding: 1em;
width: 240px;
}


/*   Beginn - kurzreisen */

.iframe-left-kurzreisen
{
float: left;
margin: 1.8em 0em 0em 0em;
width: 65%;
}

.text-right-kurzreisen {
float: right;
margin: 1.8em -4em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px; 
padding-right: 2em;
width: 240px;
}

#square-unten-rechts-kurzreisen
{
float: right;
margin: 1em -4em 0em 0em;
border:thin solid #CCCCCC;
border-radius: 10px;  
padding: 0.5em;
width: 250px;
}

/*   Ende - kurzreisen */


/*   Beginn - newsletter */

.middle-column-box-white
{
margin: 0em 0em 0em 5em;
}

/*   Ende - newsletter */

/*   Beginn - mietwagen */

.iframe-left-mietwagen
{
float: left;
margin: 0em 0em 0em -1em;
width: 65%;
}

.text-right-mietwagen 
{
float: right;
margin: 1.8em -1.5em 0em 0em;
width: 240px;
}

#square-unten-rechts-mietwagen
{
float: right;
margin: 1.8em -1.5em 0em 0em;
width: 240px;
}

/*   Ende - meitwagen */
	

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
       float: right;
       width: 160px;
	background-color: rgb(255,255,255);
	font-size: 11px;
	color: rgb(50,50,50);
}

#right-column ul {	
       margin: 2em 0em 0em 0em;
	padding: 0.0em 1em 1em 1em;
	list-style: none;
}	

#right-column li {
	margin: 0em 0em 0em 0em;

}

#right-column li a {
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;
	border-left: solid 0.5em #FFDD00;
	border-top: solid 0.1em rgb(200,200,200);
	background-color: #FFDD00;
	text-decoration: none;
	font-weight: normal;
	color: #696969;
	height: 1.3em;
}	
	
#right-column a:hover {
	border-left: solid 0.5em #FFFF00;
	background-color: #FF6600;
	text-decoration: none;
	color: rgb(50,50,50);
	
}

#right-column .selected {
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;
	border-left: solid 0.5em rgb(175,175,175);
	border-top: solid 0.1em rgb(200,200,200);
	background-color: rgb(220,220,220);
	font-weight: normal;
	color: rgb(50,50,50);
}


#right-column .right-navheader-first {
	display: block;
	margin: 0em 0em 1.0em 0em;
	padding: 0.3em 0.7em 0.3em 0.9em;
	border-left: solid 0em rgb(255,210,113);
	background-color: rgb(220,220,220);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(50,50,50);
}

#right-column .right-navheader {
	display: block;
	margin: 1em 0em 0em 0em;
	padding: 0.3em 0.7em 0.2em 0.4em;
	border-left: solid 0.5em #FF6600;
	background-color: #FF6600;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(50,50,50);
}

/*******************/
/***   Bilder    ***/
/*******************/

#image-right
{
float:right;
margin: 10px;
}

#image-left
{
float:left;
margin: 10px;
}



/*******************/
/***   FOOTER    ***/
/*******************/
#footer {

	clear: both;
	width: 81em;
	height: 2.5em;
        margin: 0em auto;
        padding: 3em;
	background-color: #FFFFFF;
    text-align: center;
	color: #000000;
	font-size: 9px;
	
}
/**************************/
/***   MISCELLANEOUS    ***/
/**************************/
a:hover {
	color: rgb(10,106,245);
	text-decoration: none;
	background-color: rgb(255,255,255);
}