/*  
Theme Name: Ocean Mist German
Theme URI: http://www.edmerritt.com/
Description: Ocean Mist 1.2 German<br /> Die deutsche Version von Ocean Mist 1.2
Version: 1.2
Author: Ed Merritt (Übersetzung durch Sebastian Schwittay (www.pixelreality.net))
Author URI: http://www.edmerritt.com/
*/


/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {position: relative; background: url(images/bg_body.gif) top left repeat-x #f9f9f8; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #606060; text-align: center;}
#page {display: block; width: 1000px; background: url(images/bg_main_off.gif) top repeat-y; text-align: left; margin: 0 auto; padding: 0; float: none;}
#header {position: relative; float: none; display: block; width: 1000px; background: url(images/bg_header.png) top no-repeat; height: 522px; padding: 0; overflow: hidden;}
* html #header {height: 522px;}
#content {float: none; display: block; width: 994px; margin: 0 auto; clear: both;}
#sidebar {float: left; display: block; width: 193px; margin: 0;}
* html #content, * html #sidebar {position: relative; left: -7px;}
.post {float: left; display: block; width: 525px; margin: 0 0 0 18px;}
.page {float: none; display: block; width: 900px; margin: 0 47px 0 47px; clear: both;}
.archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}
#sidebar .post {display: block; width: 200px; margin: -15px 0 0 20px;}
.title {float: none; display: block; width: 100%; background: url(images/bg_h2.gif) bottom repeat-x #FFFFFF; margin: 0 0 18px 0;}
#sidebar .title {float: left; display: block; width: 193px; background: url(images/bg_h3.gif) bottom left repeat-x #CADFED;}
.entry {float: right; display: block; width: 350px; margin: 0;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.wideposts .entry {float: left; display: block; width: 525px; margin: 0 0 18px 5px;}
.wideposts .postinfo {float: left; display: block; width: 525px; margin: 0 0 18px 0;}
.archive .postinfo {margin-left: 0;}
.archive .entry {margin-right: -24px;}
* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}
p img {float: left; margin: 0 18px 12px 0;}
p img.wp-smiley {float: none; margin: 0;}
embed {float: left; margin: 0 18px 12px 0;}

/* typography */
h1 {font: 2.2em Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0; overflow: hidden; max-height: 100px;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 0 37px 25px 37px;}
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
#content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none; background: url(images/icon_entry.gif) 20px 52% no-repeat; padding: 20px 100px 18px 42px; display: none;}
#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 25px 0 0px 20px; background: none; color: #b2a483;}
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
h2 a, h2 a:visited {}
h3 {font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0;}
p {margin: 0 0 18px 0; padding: 0;}
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}

