/*
Theme Name: Hintergrundbilder
Theme URI: http://www.hintergrundbilder.de
Description: Speziell für die Website Hintergrundbilder.de entwickeltes Theme
Author: Michael Wieck
Version: 2.0
License:
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: Hintergrundbilder.de
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
}
body {
        line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
        clear: both;
        font-weight: normal;
}
ol, ul {
        list-style: none;
}
blockquote {
        quotes: none;
}
blockquote:before, blockquote:after {
        content: '';
        content: none;
}
del {
        text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}
a img {
        border: none;
}
/* =General
-------------------------------------------------------------- */

/*
DESCRIPTION: General settings for this theme
*/

html {margin:0;padding:0;}

body {
         background: #eee;
         font-family: Verdana, 'Lucida Sans Unicode', sans-serif;
         font-size: 100.01%;
         line-height:24px;
         color: #333;
         margin-right:10px;
         height:1000px;
         text-align:center;
}

/* Links */

a:link, a:visited {font-weight:normal; color:#008110; text-decoration:none; letter-spacing:1px;}
a:hover { color:#444; text-decoration:underline; }

/* Überschriften */

h1, h2, h3, h4, h5, h6 {
         font-weight: bold;
         overflow:hidden;
}

h1     {
       font-size: 115%;
       line-height:30px;
       background: url(images/hgb2.gif) no-repeat;
       background-position:0% 50%;
       padding-left:20px;
}
h2     {
       font-size: 110%;
       line-height:30px;
       background: url(images/hgb2.gif) no-repeat;
       background-position:0% 50%;
       padding-left:20px;
}
h3    {
       font-size: 105%;
       line-height:30px;
       background: url(images/hgb2.gif) no-repeat;
       background-position:0% 50%;
       padding-left:20px;
       border-bottom:1px dashed #147039;
      }
#sidebar h3 {margin:5px 0 0 10px;width:86%;}

h4    {
       font-size: 95%;
}
h5    {
       font-size: 90%;
      }
h6      {
       font-size: 85%;
}

/* Inhalte - Texte*/

p {padding: 5px 5px 10px 5px;}

.xsmalltext {font-size: 0.7em;}
.smalltext {font-size: 0.9em;}
.mediumtext {font-size: 0.95em;}
.largetext {font-size: 1.0em;}
.labeltext {font-weight:bold;}
.footertext {width: 100%;font-size:85%;line-height:40px;text-align:center;}

.subtitle {width: 100%; float:left; font-size:105%; font-weight:bold; margin:0; clear:left;}

/* Float Clearing */

/* float clearing for IE6 */
* html .clearfix{
         height: 1%;
         overflow: visible;
}

/* float clearing for IE7 */
         *+html .clearfix{
         min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after {
         clear: both;
         content: ".";
         display: block;
         height: 0px;
         visibility: hidden;
         font-size: 0;
}

/* Inhalte */

p {padding: 5px 5px 10px 5px;}

.reset
{
        clear:both;
        height:0;
        line-height:0px;
        font-size:1px;
}
.reset-sep
{
        clear:both;
        height:40px;
        line-height:0px;
        font-size:1px;
}

/* Inhalte - Posts und Inhalte*/

.post {
        letter-spacing: 1px;
        word-spacing:1px;
        padding: 5px;
}
.l_data {float:left;}
.r_data {float:right;}

.d_button {float:right;margin-right:10px;margin-top:7px;}
.row1{background:#fff;}
.row2{background:#eee;}

/* Inhalte - Container */

.cnt100 {
        width: 100%;
}

.cntl { float:left;
       height: auto;
}

.cntr { float:right;
       height: auto;
}

.cntl-2 { float:left;
       height: auto;
}

.cntr-2 { float:right;
       height: auto;
}

.cnt33 {float:left;height:auto;width:150px;}

.slider {width:100%;margin:10px 3px 10px 3px;height: 185px; border-bottom: 1px dashed #333;}

.l_data {float:left;}
.r_data {float:right;}

.d_button {float:right;margin-right:10px;margin-top:7px;}
.screeninfo {height:50px; line-height:40px; text-align:center; font-weight:bold; font-size:200%;border-bottom: 1px dashed #333;margin-bottom:10px;}

.row1{background:#fff;}
.row2{background:#eee;}

.contentheader {
         width:728px;
         height:160px;
         border:0px;
         margin: 10px 0 0 3px;
        /* background:url(images/header.jpg) no-repeat; */
}

.contentheader2 {
         width:728px;
         height:160px;
         border:0px;
         margin: 10px 0 0 3px;
         background:url(images/404.jpg) no-repeat;}

.preview {
         border:0;
         float:left;
}
.smallpreview {
         border:0;
         float:left;}


.logo {width:41%;}
.logo img {max-width:400px; width:100%;}

.logo    {
         padding:15px 0 0 0px;
         float:left;
}


.listing {margin-left: 25px;

}

.listing ul {list-style:square;}

.listing ul li {margin-bottom: 10px;}


#wallpaperpreview {padding:10px;margin-bottom:10px;}
.wallpaperdesc {float:left;margin-bottom:15px;}
#wallpaperpreview .smalltext {display:block;}
/* =Main Structure
-------------------------------------------------------------- */
/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar left of content
*/

#wrapper {
         margin: 0 auto;
         width:100%;
         max-width:980px;
         text-align:left;
         }
#header  {
         width:100%;
         max-width:980px;
         height:80px;
}

#main, #content, #sidebar, #footer {
         border-radius:8px;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
       }
#content, #sidebar, #footer {
        border: 1px solid #bbb;
}

#main    {
         width:100%;
         max-width: 978px;
         height: auto;
         border: 1px solid #333;
         background: #fff;
         margin-bottom:20px;
}

#content {
         width: 75%;
         max-width:734px;
         float:left;
         margin:5px 0px 5px 4px;
}

#sidebar {
         width: 23%;
         max-width:225px;
         margin:5px 4px 5px 0px;
         float:right;
}

#footer  {
         width:100%;
         height: auto;
         max-width: 968px;
         margin: 4px;
}

/***********************Cumulated ********************************************/

#gallery h2, #sidebar h2, #home h2, #details h2, #toplist h2 {margin:5px;width:95%;}

/***********************HOME********************************************/
#home {}
#home h1 {margin:10px 4px 15px 4px;}
#home h2 {margin:15px 4px 10px 4px;}
#home h5 {margin:5px 0 10px 0;}
#home h5 a {color:#000;font-weight:bold;}
#home .excerpt {float:right; padding:0;margin-right:15px;}
#home .post {
        letter-spacing: 0px;
        word-spacing:0px;
        padding: 0 5px;
}
#home  h4 {margin:0px 0 0 5px;}

