﻿/*
Theme Name: STZ Lörrach
Theme URI: http://www.stz-loerrach.de
Description: Your theme
Version: 4
Author: Dominik Schwind
Author URI: http://www.dominikschwind.de/
*/
/*  Basics */
.onlyprint {
 display:none;
}
html, body, div, form, input, h1, h2, h3, ul, li,p {
        margin: 0;
        padding: 0;
}
body{
        font-size: 11px; /*        font-family: "Gill Sans MT", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
        font-family: Geneva, Arial, Helvetica, sans-serif;
        background: #4D81C2 url(images/bg-dropshadown.jpg) repeat-y center;
}
#page{
        width: 862px;
        background-color: transparent;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        /*background-image: url(images/stz-logo_100.gif);*/
        /*background-position: top right;*/
        /*background-repeat: no-repeat; /*        background-color: #E0E0E0;*/
}


body#index #page{
        text-align: center;
}
/* Header */
#header {
        background-image: url(images/logo.jpg);
        background-position: top left;
        background-repeat: no-repeat;
                  padding-bottom:1em;
}

#header5 {
        background-image: url(images/logo1.jpg);
        background-position: top left;
        background-repeat: no-repeat;
                  padding-bottom:1em;
        height: 125px;
}

#header h1 {
        text-align: center;
        padding: 1em;
        font-size: 1.8em;
}
#header h1 a {
        color: Black;
        text-decoration: none;
}

#header1 {
        background-image: url(images/logo1.jpg);
        background-position: top left;
        background-repeat: no-repeat;
                  padding-bottom:1em;
}

#header1 h1 {
        text-align: center;
        padding: 1em;
        font-size: 1.8em;
}
#header1 h1 a {
        color: Black;
        text-decoration: none;
}

#header2 {
        background-image: url(images/logo2.jpg);
        background-position: top left;
        background-repeat: no-repeat;
                  padding-bottom:1em;
}

#header2 h1 {
        text-align: center;
        padding: 1em;
        font-size: 1.8em;
}
#header2 h1 a {
        color: Black;
        text-decoration: none;
}

#header3 {
        background-image: url(images/logo3.jpg);
        background-position: top left;
        background-repeat: no-repeat;
                  padding-bottom:1em;
}

#header3 h1 {
        text-align: center;
        padding: 1em;
        font-size: 1.8em;
}
#header3 h1 a {
        color: Black;
        text-decoration: none;
}

#header4 {
        background-image: url(images/logo4.jpg);
        background-position: top left;
        background-repeat: no-repeat;
                  padding-bottom:1em;
}

#header4 h1 {
        text-align: center;
        padding: 1em;
        font-size: 1.8em;
}
#header4 h1 a {
        color: Black;
        text-decoration: none;
}

#header5 {
        background-image: url(images/logo5.jpg);
        background-position: top left;
        background-repeat: no-repeat;
                  padding-bottom:1em;
}

#header5 h1 {
        text-align: center;
        padding: 1em;
        font-size: 1.8em;
}
#header5 h1 a {
        color: Black;
        text-decoration: none;
}

/* Navigationsleiste oben */
#navlist {
        position: relative;
        padding: 3px 0;
        margin-top:4em;
        margin-left: 0;
        margin-bottom: 0;
        margin-right: 0;
        font: bold 1.1em Verdana, sans-serif;
        border-bottom: 1px solid black;
}
#navlist li {
        list-style: none;
        margin: 0;
        display: inline;
}
#navlist li ul {
        display: none;
                position: absolute;
                top: 12px;
                left: 0;
                padding-top: 10px;
                width:100%;
}
#navlist li a {
        padding: 3px 0.5em;
        margin-left: 2px;
        border: 1px solid #000;
        -moz-border-radius-topleft: 5px;
        border-bottom: none;
        background: #DDE;
        text-decoration: none;
}
#navlist li a img {
        border:none;
}
#navlist li a:link { color: #4D81C2; }
#navlist li a:visited { color: #4D81C2; }
#navlist li a.current_page_item:hover {
        background: white;
        border-bottom: 1px solid white;
}
#navlist li a:hover {
color: #000;
        background: #B9D4F9;
        border-color: #000;
}
#navlist li.current_page_item a {
        background: white;
        border-bottom: 1px solid white;
}
#navlist li.languageswitch a {
        border: none;
        background-color: transparent;
        margin-left:260px;
}

