/*****************/
/*   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;
	text-align: center;	
	font-size:13px;
	font-weight: bold;
	color: rgb(50,50,50);
}

h2 {    
        clear: both;
	background-color: #FFFF7D;
        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; 
        padding: 1.5em 0em 0em 1em;  
        font-size: 12px;
}

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

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

table { width: 650px;
		text-align:justify; 
		}

#fruehbuchertabelle 
        { margin: 2em 0em 1em 0em;
	  width: 560px;
}
		
		
th { text-align: left;
	  
}

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

li {list-style: none;}

li.content {list-style: none;
           font-size: 10px; 
           font-weight: bold;
}

p.liste {font-size:10px;
         color: #000;
         font-weight: bold;
}

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

#leaderboard {
margin: 0em auto;
text-align: center;
padding: 3em;        
}




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


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



#header {
	width:763px;
	clear: both;
	margin: 0em auto;
	border-top: solid 0.1em rgb(175,175,175);
	border-bottom: solid 0.2em rgb(175,175,175);
	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.12em rgb(175,175,175);	
	background-color: #FFFFFF;	
	text-decoration: none;
	color: #696969;
}

#header a:hover {
	border-left: solid 0.12em rgb(175,175,175);
	background-color: #FFFF7D;			
	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;
border:thin solid #CCCCCC;

	
}	

#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 #FFFFFF;
border-top: solid 0.1em rgb(200,200,200);
background-color: #FFFFFF;
text-decoration: none;
font-weight: normal;
color: #696969;
height: 1.3em;
}	
	
#left-column a:hover {
border-left: solid 0.5em #FFFF00;
background-color: #FFFF7D;
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 #FFFF00;
background-color: #FFFF7D;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
color: rgb(50,50,50);
}

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

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

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

#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%;
}

<!-- Beginn - index, fruehbucher, pauschalreisen -->

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

.text-right2 {
display: block;
float: right;
margin: 0em 2em 0em 0em;
border:thin solid #CCCCCC; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px;
}


.text-left2 {
display: block;
float: left;
padding: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0em 0em 0em 2em; 
width: 36%;
border:thin solid #CCCCCC; 
padding: 0.5em;
}

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

#iframe
{
float: left;
width: 60%;   
margin: 0em 0em 0em 5em;
padding: 2em;
}

*+html #iframe
{
width: 100%;
}

<!--Ende - index, pauschalreisen, fruehbucher -->


/*  Beginn - fluege, InselUrlaub */

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

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


.text-right3 {
float: right;
margin: 0em 1em 0em 0em;
border:thin solid #CCCCCC; 
padding: 0.5em;
width: 200px;
}

#square-unten-rechts-flug
{
float: right;
margin: 0.2em -2.5em 0em 0em;
border:thin solid #CCCCCC; 
padding: 0.5em;
width: 250px;
}

#square-unten-rechts-inselurlaub
{
float: right;
margin: 0.2em 16.3em 0em 0em;
border:thin solid #CCCCCC; 
padding: 0.5em;
width: 250px;
}

/*  Ende - fluege, InselUrlaub */

#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-column-winterdetailseite
{
float: left;
margin: 0em 0em 0em 8em;
background-color: rgb(255,255,255);
color: rgb(100,100,100);
font-size: 1.1em;
width: 60%;
}

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

}

/*  Beginn - mietwagen, pauschalreisen-suchen */

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


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

}

/*  Ende - mietwagen, pauschalreisen-suchen */

#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;
}


.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%;
	}

	






.text {
float: left;
width: 95%;

} 

 

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





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

/*   Beginn - index, lastminute, luxuswellnessurlaub */

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

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

#text {
float: left;
margin: 0em 0em 0em 3em;
width: 100%;
border:thin solid #CCCCCC;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 0.5em;
}

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


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

.text-right {
float: right;
margin: 1.8em -4em 0em 0em;
border:thin solid #CCCCCC;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
padding: 0.5em;
width: 250px;
}

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

/*  Ende - lastminute, luxuswellnessurlaub    */	

/************************/
/***   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;
border:thin solid #CCCCCC;
}	

#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 #FFFFFF;
	border-top: solid 0.1em rgb(200,200,200);
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	color: #696969;
	height: 1.3em;
}	
	
#right-column a:hover {
	border-left: solid 0.5em #FFFF00;
	background-color: #FFFF7D;
	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 #FFFF00;
	background-color: #FFFF7D;
	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);
}