html, body{ 
 padding:10;
 background-color: #EBEBEB;
 font-size:11px;
 font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
} 
 
#total{ 
 width:960px; 
 min-height: 700px;
 height: 100% ;
 overflow: hidden;
 margin:0px auto;
 border-bottom: solid 1px #cc6633;
 border-right: solid 1px #cc6633;
 border-left: solid 1px #cc6633;
 border-top: solid 1px #cc6633;
 padding-top:5px;
 padding-bottom: 10px;
 padding-left: 5px;
 padding-right: 5px;
 text-align:left;
 background-color: #F4F2F2;
 color: #565555;
} 
 
#header{ 
 width: 960px; 
 height: 155px;
} 

#logo{ 
 width: 180px; 
 height: 155px;
 float: left;
} 

.button_active{
  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF;
  padding: 2px;
  padding-left: 7px;
  margin-top: 0px;
  margin-bottom: 5px;
  display: block;
  border: 1px solid #cc6633;
  background-color: #cc6633 ;
  text-align: left;
  text-decoration: none;
  width: 155px;
  height: 15px;
  float: right;
}

.button_inactive{
  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF;
  padding: 2px;
  padding-left: 7px;
  margin-top: 0px;
  margin-bottom: 5px;
  display: block;
  border: 1px solid #cccccc;
  background-color: #cccccc ;
  text-align: left;
  text-decoration: none;
  width: 155px;
  height: 15px;
  float: right;
}

.button_inactive a {
   color: #ffffff;
   text-decoration: none;
}

.button_inactive a:hover {
   color: #ffffff;
   text-decoration: none;
}


.slogan{ 
 text-align: center;
 margin-top: 20px;
 font-size:14px;
 font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
 font-weight: normal;
 color: #cc6633;
} 



#picture{ 
 width: 776px; 
 height: 155px;
 margin-left: 180px;
} 


#dropdown{ 
 width: 956px;
 height: 28px; 
 background-color: #cc6633;
 margin-top: 4px;
 margin-bottom: 4px;
} 


#main { 
width: 960px; 
height: 100%;
}

#leftcol{
 width:180px; 
 min-height: 400px;
 height: 100%;
  overflow: visible;
 background-color: #cc9933;
 float: left;
  }

#Button_Navi {
  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF;
  margin-top: 0px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-left: 10px;
  background-image: url(../upload/logos/hg_button.gif);
  text-decoration: none;
  width: 170px;
  height: 22px;
}

#inhalt {
 margin-left:200px;
 width:750px;
}
 
#breadcrumbs{
 padding-top:1px;
 padding-bottom:1px;
 height:12px;
} 

#breadcrumbs a {
  font-weight: normal;
  color: #999999;
} 
 
#content {
 padding-top:10px;
 padding-bottom:10px;
 height:100%;
} 

 
#footer { 
text-align: center; 
height: 40px; 
clear: both 
} 

#left {
 margin-left:0px;
 width:550px;
 height:100%;
 overflow: hidden;
 float: left;
} 

#right{
 margin-left:585px;
 width:160px;
 height:100%;
}

/**************************************************************************
* STARTSEITE
**************************************************************************/
.padding5{
 padding-left:5px;
 padding-right:2px;
 padding-bottom:10px;
}

/**************************************************************************
* NAVIGATION OBEN
**************************************************************************/


#dropdowninhalt{ 
 height: 22px; 
 margin-left: 200px;
  padding-top: 8px;
 padding-bottom: 0px;
} 


#dropdowninhalt ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
}

#dropdowninhalt li 
{
    float: left;
    margin-right: 20px;
}

/* Link allgemein */
#dropdowninhalt a 
{
    text-decoration: none;
    font-weight: bold; 
    color: #ffffff; 
    font-size: 11px !important;
    display: block; 
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 2px;
     background-image: url(../img/menutrenner.gif);
    background-repeat: no-repeat;
    background-position: top right;
}


