/*
Theme Name: SaschaTheme
Theme URI: http://www.webpages.de
Version: 1.0
Author: Petra Husmann   
Author URI: http://www.webpages.de
Tags: white, fixed width, widgets
Text Domain: Sascha
*/

/* Druck-Layout einbinden */
@import url(print.css);

@media all {

/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    background: #fff;
    color: #000;
    text-align: center; 
    }

#page {
    background: #fff url('images/bg_body.gif') no-repeat 0 0;
    text-align: left;
    }

body.page-id-18 #page { background: #fff url('images/bg_impressum.jpg') no-repeat 0 0; }
body.single #page { background: #fff url('images/bg_aktuell.jpg') no-repeat 0 0; }
body.page-id-2 #page { background: #fff url('images/bg_vita.jpg') no-repeat 0 0; }
body.archive #page { background: #fff url('images/bg_aktuell.jpg') no-repeat 0 0; }
body.page-id-14 #page { background: #fff url('images/bg_downloads.jpg') no-repeat 0 0; }
body.page-id-16 #page { background: #fff url('images/bg_kontakt.jpg') no-repeat 0 0; }
body.page-id-4 #page { background: #fff url('images/bg_body3ColContent.jpg') no-repeat 0 0; }
body.page-template-media-php #page,
body.page-template-galerie-php #page { background: #fff url('images/bg_bodyGalerieContent.jpg') no-repeat 0 0; }
body.page-id-25 #page { background: #fff url('images/bg_bodyHomeContent.jpg') no-repeat 0 0; }  
body.single .category-news img {display:inline !important;}
body.single #headerimg h1 img {display:inline !important;}
body.single img {display:none}

#header {
    background: #fff;
    }

/*#headerimg    {
    margin: 7px 9px 0;
    height: 192px;
    width: 988px;
    }*/

#content {
    font-size: 1.1em;
    }

table, #content table, #content table tr td { border: none; }   
    
#content table tr th { font-size: 1.2em; }  
    
.widecolumn .entry p {
    font-size: 1em;
    }

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.6em;
    }

.widecolumn {
    line-height: 1.6em;
    }

.narrowcolumn .postmetadata {
    text-align: center;
    }

.thread-alt {
    background-color: #f8f8f8;
}
.thread-even {
    background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

    border-left: 1px solid #ddd;
}

#footer {
    background: none;
    }

small {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    line-height: 1.6em;
    }

h1, h2, h3 {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    }

h1 {
    font-size: 4em;
    text-align: left;
    }

#headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }

h2 {
    font-size: 1.6em;
    }

h2.pagetitle {
    font-size: 1.6em;
    }

#sidebar h2 {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1.2em;
    }

h3 {
    font-size: 1.3em;
    }

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #000;
    }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }

.entry p a:visited {
    color: #008AFF;
    }

.sticky {
    background: #f7f7f7;
    padding: 0 10px 10px;
    }
.sticky h2 {
    padding-top: 10px;
    }

.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em Verdana, Arial, Sans-Serif;
    }
.commentlist li ul li {
    font-size: 1em;
}

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.6em;
    text-transform: none;
    }

#commentform p {
    font-family: Verdana, Arial, Sans-Serif;
    }

.commentmetadata {
    font-weight: normal;
    }

#sidebar {
    font: 2em Verdana, Arial, Sans-Serif;
    }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #000;
    }

code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }

a, h2 a:hover, h3 a:hover {
    color: #008aff;
    text-decoration: none;
    outline: none;
    }

a:hover {
    color: #008aff;
    text-decoration: underline;
    outline: none;
    }

body.page-template-media-php #sidebar ul ul li.selected ul,
body.page-template-galerie-php #sidebar ul ul li.selected ul { display: block; position: absolute; left: -10px; top: 72px; width: 264px; }
.page-id-93 ul li.selected ul { display: block; position: absolute; left: -10px; top: 72px; width: 264px; }
body.page-template-media-php #sidebar ul ul li.selected ul li,
body.page-template-galerie-php #sidebar ul ul li.selected ul li { background: url(images/bg_subnav.gif) no-repeat; border: none; padding: 0 13px 0 0; display: block; /* float: none;*/ width: 251px; height: 28px; margin: 0 0 1px; }
body.page-template-media-php #sidebar ul ul li.selected ul li a,
body.page-template-galerie-php #sidebar ul ul li.selected ul li a { color: #000; font-size: 12px; line-height: 23px; text-align: right; width: 100%; }
body.page-template-media-php #sidebar ul ul li.selected ul li a:hover, body.page-template-media-php #sidebar ul ul li.selected ul li a:active, body.page-template-media-php #sidebar ul ul li.selected ul li a:focus,
body.page-template-galerie-php #sidebar ul ul li.selected ul li a:hover, body.page-template-galerie-php #sidebar ul ul li.selected ul li a:active, body.page-template-galerie-php #sidebar ul ul li.selected ul li a:focus { background: none; color: #008aff; text-decoration: none; }

