/*
Theme Name: Waltke Wp3 cms
Theme URI: http://www.fabrik1design.de/
Description: Das Waltke WP cms Theme von <a href="http://www.fabrik1design.de/">Ralf Kobert</a> ist f&uuml;r reines cms ohne Blog-Funktion ausgerichtet.
Version: ver 3.0
Author: <a href="http://www.fabrik1design.de/">Ralf Kobert</a>
by Ralf Kobert - fabrik1design.de

Letzte Änderung am 25.05.2011
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans&subset=latin&v2);

* {
margin: 0;
padding: 0;
border: 0;
}

html {
height: 100.1%;
font-size: 100.1%;
}

body {
margin-top: 35px;
height: 100%;
color: #000;
font: 0.8em/1.8em 'Droid Sans',Geneva, Arial, sans-serif;
background: url(images/bg_main_2.jpg) top left;
background-color: inherit;
}

a, h3 a:hover {
text-decoration: none;
}

a:link, a:visited {
color: #008C01;
background-color: inherit;
}

a:hover, a:active {
color: #008C01;
text-decoration: underline;
background-color: inherit;
}

a:focus {
color: #008C01;
text-decoration: underline;
/*background-color: #f6f6f6;*/
}

#maincontainer {
position:relative;
min-width:660px;
width:60em;
max-width:99%;
margin:0 auto;
padding:0;
text-align:left;
color:#000;
background:#d0e89f;
border: 4px #fff solid;
height:auto;
}

/* ----------------------- Header ----------------------------- */

#headerbg {
height:180px;
color:#000;
border-bottom:4px solid #fff;
background: #F8B628 url(images/header_right.gif) no-repeat bottom right;
}

#headerleft {
float:left;
margin-left: 8px;
width: 165px;
height: 101px;
text-indent: -3000px;
display: block;
background: url(images/logo_waltke.gif) no-repeat 0 -101px;
}

#headerleft a {
width: 165px;
height: 101px;
display: block;
background: url(images/logo_waltke.gif) no-repeat 0 0;
text-decoration: none;
}

#headerleft a:hover {
width: 165px;
height: 101px;
display: block;
background: url(images/logo_waltke.gif) no-repeat 0 -101px;
text-decoration: none;
}

/* ------------------- Content -------------------------- */

#content {
min-height:600px;
height:auto;
width:auto;
max-width:65%;
background-color:#d0e89f;
color:#000;
margin: 43px 0 3em 35px;
}

#content h1 {
font-size:1.2em;
margin:0 0 12px 0;
}

#content h2 {
/*font:normal 160%/1.2em 'Droid Sans',georgia,"lucida grande", verdana, sans-serif;*/
margin:0 0 5px 0;
padding:0 0 10px 26px;
color:#4E612B;
background:#d0e89f url(images/h2_bullet.gif) 0px 20% no-repeat;
}

#content h2.pagetitle {
padding-left:0px;
background:none;
}

#content h2 a:link, #content h2 a:visited {
color: #637C37;
background:#d0e89f;
border-bottom:1px solid #637C37;
}

#content h2 a:hover {
color: #637C37;
background:#d0e89f;
text-decoration:none;
border-bottom:1px solid #fff;
}

#content h2 a:focus {
color: #637C37;
background:#f6f6f6;
text-decoration:none;
border-bottom:1px solid #fff;
}

#content h3 {
font-size: 1.1em;
padding-top: 19px;
margin-bottom: 20px;
}

#content h3.red.searchresult {
font-weight:normal;
color:red;
background:#fff;
width:30em;
padding:5px 10px 5px 10px;
margin-top: 40px;
}


#content h4 {
font-size: 1.1em;
padding-top: 10px;
margin-left: 21px;
margin-bottom: 10px;
}

.left {
float:left;
}

#content ul li {
list-style-type: none;
margin-top: 5px;
line-height:1.3em;
}

#content p{
padding-bottom:20px;
padding-right:50px;
}

#content p.red strong{
color:red;
background:#fff;
padding:5px 10px 5px 10px;
}

#content img{
border:2px solid #fff;
}

/* ------------------------- Navigation ---------------------------- */

#sidebar {
float:right;
min-width:8em;
width:15em;
max-width:24%;
padding: 0 30px 0 16px;
margin:46px 0 0 0;
font-size:1em;
line-height:1.63em;
color:#4E612B;
background-color:#d0e89f;
}

