/*
Theme Name:         ProReServ - Prototype 1
Theme URI:          http://www.soulstyled.de
Description:        The 2012 ProReServ website-design based on Reverie-Framework.
Version:            0.0.1
Author:             Michael Geissler
Author URI:         http://soulstyled.de/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customize for BuddyPress
:: Your Customized Style
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */

	/* ZURB Navi for Foundation */
	dl.nav { display: block; width: auto; height: 27px; margin: 0 0 18px; }
	dl.nav dt, dl.nav dd { float: left; display: inline; }
	dl.nav dt { color: #999; font-weight: normal; }
	dl.nav dd a { text-decoration: none; margin-left: 6px; padding: 5px 12px;
	 -webkit-border-radius: 12px; -moz-border-radius: 12px; }
	dl.nav dd a:hover { background: #eee; }
	dl.nav dd.current-menu-item a,
	dl.nav dd.current-post-ancestor a,
	dl.nav dd.current-menu-parent a,
	dl.nav dd.current-post-parent a
	 { background: #2A85E8; color: #fff; }
 
	/* Foundation-specific presentation CSS by ZURB */
	body { padding-bottom: 60px; width: 100%; background: #fff; border: none; max-width: 100%; }
	div.reverie-header { margin: 0 0 20px 0; padding: 15px 0 0 0;}
	div.reverie-header h1 { margin-bottom: 0; padding: 0; }
	div.reverie-header h1 a { color: #181818; }
	div.reverie-header h1 a:hover { color: #181818; }
	div.reverie-header .subheader { margin-bottom: 9px; }
	div.highlight { margin-bottom: 12px; }
	img.beta { position: absolute; top: 0px; right: 0px; }

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Resizing the Blog Post */
	.post-box p { line-height: 21px; font-size: 14px; font-size: 1.4rem; }
	.post-box h1 { font-weight: bold; font-size: 30px; font-size: 3rem; line-height: 1; margin-bottom: 2px; }
	.post-box h2 { font-weight: bold; font-size: 26px; font-size: 2.6rem; line-height: 1; margin-bottom: 2px; }
	.post-box h3 { font-size: 22px;	font-size: 2.2rem; }
	.post-box h4 { font-size: 18px;	font-size: 1.8rem; }
	
	/* Add Divider for Listed Posts */
	.divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }	
	
	/* Add Align Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Caption Class for Images */
	figure.figure {	background: #EEE; margin: 0 0 18px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	/* Sidebar Adjustment */
	.sidebar-section { padding-bottom: 10px; padding-top: 20px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Footer Nav */
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }
	
	/* Breadcrumb Adjustment */
	ul.breadcrumbs li span { padding-left: 12px; }
	ul.breadcrumbs li a { padding-left: 0; }

/*  -------------------------------------------------------
    Customize Foundation Style Pagination for WP-Pagenavi
    ---------------------------------------------------- */ 
    
    div.wp-pagenavi { display: block; height: 24px; margin-left: -5px; color: #555; }
    div.wp-pagenavi a, div.wp-pagenavi span { float: left; display: block; padding: 6px 7px 4px; height: 24px; color: #555; font-size: 15px; font-size: 1.5rem; margin-left: 5px; }
    div.wp-pagenavi span.pages { padding-left: 0; }
    div.wp-pagenavi .current, div.wp-pagenavi a:hover { border-bottom: solid 2px #00a6fc; color: #141414; }
    div.wp-pagenavi span.unavailable:hover { border-bottom: none; }    
	
/*  --------------------------
    Your Customized Style
    ----------------------- */
	
	body {background-color:#178fc3; color:#323232;}
	#container {background:url(images/body-gradient.jpg) repeat-x; background-color:#ffffff; padding-bottom:100px;}

/*  --------------------------
    Settings Nimbus-Typekit-Font
    ----------------------- 
	
Variation 		font-family 	font-weight 	font-style
Light 			"nimbus-sans" 	300 			normal 	
Light Italic 	"nimbus-sans" 	300 			italic 	
Regular 		"nimbus-sans" 	400 			normal 	
Italic 			"nimbus-sans" 	400 			italic 	
Bold 			"nimbus-sans" 	700 			normal 	
Bold Italic 	"nimbus-sans" 	700 			italic 	
Black 			"nimbus-sans" 	900 			normal 	
Black Italic 	"nimbus-sans" 	900 			italic 	       */	

	.post-box h1 {font-family: "nimbus-sans",sans-serif; font-weight:300; color:#178fc3; margin-bottom:30px; margin-top:15px;}
	.post-box h2 {font-family: "nimbus-sans",sans-serif; font-weight:300; color:#178fc3; margin-bottom:10px; margin-top:55px;}
	.post-box h4 {font-family: "nimbus-sans",sans-serif; font-weight:700; color:#8c8c8c; margin-bottom:10px; padding-bottom:2px; margin-top:15px; border-bottom:1px solid #e1e1e1;}
	.post-box {color:#454545; font-family: "nimbus-sans",sans-serif; font-weight:300;}
	
	.post-box ul li { list-style-type:disc; margin-left:30px; margin-bottom:2px;}
	
        

        
	.nav-bar {box-shadow:#dcdcdc 0px 0px 5px; border:none; margin-bottom:20px;}
	
	.nav-bar a {font-family: "nimbus-sans",sans-serif; font-weight:400; text-transform:uppercase; color:#666666; font-size:18px;}
	.nav-bar a:hover,
	.nav-bar .current-menu-item a {color:#458dc2;}
	
	.nav-bar li {border:none; margin-left:38px;}
	
	.nav-bar li ul {display:none;}
	.nav-bar li:hover ul {display:block; position:absolute; z-index:999; background-color:#fff; box-shadow:#dcdcdc 0px 0px 5px; margin:0; padding:0;}
	.nav-bar li:hover ul li {margin:0; padding:3px 12px; border-bottom:1px solid #eee;}
	.nav-bar li:hover ul li a {font-size:12px; font-weight:400; padding:0; margin:0; text-transform:none;}
	
	.wpcf7 .spalte-r {width:48%; float:right;}
	.wpcf7 .spalte-l {width:49%; float:left;}
	
	#responsive-puzzle {display:none;}
	
	@media screen and (max-width: 1023px) { 
	.nav-bar a {font-size:16px;}
	.nav-bar li {border:none; margin-left:24px;}
	
	#responsive-puzzle { width:100%; margin-bottom:20px; position:relative;}
	#responsive-puzzle ul {width:100%; float:left; margin:0; padding:0; position:relative; display:block;}
	#responsive-puzzle ul li {list-style-type:none; float:left; margin:0; padding:0; width:25%; position:relative; display:block; height:auto;}
	#responsive-puzzle ul li img {width:100%;}
	#responsive-puzzle .cycler {float:none; position:relative;}
	
	.cycler{ position:relative;}
	.cycler img{ position:absolute;z-index:1; width:100%;}
	.cycler img.active{ z-index:3}
	
	}
	
	@media screen and (max-width: 767px) {
	.nav-bar li ul,
	.nav-bar li:hover ul {display:block; position:relative; z-index:999; background-color:#fff; box-shadow:none; margin:0; padding:0;}
	.nav-bar li ul li {margin:0; padding:3px 12px; border-bottom:1px solid #eee;}
	.nav-bar li ul li a,
	.nav-bar li:hover ul li a {font-size:15px; font-weight:400; padding:0; margin:0; text-transform:none;}
	h1 {text-align:center;}
	
	.wpcf7 .spalte-r,
	.wpcf7 .spalte-l {
		width:100%;
		float:none;
		}
	
	}
	
	#full-footer {width:100%;padding-top:40px; background:url(images/bg_footer.jpg) repeat-x;
		color:#ffffff; text-shadow:#0f495f 1px 1px 0px;}
	
	#full-footer .row {background:url(images/2px-line_footer.jpg) repeat-x top; width:auto; padding:15px 10px 22px 10px;}
	
	#full-footer a {color:#fff;}
	#full-footer a:hover {color:#fff; text-shadow:#0f495f 0px 0px 1px;}
	
	#full-footer h4 {color:#fff; font-family: "nimbus-sans",sans-serif; font-weight:300; text-transform:uppercase;}
	
	.post-box img {border:6px solid #fff; box-shadow:#dcdcdc 0px 0px 5px;}
	
	.box-shadow {box-shadow:#dcdcdc 0px 0px 5px;}
	
	/* Downslider */

#panel {background: #178fc2; height: 360px; padding-top:20px;	display: none; color:#ffffff; text-shadow:#0f495f 1px 1px 0px;}
	
	#panel h5 {background:url(images/2px-line_footer.jpg) repeat-x bottom; text-shadow:#0f495f 1px 1px 0px; color:#ffffff; text-transform:uppercase; padding-bottom:8px; margin-bottom:8px;}
	#panel p {margin:0; padding:5px 0;}
	#panel .maps {border:7px solid #fff; margin-bottom:15px; box-shadow:#0f495f 0px 0px 5px;}

.slide { margin: 0; padding: 0;	background:url(images/bg_slideout.jpg) repeat-x; width:100%; text-shadow:#0f495f 1px 1px 0px;}

.btn-slide-container {background:url(images/bg_slideout-button.jpg) no-repeat right; width:1000px; margin:0 auto; height:42px;}

#flags_language_selector img {margin-left: 4px;}

.btn-slide {
	text-align: left;
	display: block;
	text-decoration: none;
	width:200px; 
	margin-left:775px;
	padding-top:12px;
	color:#fff;
	cursor:pointer;
}

.btn-slide:hover {color:#fff; text-shadow:#0f495f 0px 0px 1px;}

.active {
	background-position: right 12px;
}

/*TASKBAR*/

.home #taskbar {display:none;}

#taskbar {width:860px; height:27px; margin:0px auto; margin-bottom:18px; background-color:#eee; display:block; box-shadow:#cdcdcd 0px 4px 5px;}
#taskbar .taskbar-button {background-color:#eee; float:left; width:215px; text-align:center; height:27px;}
#taskbar .red {background:url(images/taskbar-bg_red.jpg) repeat-x top; background-color:#ef9a9a;}
#taskbar .orange {background:url(images/taskbar-bg_orange.jpg) repeat-x top; background-color:#f5ba8b;}
#taskbar .yellow {background:url(images/taskbar-bg_yellow.jpg) repeat-x top; background-color:#f6da77;}
#taskbar .blue {background:url(images/taskbar-bg_blue.jpg) repeat-x top; background-color:#8bc2db;}

#taskbar .taskbar-button a {color:#fff; text-transform:uppercase; font-family: "nimbus-sans",sans-serif; font-weight:700; display:block; width:215px; letter-spacing:-0,5px; padding-top:5px;}

#taskbar .red a { text-shadow:#af4a4a 1px 1px 0px;}
#taskbar .orange a { text-shadow:#b9753e 1px 1px 0px;}
#taskbar .yellow a { text-shadow:#c4a53c 1px 1px 0px;}
#taskbar .blue a { text-shadow:#2e7ea0 1px 1px 0px;}

#taskbar .red:hover {background:url(images/taskbar-bg_red-hover.jpg) repeat-x top;}
#taskbar .orange:hover {background:url(images/taskbar-bg_orange-hover.jpg) repeat-x top;}
#taskbar .yellow:hover {background:url(images/taskbar-bg_yellow-hover.jpg) repeat-x top;}
#taskbar .blue:hover {background:url(images/taskbar-bg_blue-hover.jpg) repeat-x top;}

#puzzle {width:944px; height:324px; box-shadow:#dcdcdc 0px 0px 5px; margin:10px 0px 25px 0px; background-color:#fff; padding:18px;}

.cycler{position:relative;}
.cycler img{position:absolute;z-index:1; width:100%;}
.cycler img.active{z-index:3}
.last .cycler img {width:238px; height:auto;}


#puzzle ul.thumb {float: left; list-style: none; margin: 0; width: 980px; background-color: #ccc; position:relative;}
#puzzle ul.thumb li {margin: 0; float: left; position: absolute; width: 238px; height: au7to;}
#puzzle ul.thumb li .zoomer {width: 238px; height: auto; position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; box-shadow:none; }
#puzzle ul.thumb li:last-child .zoomer {width: 238px; height: auto; position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; box-shadow:none; }
#puzzle ul.thumb li .zoomer.hover {margin-top:0px; border: none;}
#puzzle .title{position:absolute; width:185px; height:15px; margin:0; font-weight:900; background:#666666; padding:3px 0 0 0; text-align:center; color: #fff; }

#featured img {box-shadow:#dcdcdc 0px 0px 5px; margin:10px 0px 25px 0px;}

.clear {clear:both;}

.referenzen-listing {
	background:#ffffff;
	}
	
.referenzen-listing td {
	background:#ffffff;
	padding: 11px 4px;
	}

.referenzen-listing td img {
	box-shadow:none;
	border:none;
	padding:0;
	}

.referenz {
	float:left; width:200px; height:110px;
	margin:5px;
	text-align:center;
	}

.referenz img {
	box-shadow:none;
	border:none;
	}


.slideout-content a,
.slideout-content a:hover {color:#fff;}

.wpcf7-text {border:0;
margin:0;
padding:0;
background:none;}

.wpcf7-textarea {
	background:none;
	border:none;
	padding:0;
	margin:0;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	}

.wpcf7-textarea:active {
	background:none;
	}

.wpcf7-form-control-wrap {display:block; padding:6px; background:url("images/form-bg.jpg") repeat; 
	-moz-box-shadow:    inset 0 0 4px #a9a9a9;
   -webkit-box-shadow: inset 0 0 4px #a9a9a9;
   box-shadow:         inset 0 0 4px #a9a9a9;}
   
  .wpcf7-form p {
	  font-size:11px;
	  text-transform:uppercase;
	  margin-bottom:20px;
	  }
	 
.wpcf7-submit {
	padding:0;
	margin:0;
	border:0;
	background:none;
	color:#fff;
	text-transform:uppercase;
	}

.ajax-loader {position:absolute; left:-40px;}

.puzzlebox {
	width:100%;
	}
	
.puzzlebox img {
	width:50%;
	max-width:148px;
	max-height:148px;
	}

.cb-theme .nav-tabs > li {
	list-style-type:none;
	margin:0;
	}
	
.cb-theme .nav-tabs > li .active {
	background:#eee;
	}

/* woo */
.wooslider {
	width:300px;
	height:250px;
	float:right;
	overflow:hidden;
	margin-left:15px;
	}

.post-box .wooslider {
	margin:0px 0px 40px 15px;
	}

.more-linker .more-link {display:none;}


  /**********************/
 /*Von BFR hinzugefügt*/
/********************/
	area {
		outline: none;
	}

	#wpadminbar {display:none;}


    /*(JOBS/GLOSSAR/Anfahrt) im englischen in der Desktop korrekt Anzeigen*/
        .btn-slide-en {
            width: 159px !important;
            margin-left: 770px;
        }



    /*Sprachwahl in der mobilen Ansicht*/
        @media screen and (max-width: 1023px) { 
            .slide { display:block; }
            .btn-slide-container { width:100%; }
            .btn-slide {display:none;}
            #flags_language_selector img { width: 28px;float: left; }
            .div_flags_language_selector { width: 65px !important; }
        }

        @media screen and (max-width: 767px) { 
            .slide { display:block; }
            .btn-slide-container { width:100%; }
            .btn-slide {display:none;}
        }
    
    /*Anpassen der Menülaufweite im englischen*/
/*        #menu-mainmenu-englisch0 li {
            margin-left: 50px;
            margin-right: 50px;
        }*/
    
    
    
    /*Broschüren Download*/
        
    .wpcf7 input {
        width:100%;
    }
    .wpcf7 select {
        width:100%;
        margin-bottom:0;
    }
    
        .wpcf7 .ort {
            width: 47%;
            float: left;
            clear: right;
            margin-left: 6%;
        }
        .wpcf7 .ort input {
            width: 100%;
        }
        
        .wpcf7 .plz {
            width: 47%;
            float: left;
        }
        .wpcf7 .plz input {
            width: 100%;            
        }
        
        .captcha_CF7 {
            float:right;
            width:44%;
        }
        .captcha_CF7 img {
            float: right;
            clear: both;
        }
        .captcha_CF7 .captcha-734 {
            float:right;
            clear:both;
            width:100%;
        }
        .captcha_CF7 .captcha-734 input {
            width:99%;
        }
        
        .wp-video embed {
            height:360px;
            width:640px;
        }
        
        
        /* Presse - Jahresauswahl */
        
        .yearToggle {
            clear:both;
            padding-top:20px;
            
        }
        
        .yearToggle .YearTogglePresseHeadline {
            padding-bottom: 10px;
        }
        
        .yearToggle li {
            list-style: initial;
            margin-left: 20px;
        }