/* =============================

Author: Maximilian Pahl

Website: Urlaub-Suedafrika

============================= */



/* Elemente */

* {
margin: 0;
padding: 0;
}

body {
background: url(http://www.urlaub-suedafrika.net/images/bg.jpg) repeat-x;
font-family: verdana, arial, sans-serif;
font-size: 12px;
line-height: 130%;
color: #333;
}

h1 {
font-size: 1.8em;
margin-bottom: 30px;
color: #CC0099;
}

h2 {
font-size: 1.5em;
margin-bottom: 10px;
color: #8b781e;
}

p {
margin-bottom: 10px;
}

#content_right li {
list-style-position: inside;
margin-bottom: 3px;
}

#content_right ul {
margin-bottom: 10px;
}

a {
color: #cc0099;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a img {
border: none;
}



/* Divs */

#wrapper {
width: 965px;
margin: 0 auto;
background: url(http://www.urlaub-suedafrika.net/images/wrapper.png) repeat-y;
}

#wrapper_end {
width: 965px;
height: 5px;
margin: 0 auto;
background: url(http://www.urlaub-suedafrika.net/images/wrapper_end.png) repeat-x;
}

#content {
width: 931px;
padding: 10px;
margin-left: 7px;
}



/* Klassen */

.searchform {
float: right;
width: 140px;
height: 17px;
margin: 2px 10px 0 0;
border: none;
background: #efecde url(http://www.urlaub-suedafrika.net/images/search.jpg) 155px 2px no-repeat;
padding: 1px 30px 0 5px;
}

.bub {
position: absolute;
top: 50px;
left: 774px;
}

.bold {
font-weight: bold;
}

.clear {
clear: both;
}



/* Header */

#header {
position: relative;
height: 120px;
width: 951px;
background: url(http://www.urlaub-suedafrika.net/images/header.jpg) repeat-x;
margin: 0 7px;
}

#top {
height: 97px;
width: 951px;
}

#logo {
padding: 10px 0 0 25px;
}

#search {
height: 22px;
width: 951px;
background: url(http://www.urlaub-suedafrika.net/images/search.gif) repeat-x;
}

#top_right {
position: absolute;
top: 0;
right: 10px;
}

#top_right li {
float: right;
display: inline;
height: 29px;
padding: 6px 10px;
text-align: center;
background: url(http://www.urlaub-suedafrika.net/images/seperator_top_right.gif) no-repeat;
font-size: 10px;
}

#top_right img {
margin-right: 5px;
position: relative; 
top: 2px;
}

#top_right li a {
color: #cc0099;
text-decoration: underline;
}

#top_right li a:hover {
text-decoration: none;
}

/* Top Navigation */

#topnav {
position: absolute;
top: 64px;
left: 232px;
}

#topnav li {
float: left;
display: inline;
height: 35px;
text-align: center;
background: url('http://www.urlaub-suedafrika.net/images/seperator_topnav.gif') no-repeat;
}

#topnav li a {
float: left;
height: 28px;
color: #8b781e;
text-decoration: none;
padding: 0 26px;
padding-top: 7px;
}

#topnav li a:hover, #topnav li a.current {
background: #ac9c51;
color: #fff;
}



/* Linke Navigation */

#content_left {
float: left;
width: 200px;
margin-right: 20px;
margin-bottom: 10px;
background: #EFECDE;
}

#content_left li {
list-style-type: none;
padding: 4px 10px 5px 10px;
width: 180px;
font-weight: bold;
border-bottom: 1px solid #fff;
}

#content_left li a {
color: #8b781e;
text-decoration: none;
display: block;
}

#content_left li a:hover, #content_left li a.active {
color: #CC0099;
}

#content_left li.caption {
background: #b2a04a;
color: #fff;
}

#content_left li.level0 {
color: #8B781E;
}

#content_left a.level1 {
font-size: 0.8em;
}

#content_left li.level1 {
background: #f5f3eb url('http://www.urlaub-suedafrika.net/images/dot.gif') 10px 8px no-repeat;
padding-left: 25px;
width: 165px;
}