#sidebar h3 {
margin:0 0 10px 0;
clear:both;
padding:0 0 3px 0px;
font-weight:normal;
/*font:normal 1.3em/1.5em 'Droid Sans',georgia,serif;*/
border-bottom: 1px solid #435915;
}

#sidebar ul {
margin:0 0 20px 0;
padding: 0 0 0 0;
color:inherit;
background-color:#d0e89f;
list-style-type:none;
}

#sidebar ul li {
margin:0;
padding:0;
line-height:1.5em;
}

#sidebar ul li ul {
margin:0;
padding:0;
}

#sidebar li a {
display:block;
padding:3px 0 3px 10px;
text-decoration:none;
color:#000;
background-color:#d0e89f;
border:2px solid transparent;
}

#sidebar li li a {
padding:3px 0 3px 30px;
}

#sidebar li a:hover, 
#sidebar li a:active {
color:#fff;
background-color: #9bbb79;
/*border:2px solid #fff;*/
}

#sidebar li a:focus {
color:#fff;
background-color: #F8B628 !important;
}

#menu-sidebar-navigation ul.sub-menu{
display:none;
}

#menu-sidebar-navigation .current-menu-item ul.sub-menu,
#menu-sidebar-navigation .page_item ul.sub-menu,
#menu-sidebar-navigation .current_page_item ul.sub-menu{
display:block;
}

#menu-sidebar-navigation .current-menu-ancestor ul.sub-menu {
display:block;
}

#menu-sidebar-navigation li.menu1.current_page_item a{
color:#fff;
background-color:#8EAE68;
/*border:2px solid #fff;*/
}

#menu-sidebar-navigation li.menu1.current_page_parent a{
color:#fff;
background-color:#8EAE68;

}

#menu-sidebar-navigation .submenu1 a {
color:#000!important;
background-color:transparent!important;
/*border:2px solid transparent!important;*/
}

#menu-sidebar-navigation .submenu1 a:hover,
#menu-sidebar-navigation .submenu1.current_page_item a {
color:#fff!important;
background-color:#9bbb79!important;
/*border:2px solid #fff!important;*/
}

#sidebar form#searchform {
width:15em;
max-width:300px;
padding: 0 0 0 0;
margin:0;
text-align:left;
}

#sidebar input#s {
width:14.5em;
max-width:14.5em;
margin:0;
padding: 2px 0 2px 0;
}

#sidebar input#searchsubmit {
width:auto;
max-width:300px;
padding: 3px 6px;
margin-top:5px;
color:#fff;
background-color:#8EAE68 !important;
font-size:92.5%;
font-weight:bold;
text-align:center;
border:1px solid #fff;
}

#sidebar #searchsubmit:hover,
#sidebar #searchsubmit:focus {
background-color:#9BBB5F !important;
color:#000;
}

/* ------------------------ Footer ----------------------- */

#footer {
clear:both;
min-height:39px;
height:5em;
color:#000;
background:#F8B628;
border-top: 4px solid #fff;
}

#footer p {
font-size:1em;
}

#footerleft {
float:left;
min-width:180px;
width:auto;
max-width:65%;
padding: 9px 0 0 35px;
}

#footerright {
float:right;
clear:right;
min-width:180px;
width:auto;
max-width:45%;
padding: 17px 14px 0 0;
text-align:right;
}

#footerright a.pagetop {
margin-right:15px;
}

a.design{
margin-left:25px;
}

/* ------------------------ Tabellen ------------------------- */

ul#leistung{
margin:0 0 0 25px;
}

ul#leistung li{
line-height:1.6em;
padding-left:20px;
background:url(images/bullet_02.gif) left 6px no-repeat !important;
}

/* -------------------- Allgemeine Auszeichnungen ------------------------ */

.waiaccess, dfn, legend em,
#headerbg h1, #headerbg h2 {
position:absolute;
left:-1500px;
top:-1500px;
width:0;
height:0;
overflow:hidden;
display:inline;
}

.clr {
clear: both;
}

/* ------------------------- Formulare ------------------------- */

form {
padding:6px 0 0 0;
}

form p {
padding:6px 0;
}

form label {
background:inherit;
color: #666551;
}

form label em {
font-style:normal;
background:inherit;
color: #B1201F;
}

form input, form textarea {
padding:3px;
width:200px;
border: 1px solid #D5D4CC;
/*font-family:Arial,Helvetica,sans-serif;*/
font-size:1em;
color:#666;
background-color:#FFF;
}