body.page-template-media-php #sidebar ul ul li.selected ul li.selected a,
body.page-template-galerie-php #sidebar ul ul li.selected ul li.selected a { color: #008aff; }


#footer ul li a { color: #000; }
#footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus { color: #008aff; }
    
#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 1em;
    }

#wp-calendar a {
    text-decoration: none;
    }

#wp-calendar caption {
    font: bold 1.3em Verdana, Arial, Sans-Serif;
    text-align: center;
    }

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */



/* Begin Structure */
body {
    margin: 0 0 20px 0;
    padding: 0;
    }

#page {
    background-color: #fff;
    margin: 30px auto 0;
    padding: 34px 41px 29px;
    height: 580px;
    width: 906px;   
    position: relative;
    }

* html { height: 643px; width: 988px; } 
    
#header {
    background: none;
    margin: 0;
    padding: 0;
    height: 45px;
    border-bottom: 1px solid #000;
    position: relative;
    /*width: 980px;*/
    }

/*#headerimg {
    margin: 0;
    height: 10px;
    width: 100%;
    }*/

.narrowcolumn {
    /*background: url(images/bgNarrowColumn.jpg) no-repeat 0 0;*/
    float: left;
    padding: 13px 11px 0;
    margin: 40px 0 11px 392px;
    width: 493px;
    height: 410px;  
    }
        
body.home .narrowcolumn { margin: 92px 0 11px 392px; height: 410px; }
body.page-template-media-php .narrowcolumn { margin: 42px 0 11px 270px; }
    
.widecolumn {
    padding: 13px 11px 0;
    margin: 42px 0 11px;
    width: 885px;
    height: 451px;
    overflow: hidden;
    }

.post {
    margin: 0 0 40px;
    text-align: left;
    }

.post hr {
    display: block;
    }

.widecolumn .post {
    margin:0;
    }

.narrowcolumn .postmetadata {
    padding-top: 5px;
    }

.widecolumn .postmetadata {
    margin: 30px 0;
    }

.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}

.postmetadata {
    clear: both;
}

/* Eigene Seitenformate */
#post-2 { width: 493px; height: 438px; margin: 0 0 14px; /*overflow: auto;*/ }
#post-2 .scroll-pane { height: 397px; overflow: auto; }
#post-16 { width: 493px; height: 438px; margin: 0 0 14px; }
#post-4 { overflow: hidden; position: relative; width: 920px; }
#post-4 .leftCol, #post-4 .middleCol { float: left; width: 271px; margin: 0 35px 0 0; }
#post-4 .rightCol { float: left;  width: 271px; }
/*#post-4 .leftCol, #post-4 .middleCol, #post-4 .rightCol { height: 438px; overflow: auto; }*/
#post-4 .scroll-pane { height: 397px; width: 273px; overflow: auto; }

body.category-news .category-news { border-bottom: 1px solid #dbdbdb; margin: 0 0 11px; }
body.page-template-media-php h2,
body.page-template-galerie-php h2 { display: none; }
body.page-template-media-php .smallCube,
body.page-template-galerie-php .smallCube { position: absolute; left: 52px; top: 361px; width: 241px; height: 228px; margin: 0; }
body.page-template-media-php .mediaCol,
body.page-template-galerie-php .mediaCol { float: left; height: 422px; width: 615px; margin: 0 0 0 270px; }

.clear {
    clear: both;
}

#footer {
    padding: 0;
/*  margin: 0 auto;
    width: 980px;*/
    clear: both;
    position: absolute;
    bottom: -13px;
    left: 36px;
    }

#footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    }
/* End Structure */



/*  Begin Headers */
h1 {
    padding-top: 0;
    padding-left: 0;
    margin: 0;
    }

h2 {
    /*margin: 30px 0 0;*/
    margin: 0 0 10px;
    }

