﻿/*

Theme Name: Web Labels

Theme URI: http://www.web-labels.de

Author: Web Labels

Author URI: http://www.web-labels.de

Description: Eigenprogrammiertes Template - Alle Rechte vorbehalten!

Version: 2.1

License: Copyright @ Web Labels

-------------------------------------------------------------- */

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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, img { margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}



/* HTML5 reset für reudigi Brwoser */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body              				{ line-height: 1; background:url(images/background.png) left top repeat; font-size:1em; font-family:Arial, Helvetica, sans-serif;}

ol, ul              			{ list-style: none; margin:0; padding:0;}

blockquote, q            		{ quotes: none;}

table              				{ border-collapse: collapse; border-spacing: 0;}



/* Helper cms -------------------------------------*/

.links							{ float:left;}

.rechts							{ float:right;}

.center							{ text-align:center;}

.weis							{ color:#FFFFFF;}

.schwarz						{ color:#000000;}

.gross							{ text-transform:uppercase;}

.keincss						{ border:none!important; padding:0px!important; margin:0px!important; float:none!important; }

img.alignleft, .entry .alignleft		{ float:left; margin-right:20px;}

img.alignright, .entry .alignright		{ float:right; margin-left:20px;}

img.aligncenter, .entry .aligncenter	{ display: block; margin-left: auto; margin-right: auto; }



.clear							{ clear:both;}

.clearfix:after                 { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.clearfix                       { display: inline-block;}

html[xmlns] .clearfix           { display: block;}

* html .clearfix                { height: 1%;}

p.wp-caption-text				{ font-size:0.7em; font-style:italic;}



@font-face 						{ font-family: 'Kunde'; src: url('fonts/Kunde.eot'); src: url('fonts/Kunde.eot?#iefix') format('embedded-opentype'), url('fonts/Kunde.woff') format('woff'), url('fonts/Kunde.ttf') format('truetype');}



/* Webseite CSS -----------------------------------*/

body							{ }

a								{ outline:none; text-decoration:none; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}

h1, h2, h3, h4, h5				{ font-weight:normal;}

#page 							{ width:100%; margin:0 auto;}



/*----------------------- Head -------------------------*/

#header							{ width:100%; height:auto;}

#branding 						{ height:auto; width:auto;  max-width:1040px; margin:0 auto; padding:0px 30px 0px 30px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background:#FFF; padding-bottom:30px; border-bottom: 1px solid #d2d2d2;}



#branding-navi 				{ height:auto; width:auto;  max-width:1040px; margin:0 auto; padding:20px 30px 0px 30px;  }

#branding-slider 			{ height:auto; width:auto;  max-width:1040px; margin:0 auto; padding:30px 30px 0px 30px; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background:#FFF;  }





#logo							{ margin:0px auto 0px auto; display:block; width:auto; height:auto; max-width:400px; padding-top:40px; }

#logo img						{ width:100%; height:auto;}





div.easingsliderlite			{ padding-bottom:50px!important;  }



/*----------------------- Nav --------------------------*/



#nav								{ padding-bottom:20px;  }

#nav li								{ float:left; margin-right:40px; position:relative;  }

#nav li:last-child					{ margin-right:0px;  }

#nav li a							{ font-size:18px; color:#2f625f; }



#nav li	ul 		{ display:none; position:absolute; top:17px; left:-10px; background-color:#fff; z-index:500; padding-top:10px  }

#nav li:hover ul	{ display:block; }

#nav li	ul li 		{ float:none; margin-right:0px!important; min-width:150px;   }

#nav li	ul li:hover	{ background: #2F625F;}

#nav li	ul li:hover a	{color:#fff!important;}

#nav li	ul li a { font-size:16px; display:block; border-bottom:1px solid #2f625f; padding:10px 10px;    }









/*----------------------- Content ----------------------*/

#content-wrap-page				{ width:100%; min-height:100px!important; height:auto;  }

#content-wrap 					{ background:#FFF; min-height:100px;  max-width:1040px; margin: 0 auto; padding:0px 30px 0px 30px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; padding-bottom:6%; }

#content						{ float:left; width:100%; padding-top:30px;}



.entry							{ line-height:1.4em; font-size:0.9em;}

.entry img						{ max-width:100%; height:auto;}

.entry h2, .title h2 a			{ color:#2f6360; font-size:1.4em; line-height:1.2em; padding-bottom:0.5em; display:block;}

.entry div.wp-caption           { width:100%!important;}



.entry a						{ color:#2F6360; /* trololol */ }

.entry a:hover					{ color:#00897a;}

.entry p						{ margin-bottom:1.8em;}

.entry ol li					{ list-style: decimal inside none}

.entry ul li					{ list-style: disc inside none}



#content a img					{ min-width:100%; height:auto;}





div.kategorie-button { border-bottom:1px solid #B7B7B7; padding-bottom:10px;  }



div.kategorie-button a 			{ color:#fff; display:block; background-color:#2B625F; padding:10px 20px; float:right; text-transform:uppercase;   }

div.kategorie-button a:hover	{ opacity:0.7;  }





/* ------------------- Sidebar ----------------------------- */





h2.widgettitle					{ text-transform:uppercase; font-size:18px; border-bottom:1px solid #9a9a9a; color:#9a9a9a; padding-bottom:7px; margin-bottom:15px; margin-top:25px;  }





li.widget_categories ul li				{ float:left;  background:url(images/arrow-list.png) no-repeat center left; padding:12px 0 12px 15px; width:139px; border-bottom:1px solid #DDDDDD;   }

li.widget_categories ul li a			{ color:#9a9a9a; font-size:14px;   }

li.widget_categories ul li a:hover		{ color:#2f615e;  }





ul.rpwe-ul h3.rpwe-title a		{ color:#2f615e; font-size:14px;   }

.rpwe-block li					{ border-bottom: 1px solid #c9c9c9!important;  }



.rpwe-time						{ color:#988D8D!important; }



div.rpwe-summary				{ line-height:18px;  }



div.rpwe-summary a				{ color:#2f615e;  }

div.rpwe-summary a:hover		{ text-decoration:underline;  }





#wp-calendar caption	{ color:#2F6360; text-align:left; padding-left:5px;  }

#wp-calendar th	{ color:#636363; padding-top:10px;  }

#wp-calendar td { padding:6px; color:#7B7B7B;  }

#wp-calendar a { color:#2F6360;  }







/*----------------------- Home   -----------------------*/

.imgholder    				{ max-height: 500px; min-height: 450px; overflow: hidden;  position: relative;}

.post-vorschau				{ width:650px;}

.vorschau					{ width:150px; height:150px; overflow:hidden; margin-right:20px; background:url('images/thumbnail.jpg') left top;}

.post-vorschau				{ border-bottom: dashed 1px #CCCCCC; margin-bottom:30px;}

ul#sidebar li				{ border-bottom: dashed 1px #CCCCCC; margin-bottom:25px;}

ul#sidebar li ul			{ padding-bottom:5px;}

ul#sidebar li ul li			{ border:none; margin:0px;padding:5px 0px 3px 0px; }

ul#sidebar li ul li	a		{ font-size:14px; color:#333; }

ul#sidebar li ul li a:hover	{ color:#D55918;}

.weiter-lesen				{ width:645px; height:20px; text-align:right;}



#sidebar-wrap				{ width:30%; float:right; background:url(images/sidebar-bg.jpg) top left repeat; padding:10px; padding-bottom:50px!important }



.postwrap					{ position:relative; padding-top:2em;}

.blogpre					{ border-bottom:1px solid #999; padding-bottom:20px; margin-bottom:10px;}

.datum						{ font-size:0.8em; margin-bottom:2px;}

.weiterlesen				{ display:inline-block; padding:13px 13px 10px 13px; color:#FFF!important; background:#2F6360;}

/*----------------------- Footer -----------------------*/

#footer-wrap				{ width:100%; height:auto;}

#footer						{ background:#FFF; width:auto;  max-width:970px; margin:0 auto; padding:0px 65px 50px 65px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-top:1px solid #999;}





#footer h4						{ font-size:25px; color:#9a9a9a; text-align:center; border-bottom:1px solid #999; padding-top:35px; padding-bottom:20px; margin-bottom:15px;  }



#footer ul li 					{ float:left; margin-right:30px; line-height:25px;  }

#footer ul li:last-child 			{ float:left; margin-right:0px;   }

#footer ul li a					{ 	font-size:14px; color:#9a9a9a;  }

#footer ul li a:hover			{ color:#2F6360  }	



#footer ul li ul li				{ float:none!important;  }



/*----------------------- Kontakt ----------------------*/

.wpcf7-text						{ padding:8px;}

input.wpcf7-text				{ background-color:#FBFBFB; border:solid 1px #54706D;}

#name, #telefon					{ margin-right:40px;}						

#nachricht						{ margin:20px 0px 20px 0px; border:solid 1px #54706D; padding:8px; width:570px!important; max-width:570px; height:auto; }

#captcha						{ border:solid 1px #54706D;}

#captcha-eingabe				{ border:solid 1px #54706D; padding:8px; width:100px; margin-right:84px; color:#2A8DCD; font-size:17px; font-weight:bold; letter-spacing:8px;}

#senden							{ background-color:#FBFBFB; border:solid 1px #54706D; padding:8px; color:#888888; cursor:pointer;}

.form-info						{ height:40px; width:165px; font-size:11px; font-style:italic; line-height:15px; padding:0px 20px 0px 20px;}

.u-msg textarea 				{ border:solid 1px #54706D; background-color:#FBFBFB; padding:8px; font-family:Arial, sans-serif ; font-size:12px; width:545px; }

.senden	input						{ background-color:#54706D; border:1px solid #54706D; color:#fff; cursor:pointer; padding:10px 8px;  }



.name { float:left; margin-right:15px;  }

.city  { float:left; margin-right:15px;  }

.tele  { float:left; margin-right:15px;  }

.feld { margin-bottom:15px;  }



.impressum										{height:120px; overflow-y:scroll; padding-right:25px; margin-top:20px;}

/*----Pop Up------*/

.pum-overlay { background: rgba(0,0,0,0.7)!important; }
.popmake 	{ background: url('images/pm-award-2016.jpg') no-repeat center center!important; width: 660px!important; height: 390px!important; min-width: 660px!important; padding: 0!important}
.popmake-title { display: none!important; }
.popmake-content { height: 390px!important; }
.popmake-content a { display: block; width: 660px!important; height: 390px!important; text-indent: -999999px; font-family:Verdana, sans-serif; color: #333333; font-size: 14px;}
.popmake-close { background: #000!important; }

@media screen and (max-width: 760px) {
.popmake 	{ background: #fff!important; width: 90%!important; height: auto!important; min-width: 90%!important; padding: 45px!important; box-sizing: border-box!important;}
.popmake-title { display: none!important; }
.popmake-content { height: auto!important; }
.popmake-content a { display: block; width: 100%!important; height: auto!important; text-indent: 0px;}
.main-link 			{ font-weight: bold; text-decoration: underline; margin-top: 20px; font-size: 16px; }
}