form input:hover, 
form input:focus,
form textarea:hover, 
form textarea:focus,
form textarea#comment:hover, 
form textarea#comment:focus{
color:#666;
background-color: #EFF5E2;
}

form textarea {
overflow:auto;
}

form .red {
color:#990000;
background-color:#d0e89f;
}

#kontakt{
margin: 15px 0 18px 0;
}

#kontakt p{
padding:0 0 3px 0;
margin:0;
}

#kontakt input, 
#kontakt textarea{
margin:0 0 8px 0;
}

#kontakt .submit, 
input#submit {
width:auto;
font-weight:bold;
font-size:.9em;
border-color:#FFF;
background-color:#8EAE68 !important;
color:#FFF;
}

#kontakt .submit:hover, 
#kontakt .submit:focus,
input#submit:hover, 
input#submit:focus {
background-color:#9BBB5F !important;
color:#000;
}

#kontakt #csubject, 
#kontakt textarea{
width:28em;
}

#content p.darkgreen{
margin:40px 0 25px 0;
}

#content p.darkgreen strong{
color:#1C751D;
background:#fff;
padding:5px 10px 5px 10px;
}

.catnav {
padding-top: 32px;
}

/* ---------------------- Tabbing stuff -------------------------- */

ul#skipnav {
margin:0;
padding:0;
height:0;
}

ul#skipnav li {
list-style-type:none;
display:inline;
}

ul#skipnav li a {
position: absolute;
top:-500px;
left:-999px;
text-decoration:none;
}

ul#skipnav li a:focus, ul#skipnav li a:active {
position: absolute;
display:block;
width:18em;
margin:0;
padding:4px 0 4px 4px;
top:145px;
left:0px;
color:#000;
background-color:#F8B628;
border:2px solid #fff;
font-size:1em;
text-align:left;
}

ul#skipnav li a:hover { 
background-color:#F8B628;
border:2px solid #fff;
color:#fff;
}

/* -------------------------- Textzoom ---------------------------- */

.textzoom {
z-index:4;
position:absolute;
top:10px;
left:14px;
padding:0;
line-height:0em;
}

.textzoom a {
margin:0;
line-height:0em;
font-size:0;
border-bottom:none;
}

.textzoom a img:hover,
.textzoom a:focus img	 {
color:#000;
background:#8EAE68 !important;
}

.hilite {
color: #fff;
background-color: #f93;
}

/* -------------------------Inhaltsverzeichnis ------------------------- */
.ddsg-wrapper {
margin:0;
padding:0;
}

.ddsg-wrapper ul.ddsgposts1 {
padding: 0 0 16px 0 !important;
}

.ddsg-wrapper ul {
margin:0 0 0 25px;
}

.ddsg-wrapper ul li {
font-weight:bold;
padding-left:15px;
background:url(images/bullet_01.gif) left 0.35em no-repeat !important;
}

.ddsg-wrapper ul li a{
line-height:1.5em;
color: #5f7a41!important;
}

.ddsg-wrapper ul li ul li {
margin:0 0 0 4px !important;
font-weight:normal;
background:url(images/bullet_01.gif) left 0.65em no-repeat !important;
}

.ddsg-wrapper ul li ul li a{
line-height:2em!important;
}

/* ------------------ Inhaltsverzeichnis Seiten ----------------------- */

#content ul{
list-style-type:none;
}

#content ul a:hover{
text-decoration:underline;
border-bottom:none;	
}

#content ul.level1 a, 
#content ul.level1 a:link, 
#content ul level1 a:visited,
#content ul.level2 a, 
#content ul.level2 a:link, 
#content ul level2 a:visited {
color:#000;
padding-left:20px;
background:#d0e89f url(images/bullet_01.gif) left center no-repeat !important;
}

#content ul.level1 a, #content ul.sitemap li a {
margin-left:62px;
font-weight:normal;
color: #000;
background:#d0e89f;
}

#content ul.level2 a {
margin-left:105px;
font-weight:normal;
}

#content ul.level1 a:focus, #content ul.sitemap li a:focus,
#content ul.level1 li ul.level2 a:focus{
background: white url(images/bullet_01.gif) left center no-repeat !important;
color:#717171;
border-bottom:none;	
}

h3.sitemapsubtitle{
padding-left:60px;
color: #678825;
background:#d0e89f;
}