#home .ad1 {margin:15px 3px 40px 3px;}
#home .cnt100 {margin: 10px 0 25px 0;height:auto;}
#home .cntl-2 {margin-top:15px;width: 370px;}
#home .cntr-2 {margin-top:15px;padding-top:20px; width: 320px;height:620px;}
#home .smallpreview {padding:5px;}

#home .excerpt {float:left;margin-left:5px;}
#home .cntl {
           width:225px;
           height:220px;
           line-height:17px;
           margin:10px 12px 15px 5px;
           border-bottom: 1px dashed #444;
}

/***********************Fotografer********************************************/
#fotografer {}
#fotografer h3 {margin:0 0 5px 0; border:none;}

#fotografer .ad1 {margin:10px 0 25px 3px; }
#fotografer .ad2 {padding-bottom: 10px; padding-top: 28px;}
#fotografer .ad4 {padding-bottom: 8px; }

#fotografer .preview {
         margin: 10px 0 5px 3px;
}

#fotografer .l_data {
         width: 146px;
         float:left;
         font-weight:bold;
         border-bottom: 1px dashed #ddd;
}
#fotografer .r_data {
         width:190px;
         float:left;
         border-bottom: 1px dashed #ddd;
}

#fotografer .r_data2 {
         width:560px;
         float:left;
         border-bottom: 1px dashed #ddd;
}

#fotografer .cntl {
         width: 340px;
         float: left;
         line-height: 42px;
         padding:0;
         margin:0;
         height: 610px;
}

#fotografer .cntr {
         float:right;
         width: 370px;
         height: 610px;
}


#fotografer .cnt100 {
         float:left;
         line-height: 40px;

}