/* DROPDOWN MENU */
#dropdowninhalt li ul 
{  
    margin-left: -20px;
/*    padding-left: 12px;
*/  position: absolute;
    background: #EBEBEB;
    border: 1px solid #cc6633;
    width: 15em;
    left: -999em;
    padding-top: 2px !important;
    margin-top: -2px;
    z-index: 2; /* position over absolute-elements */
}

#dropdowninhalt a:hover
{
    color: #7d7878 !important;
}

/* LINK IM DROPDOWN */
#dropdowninhalt li ul a
{
    display: block;
    width: 13em;
    color: #7d7878; 
    font-size: 11px !important;
        background-image: none;
/*  text-transform: uppercase;
    margin-bottom: 12px;
    padding-top: 4px;
    padding-bottom: 0px !important; 
    border-top: 1px solid #039AD3;
*/  
    margin-left: 10px;
    padding-top: 3px;
}

#dropdowninhalt li:hover, #nav li.hover 
{  
    position: static;  
}  


#dropdowninhalt li ul a:hover
{
    color: #cc6633!important;
}


#dropdowninhalt li ul ul 
{
    margin: -1em 0 0 10em;
}


#dropdowninhalt li:hover ul ul, #dropdowninhalt li.sfhover ul ul 
{
    left: -999em;
}

#dropdowninhalt li:hover ul, #dropdowninhalt li li:hover ul, #dropdowninhalt li.sfhover ul, #dropdowninhalt li li.sfhover ul 
{
    left: auto;
}

/**************************************************************************
* INHALT
**************************************************************************/


h1 {
  color: #cc6633; 
  font-size: 16px ;
  background-image: url(http://www.marokkoreisen.ch/cms/upload/logos/hg_h1.gif);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  margin-top: 0px;
 font-weight: bold; 
}

#headline{
  font-size: 16px ;
 }

h2.liste{
font-size:11px;
font-weight: bold;
color: #cc6633;
margin-top: 0px;
margin-bottom: 0px;
}

a.liste:hover{
text-decoration: none;
}


p {
 margin-top: 0px;
 margin-bottom: 0px;
}


h3 {
  color: #cc6633; 
  font-size: 12px ;
   margin-top: 10px;
   margin-bottom: 5px;
 font-weight: bold; 
}


#landpicture {
 margin-top: 0px;
 margin-bottom: 20px;
 border-top: 10px solid #cc6633;

}

#stadtpicture {
 margin-top: 0px;
 margin-bottom: 20px;
 border-top: 10px solid #cc6633;

}


#prices table {
  width:100%; 
   border: 1px solid #cc9933;
    margin-top: 20px;
}

#prices thead{
 background-color: #cc9933; 
 color: #ffffff;
 font-weight: bold;
  margin-top:5px;
 margin-bottom: 5px;
}

#Absatz{
clear:left;
}


#pricelist {
  width:100%; 
   border: 1px solid #cc9933;
    margin-top: 20px;
}

#pricelist thead{
 background-color: #cc9933; 
 color: #ffffff;
 font-weight: bold;
  margin-top:5px;
 margin-bottom: 5px;
}



#lidendenz {
  width:100%; 
  margin-top: 20px;
  margin-bottom: 10px;
}

#lidendenz td{
 font-size: 10px; 
 padding: 5px;
}

a {
color: #cc6633;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#Button {
  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF;
  padding: 5px;
  margin-top: 20px;
  display: block;
  border: 1px solid #cc6633;
  background-color: #cc6633;
  text-align: center;
  text-decoration: none;
  width: 120px;
}

#Button a:hover
{
   color: #000000;
   text-decoration: underline;
}

.ohne:hover {
  text-decoration: none;
}

/**************************************************************************
* TEASER
**************************************************************************/

#teaserbox {
 border: 1px solid #cc6633;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

#teasertitle{
 background-color: #cc6633;
   margin-top: 0px;
   margin-bottom: 0px;
}