h2.pagetitle {
    /*margin-top: 30px;*/
    margin: 0 0 21px;
    text-align: left;
}

#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }

#sidebar h2.widgettitle { display: none; }
    
h3 {
    padding: 0;
    margin: 0;
    }

h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }
/* End Images */

.ngg-galleryoverview div.galleria_wrapper{cursor:pointer;}

/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    }

html>body .entry li {
    margin: 7px 0 8px 10px;
    }


/*.entry ul li:before, #sidebar ul ul li:before {
    content: "\0020 \007C";
    }
    
.entry ul li:before.nav-item-2p, #sidebar ul ul li:before.nav-item-2p { content: ""; }*/

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

.entry ol li {
    margin: 0;
    padding: 0;
    }

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    overflow: hidden;
    }

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 0;
    }

#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }

#sidebar ul ul, #sidebar ul ol {
    margin: 0 0 0 -14px;
    display: inline;
    float: left;
    }

#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }

#sidebar ul ul li, #sidebar ul ol li {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;    
    overflow: hidden;
    padding: 0 0 0 14px;
    margin: 12px 0 0;
    border-right: 1px solid #000;
    height: 18px;
    }

#sidebar ul ul li { background-repeat: no-repeat; padding: 0 14px; }    
    #sidebar ul ul li a { padding: 0; display: block; }

#sidebar ul ul li.vita { background: url(images/nav_vita.gif) no-repeat 14px 0; height: 16px; width: 33px; }
#sidebar ul ul li.vita a { height: 16px; width: 33px; }
#sidebar ul ul li.vita a:hover { background: url(images/nav_vita.gif) no-repeat 0 -16px; }

#sidebar ul ul li.projekte { background: url(images/nav_projekte.gif) no-repeat 14px 0; height: 16px; width: 70px; }
#sidebar ul ul li.projekte a { height: 16px; width: 70px; }
#sidebar ul ul li.projekte a:hover { background: url(images/nav_projekte.gif) no-repeat 0 -16px; }

#sidebar ul ul li.enprojekte { background: url(images/nav_enprojekte.gif) no-repeat 14px 0; height: 16px; width: 69px; }
#sidebar ul ul li.enprojekte a { height: 16px; width: 69px; }
#sidebar ul ul li.enprojekte a:hover { background: url(images/nav_enprojekte.gif) no-repeat 0 -16px; }

#sidebar ul ul li.galerie { background: url(images/nav_galerie.gif) no-repeat 14px 0; height: 16px; width: 60px; }
#sidebar ul ul li.galerie a { height: 16px; width: 60px; }
#sidebar ul ul li.galerie a:hover { background: url(images/nav_galerie.gif) no-repeat 0 -16px; }

#sidebar ul ul li.engalerie { background: url(images/nav_engalerie.gif) no-repeat 14px 0; height: 16px; width: 59px; }
#sidebar ul ul li.engalerie a { height: 16px; width: 59px; }
#sidebar ul ul li.engalerie a:hover { background: url(images/nav_engalerie.gif) no-repeat 0 -16px; }

#sidebar ul ul li.showreel { background: url(images/nav_showreel.gif) no-repeat 14px 0; height: 16px; width: 79px; }
#sidebar ul ul li.showreel a { height: 16px; width: 79px; }
#sidebar ul ul li.showreel a:hover { background: url(images/nav_showreel.gif) no-repeat 0 -16px; }

#sidebar ul ul li.aktuell { background: url(images/nav_aktuell.gif) no-repeat 14px 0; height: 16px; width: 58px; }
#sidebar ul ul li.aktuell a { height: 16px; width: 58px; }
#sidebar ul ul li.aktuell a:hover { background: url(images/nav_aktuell.gif) no-repeat 0 -16px; }

#sidebar ul ul li.news { background: url(images/nav_news.gif) no-repeat 14px 0; height: 16px; width: 48px; }
#sidebar ul ul li.news a { height: 16px; width: 48px; }
#sidebar ul ul li.news a:hover { background: url(images/nav_news.gif) no-repeat 0 -16px; }

#sidebar ul ul li.downloads { background: url(images/nav_downloads.gif) no-repeat 14px 0; height: 16px; width: 95px; }
#sidebar ul ul li.downloads a { height: 16px; width: 95px; }
#sidebar ul ul li.downloads a:hover { background: url(images/nav_downloads.gif) no-repeat 0 -16px; }

