/*
Theme Name: Weiss zu Schwarz
Theme URI: http://weisszuschwarz.de
Description: weisszuschwarz.de Theme 2012
Version: 1.1
Author: web-2b.de
Author URI: web-2b.de

*/

/*
orange  f19a19

*/

body{
font-family: 'PT Sans', sans-serif;
color: #333;
font-size: 14px;
line-height: 1.5em;
background: #fff;
}

a, a:link {color: #7f4507;text-decoration: none;}
a:hover {color: #000;}

h1 {font-size:22px;line-height:1.1em;margin:0 0 10px 0;font-weight:normal;font-family:"Times New Roman",Times,serif;}
h2 {font-size:18px;line-height:1.1em;margin:15px 0 10px 0;font-weight:normal;}
h3 {font-size:16px;line-height:1.1em;margin:15px 0 10px 0;}
h4 {font-size:14px;line-height:1.1em;margin:15px 0 10px 0;}
p {margin-bottom:10px;}
strong, b{font-weight: bold;}
em, i {font-style: italic;}
code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr{font-size: 0.9em;letter-spacing: .07em;}
a img {border: none;}

/* wrapper */
.grid100p{width:100%;}
.grid960{margin:0 auto;width:960px}

.header{position:fixed;top:0;left:0;height:135px;z-index:22;
-moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
}
/* hauptnavigation */
.head-nav{background:url(images/layout/header.png) repeat-x;}
.head-nav ul{padding:2px 0 2px 0;}
.head-nav ul li{display:inline;position:relative}
.head-nav ul li a{color:#fff;text-transform:lowercase;margin:0 0 0 10px;border-right:1px solid #fff;padding:0 15px 0 0}
.head-nav ul li:first-child a{margin:0}
.head-nav ul li:last-child a{border:none}
.head-nav .current-page-ancestor a,
.head-nav ul li li a:hover,
.head-nav ul ul .current-menu-item a,
.head-nav a:hover, .head-nav .current-menu-item a{color:#000;}
.head-nav ul ul .current-menu-item a{color:#000!important}

.head-nav ul ul{display:none;width:200px;position:absolute;left:0;top:19px;padding:2px 0 0 0;z-index:9999}
.head-nav ul li:hover ul{display:block}
.head-nav ul li li{display:block;padding:0 10px 0 10px;background:url(images/layout/transorange.png)}
.head-nav ul li li a{margin:0;border-right:0;padding:0}
.head-nav ul .current-menu-item li a,
.head-nav ul .current-page-ancestor li a{color:#fff}

.subnav{position:relative;height:160px;}
.head-subnav{background:#fff}
.head-subnav ul{margin:10px 0 0 0;float:left;width:200px;}
.head-subnav ul li a{line-height:1.2em;font-size:18px;color:#999}

.head-subnav .flyer{margin:-15px 0 0 0;float:left;border:1px solid #ccc}

.head-subnav ul li a:hover, 
.head-subnav ul .current_page_ancestor a,
.head-subnav ul .current-menu-item a,
#wrapper .head-subnav .sub-menu a:hover,
#wrapper .head-subnav ul .sub-menu .current-menu-item a,
.head-subnav .subnav ul .current-menu-item a:hover{color:#f19a19}

.head-subnav ul .current_page_ancestor .sub-menu a,
.head-subnav ul .current-menu-item .sub-menu a{color:#999}

.head-subnav .sub-menu {display: none;}
.head-subnav .current-menu-item .sub-menu,
.head-subnav .current-menu-ancestor .sub-menu{display: block;}

.head-subnav .sub-menu{width:450px;position:absolute;left:230px;top:0}
.head-subnav .sub-menu a{font-size:14px}
.head-subnav .sub-menu li{float:left;width:150px;}

.head-subnav .logo{margin:5px 0 0 0;float:right;}

.head-subnav .news{float:left;width:600px;}
.head-subnav .news h2{margin:0;color:#999;padding:10px 0 0 0}
.head-subnav .news ul{width:300px;margin:5px 0 0 0}
.head-subnav .news li a{font-size:14px}

.content{margin:185px 0 34px 0}
.entry-title{padding:0 0 0 10px}

.trans{padding:20px 0 20px 0;background:url(images/layout/transfff.png);}

.post{border-bottom:1px solid #fff;padding:0 0 10px 0;margin:0 0 10px 0}
.content-left{float:left;width:265px;min-height:50px}
.content-left h2{margin:0 0 10px 0;color:#000}
.content-left img{margin:0 0 0 10px}
.content-right{float:left;width:675px}
.content-right ul{list-style:disc;margin:10px 0 20px 20px}
.content-right ul li{margin:0 0 5px 0}
.addthis_toolbox{float:right;}
.meta-footer{clear:both;margin:20px 0 10px 0;border-top:1px solid #eee}

.foot{position:absolute;bottom:0;height:100px;}
.foot li{width:230px;height:100px;margin:0 10px 0 0;float:left;background:url(images/layout/trans.png);}
.foot p, .foot h1{margin:10px 20px 5px 20px;}
.foot a{color:#fff}

.p20{padding:20px}

/* gallery */
.ngg-galleryoverview{padding:0 0 20px 0}
.ngg-gallery-list{width:460px;float:left;}
.ngg-gallery-list li{float:left;margin:0 10px 5px 0}
.ngg-thumbnail-list.selected, .ngg-gallery-list li img:hover{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.ngg-next{display:block;width:104px;height:150px;text-align:center;background:url(images/layout/transfff.png)}
.ngg-next a{font-size:18px;display:block;color:#fff;}
.ngg-next .next{padding:50px 0 5px 0;}

.prev{display:block;clear:both;}

.pic{width:400px;float:right;text-align:right}
.ngg-gallery-text{clear:both;color:#fff;}
.ngg-gallery-text p{font-size:16px;}
.ngg-gallery-text h2{font-size:18px;margin:0 0 5px 0;padding:10px 0 10px 0}

.wp_fleft{float:left;}
.wp_fright{float:right;}
.gm{border:1px solid #666}

.foren td{vertical-align:top;padding:0 80px 20px 0}

hr{width: 100%;height: 1px !important;margin:10px 0 10px 0;font-size:1px;line-height: 1px;border: 0px; border-top: solid 1px #666;border-bottom: transparent;}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible; background:#ccc;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#ccc; padding:1px;}
#cboxLoadingGraphic{background:url(images/layout/loading.png) no-repeat center center;}
#cboxLoadingOverlay{background:#ccc;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/layout/controls.png) no-repeat 0 0;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}