/**********************************
***********************************
Kunde:	HAAS REISEN
von:	dietypen
Datum:	09/2009
***********************************
**********************************/


* { margin: 0; padding: 0; }

body { 
	font-family: Arial, san-serif;
	font-size: 9pt;
	line-height: 140%;
	color: #000000;
	background: #FFFFFF;
}

img { border: 0; }


/***********************************
Texte, Auszeichnungen
**********************************/

h1 { font-size: 28pt; line-height: 110%; }
h2 { font-size: 9pt; padding: 3px 0; }
h3 { font-size: 15pt; line-height: 110%; color: #C50F36; padding: 5px 0 15px 0; }

h1, h2, h3 { text-transform: uppercase; }

#index h1 { font-size: 15pt; }

#col_li h1 {
	font-weight: bold;
	text-align: right;
	letter-spacing: 0.5pt;
	color: #FFFFFF;
	padding: 65px 20px 0 20px;
}


#header p { 
	font-size: 8.5pt;
	line-height: 110%; 
	text-align: center; 
}
	
#col_li p {
	font-size: 8.5pt;
	font-weight: bold;
	line-height: 120%;
	text-align: right;
	padding: 10px 20px 0 20px;
}

#col_re p { line-height: 120%; }

p.top { padding: 7px 0 0 0; }

/* td p { padding-bottom: 0.8em; } */

#header span { 
	font-weight: bold;
	text-transform: uppercase; 
}

#navi strong, #meta_navi strong { color: #C50F36; }

a { text-decoration: underline; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #C50F36; }
a:active { color: #C50F36; }

/* li.active a { font-weight: bold; color: #e2001a; } */

#col_re .info a { text-decoration: none; font-weight: bold; color: #C50F36; } 
#col_re .info a:hover { color: #000000; } 

li { list-style: none; }

ul.abstand { padding: 65px 0 0 50px; }


/***********************************
Horizontal und vertikal zentriert
**********************************/

#wrapper {
	position: absolute;
	width: 1000px;
	height: 680px;
	top: 50%;
	left: 50%;
	margin-top: -340px;
	margin-left: -500px;
	padding: 0;
	background: #FFFFFF;
}


/* #########################################
header
############################################*/

#header { width: 1000px; height: 180px; }

#index #header, #impressum #header { background: url(../images/header_index.jpg) no-repeat; }
#afrika #header { background: url(../images/header_afrika.jpg) no-repeat; }
#australien #header { background: url(../images/header_australien.jpg) no-repeat; }
#suedsee #header { background: url(../images/header_suedsee.jpg) no-repeat; }
#ecuador #header { background: url(../images/header_ecuador.jpg) no-repeat; }
#tanzania #header { background: url(../images/header_tanzania.jpg) no-repeat; }
#asien #header { background: url(../images/header_asien.jpg) no-repeat; }
#neuseeland #header { background: url(../images/header_neuseeland.jpg) no-repeat; }
#costarica #header { background: url(../images/header_costarica.jpg) no-repeat; }
#indozean #header { background: url(../images/header_indozean.jpg) no-repeat; }
#orient #header { background: url(../images/header_orient.jpg) no-repeat; }

#adresse {
	position: absolute;
	width: 1000px;
	top: 145px;
	padding-left: 0px; 
}

#adresse a { text-decoration: underline; }


/* #########################################
content mit subcolumns
############################################*/

#col_li { 
	width: 324px; 
	height: 500px;
	float: left; 
}
#index #col_li, #impressum #col_li { background: url(../images/col_li_index.jpg) no-repeat; }
#afrika #col_li { background: url(../images/col_li_afrika.jpg) no-repeat; }
#australien #col_li { background: url(../images/col_li_australien.jpg) no-repeat; }
#suedsee #col_li { background: url(../images/col_li_suedsee.jpg) no-repeat; }
#ecuador #col_li { background: url(../images/col_li_ecuador.jpg) no-repeat; }
#tanzania #col_li { background: url(../images/col_li_tanzania.jpg) no-repeat; }
#asien #col_li { background: url(../images/col_li_asien.jpg) no-repeat; }
#neuseeland #col_li { background: url(../images/col_li_neuseeland.jpg) no-repeat; }
#costarica #col_li { background: url(../images/col_li_costarica.jpg) no-repeat; }
#indozean #col_li { background: url(../images/col_li_indozean.jpg) no-repeat; }
#orient #col_li { background: url(../images/col_li_orient.jpg) no-repeat; }

#mitte { 
	width: 173px; /* IE macht bei genauer Angabe von 176px Probleme (?)*/
	height: 500px;
	float: left;
}
#index #mitte, #impressum #mitte { background: #9cbdcd; }
#afrika #mitte { background: #e5d39f; }
#australien #mitte { background: #e1c285; }
#suedsee #mitte { background: #9bdee8; }
#ecuador #mitte { background: #bcd5a2; }
#tanzania #mitte { background: #ebc59a; }
#asien #mitte { background: #b6ca5a; }
#neuseeland #mitte { background: #8fc5df; }
#costarica #mitte { background: #c3c688; }
#indozean #mitte { background: #e8e3d9; }
#orient #mitte { background: #e5d4b0; }

#col_re { width: 500px; height: 500px; overflow: auto; float: left;  }

#index #col_re { background: url(../images/col_re_index.jpg) no-repeat; overflow: hidden; margin: 0; }
#impressum #col_re { background: #e9eff3; }


/* #########################################
Tabelle col_re / Angebote
############################################*/

table.outer { 
	margin: 0 0 13px 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666666; 
}

table.inner { 
	margin: 0 0 13px 5px;
}


table.last { border-bottom: 0; }

td { vertical-align: top; }
td.bild {
	width: 145px;
	padding: 0 20px 5px 0;	
}

td.contact { padding: 15px 0; }

td.info, td.info2 { vertical-align: bottom; }
td.info2 { font-weight: bold; text-align: right; }


/* #########################################
horizontale Meta-Navigation
############################################*/

#meta_navi { 
	height: 75px;
	float: right; 
	padding: 78px 0 0 0; 
}

#meta_navi ul { list-style: none; }

#meta_navi li {
	font-size: 7pt;
	font-weight: bold;
	height: 15px; 
	float: left;
	padding: 0 5px 0 5px;
	border-right: 1px solid #000000;
}

#meta_navi li.last {
	font-weight: bold; 
	color: #666666; 
	border-right: none; 
}

#meta_navi a { text-decoration: none; }
#meta_navi a:link { color: #000000; }
#meta_navi a:visited { color: #000000; }
#meta_navi a:hover { color: #C50F36; }
#meta_navi a:active { color: #C50F36; }


/* #########################################
vertikale Navigation
############################################*/

#navi ul { list-style: none; }

#navi li { 
	font-size: 8.5pt;
	text-transform: uppercase;
	letter-spacing: 0.2pt;
	text-align: center;
	padding: 10px;
	border-bottom: 1px dotted #ffffff;
}

#navi li.head { 
	font-weight: bold; 
	border-bottom: none;
	padding-top: 65px;
}

#navi li.last { border-bottom: none; }

#navi a { font-size: 8.5pt; text-decoration: none; font-weight: normal; }
#navi a:link { color: #000000; }
#navi a:visited { color: #000000; }
#navi a:hover { color: #C50F36; }
#navi a:active { color: #C50F36; }


/* #########################################
no float
############################################*/

.no_float { height: 1px; clear: both; }

#myiframe { margin: 10px; }