/*********************** Archives ********************************************/
#archive {}
#archive h3 {margin:5px 4px 0 4px;}
#archive h5 {margin:5px 0 5px 0;}
#archive .excerpt {float:left;margin-left:5px;}
#archive .cntl {
           width:225px;
           height:220px;
           line-height:17px;
           margin:10px 10px 15px 5px;
           border-bottom: 1px dashed #444;
}
/*****************************Toplist********************************************/

#toplist {font-size:85%}

#toplist .preview {
         margin-right:15px;
}

#toplist .cntl {
         width: 370px;
         height:auto;
         margin:0px 0 5px 10px;
         line-height:30px;
}
#toplist .cntr, #home .cntr {
         width: 336px;
         height: 280px;
         margin-right:10px;
         margin-top:5px;
}
#toplist .cntl-2 {
         width: 350px;
         height:auto;
         margin: 0 0 0 10px;
         line-height:30px;
}

#toplist .cntr-2 {
         width: 350px;
         height:auto;
         margin: 0 0 0 0;
         line-height:30px;
}
#toplist .boldtext {
         margin-right:15px;
}

#toplist .ad2 {}

/*****************************Galleries and Categories********************************************/

#gallery {}

#gallery .boldtext {
         font-size:85%;
         float:left;
         margin:5px 0 10px 0;
}

#gallery .cntl, #details .cntl {
         width: 370px;
         height: 290px;
         margin-right:10px;
         line-height:24px;
         border-bottom: 1px dashed #333;margin-bottom:5px;
}
#gallery .ad2, #details .ad2 {
          height: 290px;border-bottom: 1px dashed #333;margin-bottom:5px;
}
#gallery .overview {
          width:728px;
          margin: 2px 2px;
          border: 1px solid #bbb;
          border-radius:8px;
         -moz-border-radius:8px;
         -webkit-border-radius:8px;
          background: #ddd;
}
#gallery .navigation {line-height: 30px;}
/*****************************Details*******************************************/

#details {}

#details .imageframe {
          height: 276px;width:370px;
          border: 1px solid #333;
          border-radius:8px;
         -moz-border-radius:8px;
         -webkit-border-radius:8px;
          background: #ddd;
}

#details .preview {
         margin:26px 0 0 35.5px;
         }

#details .boldtext {
         margin-right:15px;
         line-height:40px;
         padding-left:10px;
}

#details .cntr {
         height:290px;
         width: 375px;
         border-bottom: 1px dashed #333;
         overflow:hidden;
}
.description {
         height:auto;
         padding: 10px 0;
         }
/*****************************Thumbnails*******************************************/


#thumbnail {
         width:140px;
         text-align:center;
         float: left;
         line-height: 20px;
         margin:10px 0 15px 0;
}
#thumbnail .title, .fotografer {
         font-size:80%;
         text-align:center;
}



/* =Menues
-------------------------------------------------------------- */
/*
*/
/*****************************Topmenu*******************************************/
.topmenu {
         float: right;
         margin:10px 5px 0 0;
         text-transform:uppercase;
         font-size:70%;
         letter-spacing:1px;
         list-style:none;
}
.topmenu li {
         display:inline;
}

.topmenu a {padding: 0 0 0 20px;
            font-weight:normal;}

.topmenu a:link, .topmenu a:visited {
         color: #147039;;
         text-decoration:none
}
.topmenu a:hover, .topmenu a:active {
         color: #333;
         text-decoration:underline;
}
/*****************************Hauptmenu*******************************************/

#main_menu {
              margin:0 0 15px 0;
           }

/*
Paginierung in Archivseiten
*/

.navigation {
         margin: 20px 0;
         text-align:center;
         }
/*
Sidebar Navigation
*/
.sidenav{ margin:5px;}
.sidenav2{ margin:80px 5px 5px 5px;}


.sidecat {
         color: #333;
         margin: 5px 0 25px 5px;
         font-size: 110%;
}

#sidebar .sidecat {font-size:95%;line-height:36px;}
#sidebar .sidecat a {padding-left: 30px;}
#sidebar .sidecat li {border-bottom: 1px dashed #333;width:95%;}


.sidecat a{
         padding-left: 40px;
         color: #333;
         margin: 0;
         font-size: 90%;
         background-image: url(images/empty.png);
         background-repeat: no-repeat;
         background-position: center left;
        }