/* Rechter Inhaltsbereich */

#content_right {
float: right;
width: 710px;
line-height: 18px;
margin-bottom: 20px;
}

#content_right #pic {
position: relative;
float: left;
width: 710px;
height: 188px;
}

#content_right #pic_caption {
background: url('http://www.urlaub-suedafrika.net/images/pic_captionbg.gif') no-repeat;
height: 25px;
font-weight: bold;
float: left;
width: 710px;
margin-bottom: 20px;
margin-top: 2px;
}

#content_right #white50 {
position: absolute;
top: 0;
left: 535px;
width: 175px;
height: 188px;
background: url('http://www.urlaub-suedafrika.net/images/white50.png') repeat;
}

p.p_pic_left {
width: 525px;
float: left;
padding: 3px 0 0 10px;
color: #fff;
}

p.p_pic_right {
width: 165px;
float: right;
padding: 3px 0 0 10px;
color: #8b781e;
}



/* Footer */

#footer {
width: 965px;
height: 50px;
color: #8b781e;
font-size: 10px;
}

#footer_inner {
width: 951px;
height: 50px;
margin: 0 7px;
border-top: 1px solid #ac9c51;
}

#footer_left {
float: left;
width: 230px;
height: 50px;
}

#footer_middle {
float: left;
width: 535px;
height: 50px;
background: url('http://www.urlaub-suedafrika.net/images/seperator_top_right.gif') no-repeat;
}

#footer_right {
float: left;
width: 175px;
height: 45px;
background: url('http://www.urlaub-suedafrika.net/images/seperator_top_right.gif') no-repeat;
text-align: right;
padding: 5px 10px 0 0;
}

#footer_left p {
padding: 5px 0 0 10px;
}

#footer_middle p {
text-align: center;
padding-top: 5px;
}

#footer_right p {
display: inline;
}

#footer a {
color: #8b781e;
text-decoration: none;
}

#footer_right img {
position: relative;
top: 3px;
margin-left: 5px;
}


/* Hotels */

div.hotel_cats {
background: #F5F3EB;
width: 706px;
margin-bottom: 20px;
padding: 10px 0;
border: 2px solid #B2A04A;
}

div.hotel_left {
float: left;
width: 328px;
padding-left: 25px;
margin-bottom: 20px;
}

div.hotel_right {
float: right;
width: 328px;
padding-left: 25px;
margin-bottom: 20px;
}

.hotels_caption {
font-size: 1.2em;
font-weight: bold;
margin-left: 25px;
}

div.hotel_left img, div.hotel_right img {
margin-top: 5px;
}


/* Angebote - Feed */

div.hotel_feeds {
background: #F5F3EB;
width: 656px;
margin-bottom: 20px;
padding: 10px 25px;
border: 2px solid #B2A04A;
}

div.hotel_feeds p.hotels_caption {
font-size: 1.2em;
font-weight: bold;
margin: 0;
color: #CC0099;
}

.uebersicht_klein_angebot {
float:left;
height:240px;
padding:15px 4px 10px 0;
top:10px;
width:117px;
}

.sterne6 {
background-image:url(http://www.ewtc.de/images/6.gif);
background-repeat:repeat-x;
float:left;
height:118px;
width:100px;
}

.sterne5 {
background-image:url(http://www.ewtc.de/images/5.gif);
background-repeat:repeat-x;
float:left;
height:118px;
width:100px;
}

.uebersicht_klein_angebot a {
text-decoration:none;
color:#9C8C39;
}

.hotelbild {
float:left;
height:100px;
margin:0;
padding:18px 0 0;
width:100px;
}

.hoteltext {
float:left;
width:113px;
}

.textschwarz {
color:#000000;
font-size:8.5pt;
font-weight:normal;
line-height:12pt;
}

.textbraun_gr {
color:#9C8C39;
font-size:8.5pt;
font-weight:normal;
line-height:12pt;
}

.textpink_gr {
color:#CC0099;
font-size:9pt;
font-weight:bold;
line-height:13pt;
}