/**
 * Style Sheet for Arabu-Online
 * @author Matthias Nothhaft
 * @since  2005-02-07
 */

body {
    background: #fff; /* eec */
    color: #000; 
}

div, p, td, th {
    font-family: sans-serif;
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: sans-serif;
}

ol, ul, li {
    text-align: left;
}

p {
    margin-bottom: 10px;
}

th {
  font-weight: bold;
  background-color: #000;
  color: #fff;
}

.page th, .page td {
  padding: 1px 3px 1px 3px;
  vertical-align: top;
}

.mini {
    font-size: 3px;
}

#header {
    background: #c96 url(/_static/img/header-shadow.gif) bottom repeat-x;
}

#header .right {
    padding: 10px;
}

#header a {
    color: #333;
    text-decoration: underline;
}

#main {

}

.navi_sub, .page {
}

.page {
    /* border: 1px solid #ccc; */
    background-color: #fff;
    /* padding: 10px; */
}

/* main navigation */

#nav-main {
    margin-right: 10px;
}

#nav-main a {
    padding: 2px 4px 2px 4px;
    margin: 0px 4px 0px 4px;
    text-decoration: none;
    color: #b85;
}

#nav-main td {
    padding: 0px 1px 0px 1px;
}
#nav-main td.normal {
    font-size: 13px;
    background-color: #cca;
    border-top: 3px solid #c96;
}
#nav-main td:hover {
    background-color: #ffd;
}

#nav-main td.focus {
    padding: 2px 4px 2px 4px;
    margin: 0px 4px 0px 4px;
    background-color: #eec;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 3px solid #eec;
}

#nav-main td.focus:hover {
    background-color: #ffd;
}


/* sub navigation */

.navi_sub {
    background-color: #eec;
}

#nav-sub {
    /* margin-top: 10px; */
    text-align: left;
}

#nav-sub li {
    list-style: none;
    background-repeat: no-repeat;
    /* margin: 2px 0px 2px 0px; */
/* border-top: 3px solid #666; */
    /* border-bottom: 1px solid #666; */
}

#nav-sub #l1 li {
    /* border-bottom: 1px solid 777#; */
    background-color: #eec;
}

#nav-sub a {
    text-decoration: none;
    display: block;
}

#nav-sub a:hover, #nav-sub #l1 a:hover, #nav-sub #l2 a:hover {
    text-decoration: underline;
    background-color: #fec;
    color: #666;
}

#nav-sub #l1 a {
    font-size: 12px;
    padding: 4px 4px 4px 8px;
    color: #c96;
}

#nav-sub #l1 a.focus {
    background-color: #c96;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

#nav-sub #l2 a {
    font-size: 12px;
    padding: 4px 4px 4px 26px;
    color: #fff;
}

#nav-sub #l2 a.focus {
    background-color: #ec9;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

#nav-sub #l2 li {
    border-top: 1px solid #fff;
    background-color: #db8;
}



#part_royal {
    /*border: 3px solid #000;*/
    background-color: #eee;
    text-align: left;
}

#part_royal .head {
    /* background-color: #c96; */
    color: #c96;
    padding: 5px 6px 6px 6px;
    border-bottom: 1px solid #c96;
}

#part_royal .head a {
    color: #fff;
    font-weight: bold;
}

#part_royal .foot {
    background-color: #eee;
    padding: 3px 6px 3px 6px;
}

#part_royal h1 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 8px;
}

#part_royal h2 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 7px;
   /*  border-bottom: 1px solid #ccc; */
}

#part_royal h3 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 4px;
}

#part_royal li {
    margin-left: 20px;
}

#part_royal .body {
    padding: 13px;
}

#part_royal .body .spotclock {
    margin: 3px;
}

#part_royal .body a {
    color: #c96;
    text-decoration: underline;
}

#part_royal .body p.hilfe_body {
    color: #666;
    font-size: 12px;
}

#part_royal .body p.hilfe_body a {
    font-weight: normal;
}

#part_royal .block_spots {
    border: 1px solid #ccc;
}

#part_royal .block_spots td {
    background-color: #ffd;
    color: #666;
    font-size: 12px;
    padding: 2px 4px 2px 4px;
}