.sidecat a:link {
         padding-left: 40px;
         color: #333;
         margin: 0;
         font-size: 90%;
         background-image: url(images/empty.png);
         background-repeat: no-repeat;
         background-position: center left;
        }

.sidecat a:hover {
         text-decoration: none;
         color: #147039;
         background-image: url(images/full.png);
         background-repeat: no-repeat;
         background-position: center left;
}

.social {padding: 5px 0 5px 2px;}

/*****************************Footermenu*******************************************/
.footermenu {
         text-align: center;
         margin:10px 5px 0 0;
         text-transform:uppercase;
         font-size:70%;
         letter-spacing:1px;
}
.footermenu li {
         display:inline;
}

.footermenu a {padding: 0 0 0 20px;
            font-weight:normal;}

.footermenu a:link, .footermenu a:visited {
         color: #147039;;
         text-decoration:none
}
.footermenu a:hover, .footermenu a:active {
         color: #333;
         text-decoration:underline;
}


/* Ads
-------------------------------------------------------------- */
/*
xxxxxx
*/

.ad1 {
              margin: 5px 0px;
              width:728px;
              height:90px;
              padding:0;
             }
.ad2 {
              width:336px;
              height:280px;
              float:left;
              margin: 0 0 25px 0;
               }
.ad3 {
              width:336px;
              height:280px;
              float:right;
              padding: 0px 3px 10px 10px;
              margin-top:-20px;
            }
.ad4 {
              width:300px;
              height:600px;
              float:right;
              margin: 0;
               }

#linkblock1 {margin:10px 0 0 4px;}
#linkblock2 {margin:10px 0 10px 0; width: 100%;}
/*
Front End Upload
*/

.front-end-upload-email, .front-end-upload-message {
         line-height: 40px;
         margin: 5px 10px;
         font-weight:bold;
         width:100%;
         }
.front-end-upload-submit {
         margin: 0 10px 15px 10px;
         font-weight:bold;
         width:100%;
         }
.required-email {
         padding:2px;
         }
#feu_email {
         margin-left:10px;
         height:20px;
         width:250px;
         }
#feu_message {
         height:200px;
         width:700px;
         margin-bottom: 20px;
         }







/* Mega Menu
-------------------------------------------------------------- */
/*
xxxxxx
*/

/* Reset code to remove theme inherent styling */
.dcjq-mega-menu ul.menu ul, .dcjq-mega-menu ul.menu li {
list-style: none;
padding: 0;
margin: 0;
}
.dcjq-mega-menu ul.menu ul {
display: none; /* Hides non-mega links */
}
.dcjq-mega-menu ul.menu .sub ul {
display: block; /* overrides above hide */
}

/* Main menu styles */
.dcjq-mega-menu ul.menu {
background: #222 url(images/bg_black.png) repeat-x 0 -80px;
width: 100%;
height: 40px;
border-right: 1px solid #1B1B1B;
border-left: 1px solid #1B1B1B;
position: relative; /* Important - required for positioning of mega menu */
font: normal 13px Arial, sans-serif;
line-height: 16px;
}
.dcjq-mega-menu ul.menu li {
float: left;
font-weight: bold;
}
.dcjq-mega-menu ul.menu li a {
float: left;
display: block;
padding: 12px 25px;
background: url(images/bg_black.png) repeat-x 100% 0;
color: #fff;
text-shadow: 1px 1px 1px #000;
text-decoration: none;
}
.dcjq-mega-menu ul.menu li.mega-hover a, .dcjq-mega-menu ul.menu li a:hover {
background-position: 100% -40px;
color: #000;
text-shadow: none;
}

/* Arrow tag for parent links */
.dcjq-mega-menu ul.menu li a.dc-mega {
padding-right: 38px; /* Additional padding for arrow */
position: relative; /* Required for arrow positioning */
}
.dcjq-mega-menu ul.menu li a .dc-mega-icon {
display: block;
position: absolute;
top: 18px;
right: 15px;
width: 8px;
height: 6px;
background: url(images/arrow.png) no-repeat 0 0;
}
.dcjq-mega-menu ul.menu li.mega-hover a .dc-mega-icon {
background-position: 0 100%;
}