#navlist li.languageswitch1 a {
        border: none;
        background-color: transparent;
        margin-left:200px;
}
#subnavigation {
        position: relative;
        padding: 3px 0;
        margin: 0;
        font: bold 1.1em Verdana, sans-serif;
}
#subnavigation li {
        list-style: none;
        margin: 0;
        display: inline;
}
#subnavigation li.current_page_item a {
        background-color: #DDE;
}
#subnavigation li a {
        padding: 3px 0.5em;
        margin-left: 2px;
        text-decoration: none;
}
#subnavigation li a:link { color: #4D81C2; }
#subnavigation li a:visited { color: #4D81C2; }
#subnavigation li a.current_page_item:hover {
        background: white;
        border-bottom: 1px solid white;
}
#subnavigation li a:hover {
color: #000;
        background: #B9D4F9;
        border-color: #000;
}

/* Hauptseite */
body#index #page #wrap {
        padding:30px 0 10px 0;
        margin:0;
        border:none;
}
body#index #page #wrap .bigimage {
        margin:20px 0;
}
body#index #page #wrap .welcome {
        display:inline;
        margin:20px;
}
body#index #page #wrap .welcome a  {
        color:black;
        text-decoration: none;
}
body#index #page #wrap .welcome a img{
        border:none;
}
#wrap {
        padding:20px;
        position: relative;
}
#content {
        margin-right:200px;
        text-align: justify;
}
#index-post h3, .post h3, h2 {
        clear:both;
        font-size:1.2em;
        margin-top:1em;
        border-bottom: 1px solid #4D81C2;
}
#index-post h3 a, .post h3 a, h2 a {
        color: black;
        text-decoration: none;
}
#index-post p {
        margin:1em 0 1em 0;
}
.post p, .post ul {
        margin:1em 0 1em 0;
}
.post li {
        margin-left:2em;
}
img.portrait {
        float: left;
        margin: 0 1em 1em 0;
/*        border: 1px solid #4D81C2; */
}
img.referenz {
        float: left;
        margin: 0 1em 1em 0;
}
.stzcontent dl, .stzcontent h2 {
 clear:both;
}
#index-post div {
        margin:1em 0 2em 0;
        padding-left:23px;
}
#index-post ul {
        list-style-type: none;
        margin: 1em 1em 1em 0;
        padding-bottom:1em;
        width:150px;
        float:left;
        border-right: 1px solid #4D81C2;
        border-bottom: 1px solid #4D81C2;
}
#index-post p {
        width:350px;
        float:right;
}
fieldset {
        border: 1px solid #4D81C2;
        -moz-border-radius-topleft: 5px;
}
tr.nc td, .pack {
 background-color:#E5E5E5;
}
a img {
 border:none;
}
.pricelist {
 border:1px solid #4D81C2;
}
.pricelist td {
	text-align: right;
	padding:0 .5em;
 border:1px solid silver;
}
.error {
 border:1px solid red;
 margin:1em;
 padding:1em;
}
.entrytext dl {
 clear:both;
}
td {
 padding:2px;
 margin:2px;
 text-align:left;
}
/* Sidebar */
#sidebar, #newssidebar {
        padding: 5px;
        width: 170px;
        position: absolute;
        right: 20px;
        top: 20px;
}
.sidebox {
 border:1px solid #ddf;
 margin:0 0 10px 0;
 text-align:left;
}
.sidebox, .sidebox ul {
 list-style-type:none;
}
.sidebox li {
 padding:3px;
 font-size:.9em;
}
.sidebox li ul li {
 font-size: 1em;
 padding-left:6px;
}
.sidebox h3 {
 margin:0;
 padding:0 3px;
 font-size:1em;
 background-color:#ddf;
}
.sidebox p {
 padding:3px;
 margin:0;
 font-size:.9em;
}
.sidebox p a img {
 border:none;
}
/* Footer */
#footer {
        margin:1em 220px 1em 20px;
        padding:1em 0;
        text-align: justify;
        clear:both;
        position: relative;
        border-top: 1px solid #4D81C2;
}
#footer a {
        text-decoration: none;
        border:none;
}
#footer a:hover {
        border-bottom:1px dashed #F0FFFF;
}
#footer #disclaimer, p.tols {
 font-size:.8em;
 color:#555;
}