#teasertitle h1 {
   color: #ffffff; 
   font-size: 12px ;
  font-weight: bold;
   padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  background-color: #cc6633;
 background-image: none ;
  margin-bottom: 0px;

}


#teaserinhalt{
 background: #ffffff;
   padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
   padding-right: 5px;
   margin-top: 0px;
   margin-bottom: 0px;

}

#teasertitle p {
   margin-top: 0px;
   margin-bottom: 0px;
}

#teaserinhalt p {
   margin-top: 0px;
   margin-bottom: 0px;
}


/**************************************************************************
* ENDE TEASER
**************************************************************************/



/**************************************************************************
* NAVIGATION LINKS
**************************************************************************/

#leftcol a{
  font-size:11px; 
  color:#ffffff; 
  text-decoration:none; 
}

#leftcol a:hover { 
text-decoration:underline; 
}
 
.navi{
    width:180px;
    padding-left:0px;
    border-bottom:1px solid #ffffff;
 
}

a.navileft_passive {
    display:block;
    padding-top:4px;
    padding-bottom:4px;
    color:#ffffff;
    font-weight: bold;
} 

a.navileft_active {
    display:block;  
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:right;
    padding-top:4px;
    padding-bottom:4px;
    color:#ffffff;
    font-weight: bold;
} 

a.navileft_open {
    padding-left:10px;
    display:block;
    background:url("../images/navi_pfeil.gif") no-repeat;
    background-position:right;
    padding-top:4px;
    padding-bottom:4px;
    color:#ffffff;
    font-weight: bold;
} 

a.navileft2_passive {
    display:block;
    padding-top:4px;
    padding-bottom:4px;
    text-decoration: none;
    font-weight: normal;
} 

a.navileft2_active {
    display:block;  
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:right;
    padding-top:4px;
    padding-bottom:4px;
    font-weight: normal;
} 

a.navileft2_open {
    padding-left:10px;
    display:block;
    background:url("../images/navi_pfeil.gif") no-repeat;
    background-position:right;
    padding-top:4px;
    padding-bottom:4px;
    color:#ffffff;
    font-weight: normal;
} 

a.navileft3_passive {
    display:block;
    padding-top:4px;
    padding-bottom:4px;
    text-decoration: none;
    font-weight: normal;
} 

a.navileft3_active {
    display:block;  
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:right;
    padding-top:4px;
    padding-bottom:4px;
    font-weight: normal;
} 

a.navileft3_open {
    padding-left:10px;
    display:block;
    background:url("../images/navi_pfeil.gif") no-repeat;
    background-position:right;
    padding-top:4px;
    padding-bottom:4px;
    color:#ffffff;
    font-weight: normal;
} 

a.navileft4_passive {
    display:block;
    padding-top:4px;
    padding-bottom:4px;
    text-decoration: none;
    font-weight: normal;
} 

a.navileft4_active {
    display:block;  
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:right;
    padding-top:4px;
    padding-bottom:4px;
    font-weight: normal;
} 

a.navileft4_open {
    padding-left:10px;
    display:block;
    background:url("../images/navi_pfeil.gif") no-repeat;
    background-position:right;
    padding-top:4px;
    padding-bottom:4px;
    color:#ffffff;
    font-weight: normal;
} 

/**************************************************************************
* ENDE NAVIGATION LINKS
**************************************************************************/

#total
{
    background:url("../upload/site/bg.gif") no-repeat;
}


/**************************************************************************
* SITEMAP
**************************************************************************/

.sitemap_level1 {
    background-color: #e6e6e6;
    padding:5px;
    display:block;
    padding-top:4px;
    padding-bottom:4px;
    color:#cc6633;
    font-weight: bold;
    margin-top: 10px;
}

.sitemap_level2 {
     padding-left:15px;
     color: #cc9933;
}

.sitemap_level3 {
     padding-left:35px;
     color: #666666;
}