#sidebar ul ul li.kontakt { background: url(images/nav_kontakt.gif) no-repeat 14px 0; height: 16px; width: 66px; border-right: none; }
#sidebar ul ul li.kontakt a { height: 16px; width: 66px; }
#sidebar ul ul li.kontakt a:hover { background: url(images/nav_kontakt.gif) no-repeat 0 -16px; }

#sidebar ul ul li.enkontakt { background: url(images/nav_enkontakt.gif) no-repeat 14px 0; height: 16px; width: 68px; border-right: none; }
#sidebar ul ul li.enkontakt a { height: 16px; width: 68px; }
#sidebar ul ul li.enkontakt a:hover { background: url(images/nav_enkontakt.gif) no-repeat 0 -16px; }

#sidebar ul ul li.selected { background-position: 14px -16px;  }
    #sidebar ul ul li.selected a { color: #008aff; }
#sidebar ul ul li a span { display: none; }

#footer ul { float: left; display: inline; margin: 0; padding: 0; } 
    #footer ul li { float: left; display: inline; list-style: none; padding: 0 4px; margin: 0; }

#sidebar ul li.widget_qtranslate { float: right; /*width: 44px;*/ }
    #sidebar ul li.widget_qtranslate ul { display: block; margin: 0; }
    #sidebar ul li.widget_qtranslate ul li { padding: 0 0 0 4px; border-right: none; overflow: visible; }
        #sidebar ul li.widget_qtranslate ul li { width: 18px; }
    
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }

#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }

#sidebar #searchsubmit {
    padding: 1px;
    }

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

select {
    width: 130px;
    }

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform {
    margin: 5px 10px 0 0;
    }
#commentform textarea {
    width: 100%;
    padding: 2px;
    }
#respond:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
    }
/* End Form Elements */



/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
    text-align: justify;
    }

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;

    }
.commentlist li ul li { 
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */



/* Begin Sidebar */
#sidebar
{
    clear: both;
    /*overflow: hidden;*/
    padding: 0;
    width: 100%;
    position: relative;
    height: 30px;
    }

#sidebar form {
    margin: 0;
    }
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

#wp-calendar a {
    display: block;
    }

#wp-calendar caption {
    text-align: center;
    width: 100%;
    }

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

.hidden {
    display: none;
    }
    
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
    display: none;
    }

a img {
    border: none;
    }

.navigation {
    display: block;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 40px;
    width: 493px;
    }
    
.icoPDF { background: url(images/ico_pdf.gif) no-repeat; padding: 0 0 0 20px; }
.icoMovie { background: url(images/ico_movie.gif) no-repeat; padding: 0 0 0 20px; }
    .icoPDF a, .icoMovie a { line-height: 18px; }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

.ngg-imagebrowser-desc{display:none;}
/* End captions */

.entryColBox { width: 486px; position: relative; clear: both; overflow: hidden; }
.entryColLeft { float: left; width: 233px; margin: 0 10px 0 0; }
.entryColRight { float: left; width: 233px; }

/* Forms */
.entry form.wpcf7-form { /*overflow: hidden;*/ position: relative; text-align: left; height: 242px; margin: 0 0 10px; }
form.wpcf7-form dl, form.wpcf7-form dl dt, form.wpcf7-form dd { margin: 0; padding: 0; }
form.wpcf7-form dl dt { clear: left; display: block; font-weight: bold; font-size: 12px; text-align: left; margin: 0; width: 109px; float: left; }
form.wpcf7-form dl dd { text-align: left; width: 366px; float: left; }
form.wpcf7-form dl dd input, form.wpcf7-form dl dd textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
form.wpcf7-form dl dd input { padding: 2px 0; width: 221px; margin: 0 0 10px;  }
form.wpcf7-form dl dd textarea { height: 113px; width: 366px; margin: 0 0 7px; }
form.wpcf7-form dl dd input.btnSubmit { background: url(images/btnSubmit.gif) no-repeat 0 0; border: none; color: #fff; font-weight: bold; font-size: 11px; float: right; margin: 0 -11px 0 0; cursor: pointer; padding: 0 0 6px; width: 148px; height: 28px; }
form.wpcf7-form dl dd img.ajax-loader { float: right; padding: 0 10px 0 0; }

div.wpcf7-validation-errors { border-width: 1px; }
/*div.wpcf7-response-output { position: relative; }*/

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
    It won't be a stylish marriage, I can't afford a carriage.
    But you'll look sweet upon the seat of a bicycle built for two." */
    
}