/* Mega Menu Styling */
/* Mega Drop Down Container */
.dcjq-mega-menu ul.menu li .sub-container {
position: absolute; /* Required */
background: url(images/bg_sub_left.png) no-repeat 0 100%;
padding-left: 10px;
margin-left: -3px;
}
.dcjq-mega-menu ul.menu li .sub {
background: url(images/bg_sub.png) no-repeat 100% 100%;
padding: 20px 20px 20px 10px;
}
.dcjq-mega-menu ul.menu li .sub-container.mega .sub {
padding: 20px 10px 0 0;
}
.dcjq-mega-menu ul.menu li .sub .row { /* Clear the sub-menu floats */
width: 100%;
overflow: hidden;
clear: both;
}
.dcjq-mega-menu ul.menu li .sub li {
float: none;
font-size: 1em;
font-weight: bold;
}
/* Sub-menu Headers */
.dcjq-mega-menu ul.menu li .sub li.mega-hdr { /* Sub-menu headers - i.e. 2nd level navigation */
float: left; /* Float the sub-menus and give them a fixed width to from the mega menu rows */
width: 299px;
margin: 0 10px 20px 10px;
border: 1px solid #ccc;
}
.dcjq-mega-menu ul.menu li .sub a { /* Clear the styles from the top-level links and set the font styles */
background: none;
border: none;
text-shadow: none;
color: #111;
padding: 7px 10px;
display: block;
float: none;
text-decoration: none;
font-size: 0.9em;
}
.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a {
padding: 7px 10px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
font-weight: bold;
color: #000;
background: #EAEAEA url(images/bg_hdr.png) repeat-x center center;
}
.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000;
text-shadow: none;
}


/* Add the individual sub-menu backgrounds */
.dcjq-mega-menu ul.menu li .sub li#menu-item-209 {
background: url(images/bg_landschaften.jpg) no-repeat 175px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-211 {
background: url(images/bg_wasser.jpg) no-repeat 175px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-226 {
background: url(images/bg_himmel.jpg) no-repeat 175px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-290 {
background: url(images/bg_tiere.jpg) no-repeat 175px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-297 {
background: url(images/bg_pflanzen.jpg) no-repeat 175px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-304 {
background: url(images/bg_architektur.jpg) no-repeat 175px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-311 {
background: url(images/bg_feiertage.jpg) no-repeat 175px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-316 {
background: url(images/bg_technik.jpg) no-repeat 175px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-321 {
background: url(images/bg_jahreszeiten.jpg) no-repeat 175px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-326 {
background: url(images/bg_veranstaltungen.jpg) no-repeat 175px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-332 {
background: url(images/bg_kunst.jpg) no-repeat 175px 40px;
}
.dcjq-mega-menu ul.menu li .sub li#menu-item-335 {
background: url(images/bg_sport.jpg) no-repeat 175px 40px;
}

/* Style the 3rd level links */
.dcjq-mega-menu ul.menu li .sub li ul li {
margin-right: 90px;
}
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a {
color: #444;
font-weight: normal;
padding: 3px 0 3px 25px;
background: url(images/bullet.png) no-repeat 10px 8px;
}
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a:hover {
color: #990000;
background-image: url(images/bullet_on.png);
}

/* Styling for items with only 2 levels */
.dcjq-mega-menu ul.menu li .sub-container.non-mega .sub {
padding: 20px 20px 20px 10px;
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li {
width: 190px; /* Set the drop down width */
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px;
background: url(images/bullet.png) no-repeat 5px 12px;
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a:hover {
color: #990000;
background-image: url(images/bullet_on.png);
}



/*****Ads******/

#wallpaperad1 {
              width: 728px;
              height:90px;
              padding:0;
              margin:5px 0px 50px 2px;
              background:#e1e1e1;
              border:1px solid #72ca66;
              }

#wallpaperad2 {
              width: 728px;
              height:90px;
              padding: 0;
              margin-bottom:40px;
              }

#wallpaperad3 {
              width: 728px;
              height:90px;
              padding:0;
}
#wallpaperad4 {
              width: 300px;
              height: 605px;
              padding:15px 0 0 0;
              float:right;
              text-align:right;
}
#wallpaperad5 {
              width: 728px;
              height:90px;
              margin:0 auto;
              padding:10px 0;
              }