/* part navigation */

#part_royal #nav-part {
    color: #fff;
    /* border-bottom: 2px solid #ccc; */
}

#part_royal #nav-part a {
    padding: 2px 4px 2px 4px;
    margin: 0px 4px 0px 4px;
    text-decoration: none;
    font-weight: normal;
    color: #999;
}

#part_royal #nav-part td {
    font-size: 12px;
    border-left: 1px solid #ddd;
}
#part_royal #nav-part td:hover {
    background-color: #eee;
    color: #666;
}

#part_royal #nav-part td.focus {
    background-color: #ccc;
    font-size: 12px;
}

#part_royal #nav-part td.focus a {
    color: #fff;
    font-weight: bold;
}

#part_royal #nav-part td.focus:hover {
    background-color: #bbb;
    color: #fff;
}

#part_royal #part_frame {
    border: 2px solid #ccc;
}

.command_info {
    margin-top: 3px;
    color: #666;
    font-size: 12px;
}

.action_info {
    margin: 7px 0px 7px 0px;
    padding: 3px;
    text-align: right;
    border-top: 1px solid #ccc;
    font-size: 12px;
}

.error {
    margin: 10px 0px 10px 0px;
    padding: 5px 10px 5px 10px;
    background-color: #fdd;
    color: #f00;
    border: 1px solid #f00;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
}

.success {
    margin: 10px 0px 10px 0px;
    padding: 5px 10px 5px 10px;
    background-color: #cfc;
    color: #090;
    border: 1px solid #090;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
}


#footer {
    width: 780px;
    margin-top: 10px;
    border-top: 1px solid #c96;
    /* background-color: #eee; */
    /* text-align: left; */
    font-size: 12px;
}

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

#footer a:hover {
    text-decoration: underline;
}

ul.list li {
    list-style: none;
    background-repeat: no-repeat;
    padding: 3px
}

.list .r1 td {
    padding: 4px;
}

.list .r2 td {
    padding: 4px;
    background-color: #eee;
    /* border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; */
}


.ads_top {
    background-color: #eec;
    padding: 10px;
    margin-bottom: 10px;
}

#eyecatcher_box {
    border: 1px solid #999;
    background-color: #fec;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    text-align: left;
}

#eyecatcher_box h1 {
    background-color: #da7;
    font-size: 13px;
    padding: 3px;
    color: #fff;
    font-weight: bold;
}

#eyecatcher_box p {
    font-size: 11px;
    padding: 3px;
}


#content_wiki {
    margin-bottom: 20px;
}


#broschinfo {
    border: 1px solid #999;
    width: 100%;
    margin-bottom: 10px;
}

#broschinfo .bild {
    width: 10%;
}

#broschinfo .info h2 {
    border: 0px;
}


#broschinfo_home {
    border: 1px solid #c96;
    padding: 5px;
    width: 100%;
    margin-bottom: 10px;
    height: 270px;
    min-height: 270px;
    background-color: #ddd;
    text-align: justify;
}

#broschinfo_home .bild {
    width: 10%;
}

#broschinfo_home .bild img {
    border: 1px solid #999;
    float: right;
    margin: 0px 0px 5px 15px;
}

#broschinfo_home h2 {
    border: 0px;
}


/* AGB */

ol.agb_main {

}

ol.agb_main li {
    margin-left: 20px;
    text-align: justify;
    margin-bottom: 10px;
}


ol.agb_sub {
    list-style-type: lower-alpha;
}

ol.agb_sub li {
    margin-left: 40px;
}


ul.mediainfo {
    margin-bottom: 20px;
}

ul.mediainfo li {
    margin-left: 20px;
    margin-bottom: 10px;
}

.media_preise {
    text-align: left;
}

.media_preise th {
    background-color: #eee;
    color: #000;
}

#media_preisliste {
    margin-bottom: 10px;
}

#media_preisliste td.preis_info {
    text-align: center;
    vertical-align: middle;
}


/* "Reihentitel" auf Startseite */
h2 small {
    font-weight: normal;
    font-size: 100%;
    font-style: italic;
}