/* lists */
ul {margin: 0 0 0px 9px;}
ol {margin: 0 0 24px 9px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; display: inline; width: 100%; list-style: none; margin-left: 0; margin-bottom: 21px;}
*:first-child+html .buttons {float: none;}
.buttons li {float: left; margin: 0 18px 3px 0; padding: 0;}
.buttons ul {margin: 3px 0 0 0; list-style: none; padding-bottom: -5px;}
.buttons ul a, .buttons ul a:visited {padding: 3px 6px 4px 6px; font-weight: normal;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; font-weight: bold;}
#sidebar .buttons a {text-align: left;}
.buttons a:hover {background-position: bottom right;}
p.pages {flont-weight: bold;}
p.pages a {display: block; padding: 3px; width: auto; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; border-right: 1px solid #D1E0F0;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
*:first-child+html .catlist {border-bottom: 18px solid #fff;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
* html .onecol li {margin: 0;}
.catlist ul {display: none;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;}
*:first-child+html .onecol {border-bottom: 0;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }


/* links */
a, a:visited {color: #53485b; text-decoration: none;}
p a:hover, ul a:hover {background-color: none; text-decoration: underline;}
#content p a:hover, #content ul a:hover {background-color: #adb2ba;}


/* main image */
#mainpic {position: absolute; bottom: 6px; float: none; background: url(images/mainpic.jpg) no-repeat; display: block; width: 986px; height: 281px; margin: 0 7px; border-top: 0px solid #FFFFFF; border-bottom: 0px solid #cca3aa;}

/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}


/* calendar */
#wp-calendar caption {width: 157px; text-align: center; background: #4b5d67; color: #fff; border-bottom: 2px solid #e6eef7;}
#wp-calendar { border-collapse:collapse; width: 155px; text-align: center;}
#wp-calendar thead tr {background: url(images/cal_bkg.gif) bottom right no-repeat;}
#wp-calendar thead th {background: url(images/cal_single.gif) top left no-repeat;}
#wp-calendar tbody td {background: url(images/cal_single2.gif) top left no-repeat; padding: 2px 0;}
#wp-calendar #today {background: url(images/cal_single_today.gif) top left no-repeat; color: #000;}
#wp-calendar tbody .pad { background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar a {padding: 2px 0; font-weight: bold;}
#wp-calendar tfoot td {padding: 3px 0; background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar #next {text-align: right; padding-right: 10px;}
#calendar_wrap {display: block; width: 156px; background: url(images/cal_bkg.gif) bottom right no-repeat; padding: 0 1px 1px 0; margin: 0 0 18px 0;}

/* page tabs */
#pagetabs {position: absolute; bottom: 3px; left: 1px; display: block; padding: 0; margin: 0 0 0 25px; list-style: none;}
#pagetabs ul {display: none;}
#pagetabs li {float: left; border-bottom: 1px solid #414e53; margin: 0 5px 0 0; padding: 0;}
#pagetabs li:hover {border-bottom: 1px solid #495566;}
#pagetabs a {float: left; display: block; padding: 5px 5px 3px 5px; background: #526a74; color: #f7f4e7; font-weight: normal; font-size: 13px; border-bottom: 1px solid #495566;}
#pagetabs a:hover {background: #5c7d86; border-bottom: 1px solid #b8cae2; color: #333132;}
.pagetabstitle {border-bottom: none !important; color: #fff; font-weight: bold; position: relative; top: 4px;}

/* page tabs drop-down //goeberbe@2011-06-20 from ocean-mist-2-0/staley/default*/
#pagetabs {position: absolute; bottom: 295px; left: 1px; list-style: none; margin: 0 0 0 25px;}
#pagetabs ul {margin: 1px 0px 0px 0px; border-top: 1px solid #b8cae2; background: url(../images/bottomShade.png) 0 -1px repeat-x #d6e6fb; list-style: none;}
#pagetabs ul ul {margin: 0; border-top: none;}
#pagetabs li {float: left; position: relative; border-bottom: 1px solid #495566; margin: 0 5px 0 0; padding: 0;}
#pagetabs li li {margin: 0;}
#pagetabs li a {display: block; padding: 5px 10px 2px 5px; background: #495566;}
#pagetabs ul li a { width: 14em; background: none; color: #333132; font-weight: normal; padding: 0.5em 1em; margin: 0; border-bottom: 1px solid #f9f6f1; min-height: none;}
#pagetabs li a:hover {background-color: #b8cae2;}
#pagetabs li ul, #pagetabs li:hover ul ul {display: none; z-index: 1000;}
#pagetabs li:hover ul, #pagetabs ul li:hover ul {display: block; position: absolute; top: 2.2em; z-index: 100;}
#pagetabs ul li:hover ul {top: 0 !important; left: 17em;}
#pagetabs li ul a {-moz-border-radius-topleft: 0;  -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0;}

/* footer */
#footer {clear: both; display: block; width: 1000px; background: url(images/bg_footer.png) bottom no-repeat; border-bottom: 20px; text-align: left;}
* html #footer {margin-top: 18px;}
#footer-top {display: block; width: 1000px; height: 20px; background: url(images/bg_footer-top.png) top no-repeat;}
#footer p {color: #c7bfcd; padding: 13px 37px 0px 37px;}
#footer a, #footer a:visited {color: #53485b;}

/* qtrans */
.qtrans_language_chooser {
list-style-type:none
}

.qtrans_language_chooser li {
display:inline;
padding-top:0px;
padding-right:10px;
margin: 0 0 0 0px;
}

/* contactform 7 */
div.wpcf7 {
    margin:  0px;
    padding: 50px;
    line-hight: 0px;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
    border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    background: #fff;
    border: 1px solid #ff0000;
    font-size: 10pt;
    width: 280px;
    padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
    color: #f00;
    font-size: 10pt;
    display: block;
}

span.wpcf7-list-item {
    margin-left: 0.5em;
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
}

div.wpcf7 .watermark {
    color: #888;
}

img.nohover {
border:0
}
img.hover {
border:0;
display:none
}
a:hover img.hover {
display:inline
}
a:hover img.nohover {
display:none
}

/* Einheitliche Schriftgrößen für alle Seiten */
.narrowcolumn .page {
    font-size: 14px !important; /* Standard-Schriftgröße für Absätze und Texte */
}

/* Überschriften (z. B. "Secure. Efficient. Scalable.") */
.narrowcolumn .page strong[style*="font-size: 25px"],
.narrowcolumn .page strong[style*="font-size: 24px"],
.narrowcolumn .page strong[style*="font-size: 26px"] {
    font-size: 25px !important; /* Einheitliche Größe für große Überschriften */
}

/* Unterüberschriften (z. B. "Jet A-1 Supply") */
.narrowcolumn .page strong[style*="font-size: 16px"],
.narrowcolumn .page strong[style*="font-size: 15px"],
.narrowcolumn .page strong[style*="font-size: 17px"] {
    font-size: 16px !important; /* Einheitliche Größe für Unterüberschriften */
}

/* Absätze und Listen */
.narrowcolumn .page p,
.narrowcolumn .page span,
.narrowcolumn .page li {
    font-size: 14px !important; /* Einheitliche Größe für Absätze und Listen */
}

/* Sicherstellen, dass zentrierte Elemente korrekt zentriert sind */
.narrowcolumn .page div[style*="text-align: center"] {
    text-align: center !important;
}

/* Globale Text-Richtung auf LTR setzen */
html, body, #content, .narrowcolumn, .page {
    direction: ltr !important;
    text-align: left !important;
}

/* Sicherstellen, dass zentrierte Elemente korrekt zentriert sind */
.narrowcolumn .page div[style*="text-align: center"] {
    text-align: center !important;
}

/* Menü zentrieren */
#pagetabs {
    position: absolute;
    bottom: 291px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

#pagetabs li {
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
}

/* Hauptmenüpunkte */
#pagetabs > li > a {
    display: block;
    padding: 5px 5px 3px 5px;
    background: #495566;
    color: #f7f4e7;
    font-weight: normal;
    font-size: 14px;
    border-bottom: 1px solid #495566;
    white-space: nowrap; /* Nur für Hauptmenüpunkte */
}

#pagetabs li:hover a {
    background: #d6e6fb;
    border-bottom: none;
    color: #333132;
}

#pagetabs > li > a:hover {
    background: #b8cae2;
    border-bottom: none;
    color: #333132;
}

/* Dropdown wiederherstellen */
#pagetabs li:hover ul {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    background: #d6e6fb;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #b8cae2;
}

#pagetabs ul li {
    float: none;
    margin: 0;
    border-bottom: 1px solid #d6e6fb;
}

#pagetabs ul li a {
    display: block;
    padding: 0.5em 1em;
    background: none;
    color: #333132;
    font-size: 13px;
    border-bottom: none;
    white-space: normal; /* Erlaubt Zeilenumbrüche im Dropdown */
}

#pagetabs ul li a:hover {
    background-color: #b8cae2;
}