.galalogo {
vertical-align: middle;
/*margin-right: 20px;*/
}
/* Widgets
----------------------------------------------------------- */
.widget h2{
/*font:bold 1.2em/1.6em fruriger,arial,"sans serif";;*/
padding:4px 0 3px 0px;
margin-bottom:10px;
/*font:bold .985em/1em georgia,serif;*/
border-bottom: 1px solid #6F981D;
}

#sidebar .quote .textwidget{
/*font:normal 1em/1.4em 'Droid Sans',georgia,serif;*/
background-color:#f8b628;
color:#000;
border:2px solid #fff;
padding:5px 5px 5px 10px;
}

#sidebar .textwidget p{
/*font:normal .9em/1.4em 'Droid Sans',georgia,serif;*/
padding:5px 5px 5px 0;
color:#000;
}

/* NGG Gallery
------------------------------ */
.ngg-galleryoverview{
clear:none;
}

.ngg-gallery-thumbnail img{
margin:0 5px 8px 0!important;
background-color:#fff!important;
border: 1px solid #fff!important;
}

.ngg-gallery-thumbnail img:hover{
background-color: #F8B628!important;
}

#numberDisplay, #lightbox #caption{
color: #858585!important;
}


/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {
/* --- General --- */
body {
margin:15px 10px 15px;
padding:0;
background: #fff;
}

#content{
width:100%;
margin:15px 10px 15px;
}

#maincontainer, #content,.entry-content h2,
#content h2,.menu,
#sidebar ul, #content ul{
background-color:#fff;
margin:0;
padding:0;
width:100%;
}

#sidebar ul li a{
background-color:#fff;
padding-left:3px;
}

#sidebar ul li ul li a{
padding-left:15px;
}

#content h2,.entry-content h2{
color:#000;
font-size:1.5em!important;
font-weight:bold;
background-image: none;
}

#headerbg{
display:none;
}
.textzoom{
display:none;
}

#sidebar{
float:none;
width:100%;
background-color:#fff;
margin:0 0 20px 0;
padding:0;
}

div #sidebar h3{
width:100%;
color:#000;
border:none;
}

#sidebar .widget_search{
margin-bottom:20px;
}

#footer{
width:100%;
background-color:#fff;
}

#footerleft, #footerright{
padding:0;
margin:0;
float:none;
width:100%;
}
}

@media screen and (max-width: 880px) {
/* --- General --- */
body {
margin:15px 10px 15px;
padding:0;
background: #fff;
}

#content{
width:100%;
margin:15px 10px 15px;
}

#maincontainer, #content,.entry-content h2,
#content h2,.menu,
#sidebar ul, #content ul{
background-color:#fff;
margin:0;
padding:0;
width:100%;
}

#sidebar ul li a{
background-color:#fff;
padding-left:3px;
}

#sidebar ul li ul li a{
padding-left:15px;
}

#content h2,.entry-content h2{
color:#000;
font-size:1.5em!important;
font-weight:bold;
background-image: none;
}

#headerbg{
display:none;
}
.textzoom{
display:none;
}

#sidebar{
float:none;
width:100%;
background-color:#fff;
margin:0 0 20px 0;
padding:0;
}

div #sidebar h3{
width:100%;
color:#000;
border:none;
}

#sidebar .widget_search{
margin-bottom:20px;
}

#footer{
width:100%;
background-color:#fff;
}

#footerleft, #footerright{
padding:0;
margin:0;
float:none;
width:100%;
}
}

@media screen and (max-width: 620px) {
/* --- General --- */
body {
margin:15px 10px 15px;
padding:0;
background: #fff;
}

#content{
width:100%;
margin:15px 10px 15px;
}

#maincontainer, #content,.entry-content h2,
#content h2,.menu,
#sidebar ul, #content ul{
background-color:#fff;
margin:0;
padding:0;
width:100%;
}

#sidebar ul li a{
background-color:#fff;
padding-left:3px;
}

#sidebar ul li ul li a{
padding-left:15px;
}

#content h2,.entry-content h2{
color:#000;
font-size:1.5em!important;
font-weight:bold;
background-image: none;
}

#headerbg{
display:none;
}
.textzoom{
display:none;
}

#sidebar{
float:none;
width:100%;
background-color:#fff;
margin:0 0 20px 0;
padding:0;
}

div #sidebar h3{
width:100%;
color:#000;
border:none;
}

#sidebar .widget_search{
margin-bottom:20px;
}

#footer{
width:100%;
background-color:#fff;
}

#footerleft, #footerright{
padding:0;
margin:0;
float:none;
width:100%;
}
}