/*  
Theme Name: SABUE Brightpage
Theme URI:
*/
/* ===================== reset ===================== */ 
* { margin: 0; padding: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* ===================== general ===================== */ 
body { margin: 0; font-size: 100%; line-height: 1; background: #6AB7B7; font: 1em Arial, Verdana, Times New Roman; color: #000; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.wrapper { float: left; background: #fff url(images/bg-grad.png) repeat-x top center; border: 1px solid #ababab; background: #fff; display: block; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); }
a { color: #E60000; text-decoration: none; }
a:hover { text-decoration: underline; }
p { padding-top: 12px; }
p img { padding: 0; max-width: 100%; }
pre { margin: 10px 0; padding: 15px; background: #eee; border: 1px solid #ddd; clear: both; overflow: auto /*--If the Code exceeds the width, a scrolling is available--*/; overflow-Y: hidden /*--Hides vertical scroll created by IE--*/ ; }
small { font-size: 11px; line-height: 12px; padding: 0px; }
strong { color: #E60000; }
h1, h2, h3, h4, h5, h6 { padding: 20px 0 0 0; margin: 0; color: #E60000; font-family: Arial, Times, Verdana; line-height: 1.25; font-weight: 300; }
h1 { text-align: left; font-size: 2.25em;  }
h2 { text-align: left; font-size: 2em; }
h3 { text-align: left; font-size: 1.75em; }
h4 { text-align: left; font-size: 1.5em; }
h5 { text-align: left; font-size: 1.25em; }
h6 { text-align: left; font-size: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #E60000; }
hr {  }
ul, ol { margin: 0px 0px 30px 20px; padding: 0px; text-align: left; }
ul { list-style: disc;  }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
input, textarea { font-family: Arial, Times, Verdana; font-size: 0.75em; padding: 2px; }
input#s, input#author, input#email, input#url, textarea#comment { padding: 3px; }
input#author, input#email, input#url { margin: 0 5px 0 0; }
code { color: #008099; }
blockquote { display: block; margin: 25px 0; padding: 0 0 0 45px; clear: both; font-size: 14px; font-style: italic; background: url(images/quote.png) no-repeat; }
blockquote { display: block; margin: 25px 0; padding: 0 0 0 45px; clear: both; font-size: 14px; font-style: italic; background: url(images/quote.png) no-repeat; font-family: Arial, Verdana, Times; }
blockquote.pullquote, blockquote.pullquoteleft { font-size: 2em; line-height: 1em; font-style: italic; width: 200px; color: #a1a1a1; background-image: none; }
blockquote.pullquote { margin: 0 0 0 30px; border-left: 5px solid #eee; padding: 10px 0 10px 30px; }
blockquote.pullquoteleft { margin: 0 30px 0 0; border-right: 5px solid #eee; padding: 10px 30px 10px 0; text-align: right; }
table { border: none !important; border-bottom: 1px solid #ddd !important; border-collapse: collapse; border-spacing: 0; text-align: left; margin: 0 0 1.625em; width: 100%; }
tr th { border: none !important; color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; }
td { border: none !important; border-top: 1px solid #ddd !important; padding: 6px 10px 6px 0; }
.align_center { text-align: center; }
.space { height: 30px; }
div.divider { clear: both; display: block; height: 1px; padding-top: 20px; margin-bottom: 20px; border-bottom: 1px dashed #aaa; }
div.divider.no_border { border: none; }
.list_inline li { display: inline; margin: 0 5px 0 0; list-style: none; padding: 0; } /* for horizontal-list */
.left { float: left; }
.right { float: right; }
.wp-caption-text { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; }
.sticky { background: #f9f9f9; padding: 18px 20px; }
.gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }
#header, #content, #footer, .widget { overflow: hidden; }
#header { min-height: 165px; }
/* ===================== framework ===================== */ 
.grid_0 { max-width: 980px; } 
.grid_02 { width: auto; float: left; margin: 0; display: inline; } 
.grid_03 { width: auto; float: left; margin: 0 15px; display: inline; } 
.grid_1 { width: 100%; float: left; margin: 0; display: inline; } 
.grid_12 { width: 30%; float: left; margin: 0 15px; display: inline; }
.grid_13 { width: 69%; float: left; margin: 0; display: inline; } 
.grid_2 { width: 32%; float: left; margin: 0; display: inline; } 
.grid_22 { width: 13%; float: left; margin: 0 10px; display: inline; }
.full { width: 100%; }
.half { width: 50%; }
.first { margin-left: 0; /* the first left column */ }
.last { margin-right: 0; float: right; /* the last right column */ }
.in25 { padding-top: 10px; 
	padding-left: 30px; }
.in30 { padding-top: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em; }
/* ===================== images ===================== */ 
img[class*="wp-image-"] { height: auto; max-width: 97.5%; }
img, img a { border: none; }
.alignleft { float: left; margin: 0 15px 5px 0; display: inline; }
.alignright { float: right; margin: 0 0 5px 15px; display: inline; }
.aligncenter { display: block; margin: 0 auto; clear: both; }
.wp-caption, .imgthumb, .entry img { border: 1px solid #ccc; text-align: center; background-color: #f9f9f9; padding: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; max-width: 600px; height: auto; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* ===================== header ===================== */ 
#header { background-image: url(//gutachten-paeperer.de/images/logo-mini.png); background-repeat:no-repeat; background-position:bottom right; }
#site-title, #site-title a { padding-top: 10px; text-align: left; color: #111; text-shadow: #ccc 1px 1px 1px; font-size: 18px; line-height: 1; -moz-hyphens: auto; hyphens: auto; margin-left: 0.15em; width: 60%; }
#site-description p { margin: 10px 10px 10px 0.15em; padding: 0; text-align: left; font-style: italic; font-size: 12px;  color: #333; font-family: Arial, Times, Verdana; text-shadow: #ccc 0.5px 0.5px 0.5px; width: 50%; -moz-hyphens: auto; hyphens: auto; }
/* ===================== boxes ===================== */
.grid {
	padding: 0px 0px 0px 0px;
	max-width: 100%;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
.grid li {
	display: inline-block;
	width: 90%;
	margin: 0;
	padding: 10px, 10px, 10px, 10px;
	text-align: left;
	position: relative;
}
.grid figure {
	margin: 0;
	position: relative;
}
.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

/* =============== top-nav and dropmenu =================== */ 
#search { display: none; width: 0px; }
/* Buttons */
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span { padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; font-size: 11px; font-size: 0.785714286rem; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); width: 100% }
.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
.menu-toggle:hover, .menu-toggle:focus, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(top, #f9f9f9, #ebebeb); }
.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #757575; background-color: #e1e1e1; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); background-image: linear-gradient(top, #ebebeb, #e1e1e1); box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border-color: transparent; }
/*=================== Navigation Menu ====================*/
.main-navigation { text-align: left; }
.main-navigation li { font-size: 16px; font-size: 1rem; line-height: 1.42857143; list-style: none; }
.main-navigation a { color: #000; border: 0px #000 solid; display: inline-block; }
.main-navigation a:hover, .main-navigation a:focus { color: #000; }
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: none; }
.menu-toggle { width: 100%; }
.main-navigation ul.nav-menu.toggled-on, .main-navigation ul.li.ul.nav-menu.toggled-on, .menu-toggle { margin-left: 0; display: block; }
.main-navigation ul.nav-menu.toggled-on li a { text-decoration: none; width: 95%; padding: 10px 2.5% 10px 2.5%; background-color: #E6E6E6; border-top: 1px solid #FFF; display: block; }
.main-navigation li a,
.main-navigation li { display: block; text-decoration: none; }
.main-navigation li a { border-bottom: 0; text-transform: none; white-space: nowrap; }
.main-navigation li a:hover, .main-navigation li a:focus { background: #e3e3e3; color: #444; }
.main-navigation li { position: static; }
.main-navigation li ul { margin: 0; padding: 0; position: static; top: 100%; z-index: 1; height: 0px; width: 0px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.main-navigation li ul ul { top: 0; left: 100%; }
.main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; width: inherit; }
.main-navigation li ul li a { background: #efefef; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.0; padding-top: 0.571429rem; padding-bottom: 0.714286rem; width: 100%; white-space: normal; padding-left: 2.5%; }
.main-navigation li ul li a:hover, .main-navigation li ul li a:focus { background: #e3e3e3; color: #444; }
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { font-weight: bold; }

/* ===================== intro  ===================== */ 
#intro { padding: 15px 40px 15px; background: #ededed; color: #888; font-family: 'Forum', Georgia, Times; text-align: center; font-size: 18px; }
#intro a { color: #999; }
#intro .big { font-size: 26px; }
#intro .small { padding: 0px; font-size: 0.6em; font-style: italic; text-align: left; font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif; color: #999; }
/* ===================== content  ===================== */ 
#content { margin-top: 10px; }
.post { margin-bottom: 10px; }
.read_more a { color: #079eb8; }
.entry { padding: 10px 0; text-align: justify; }
.entry a { color: #E60000; }
.entry a:hover { color: #E60000; text-decoration: underline; }
.meta_left { width: 50%; float: left; }
.meta_right { width: 50%; float: right; text-align: right; }
.postmeta { font-size: 80%; border-bottom: 1px solid #ddd; margin: 0; padding: 0; background: #f9f9f9; color: #999; clear: both;
}
.postmeta a { text-decoration: none; color: #999; }
/* ===================== sidebar ===================== */ 
#sidebar { color: #afafaf; background: url(images/bg-sidebar.jpg) repeat-y top left; }
#sidebar a { color: #999; }
#sidebar ul { padding: 0; margin: 0; list-style: none; }
#sidebar ul li { border-bottom: 1px solid #eee; }
#sidebar ul li a { line-height: 1.25em; }
#sidebar ul li li { padding-left: 10px; border-bottom: 1px solid #eee; }
#sidebar-left ul, #sidebar-right ul { padding-bottom: 10px; }
#sidebar h4, #sidebar h4 a { border-bottom: 2px solid #ddd; margin: 10px 0 10px; color: #555; }
#sidebar-bot { background: url(images/bg-sidebar-bottom.jpg) no-repeat top left; height: 190px; width: 310px; float: right; }
/* ===================== footer ===================== */ 
#footer { background: #333; }
#footer a { color: #ddd; }
#footer a:hover { text-decoration: underline; }
#footer-left p { color: #ddd; text-align: left; padding: 20px 30px; font-size: 80%; }
#footer-right p { color: #ccc; text-align: right; padding: 20px 30px; font-size: 80%; }

/* ===================== css3/buttons ===================== */ 
.rounded { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: 5px 18px 4px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 5px 10px 5px 0; text-shadow: 0 1px 1px #555; font-variant: normal; color: #f2f2f2; }
.button:hover { text-decoration: none; color: #f2f2f2; }
.button:active { position: relative; top: 1px; }
a.button { color: #f2f2f2; text-decoration: none; } 
a.button:hover { color: #f2f2f2; text-decoration: none; } 
/* ===================== framework fluid width ===================== */ 
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth { position: relative; float: left; display: inline; overflow: hidden; margin-right: 4%; }
.first { margin-left: 0; /* the first left column */ }
.last { margin-right: 0; clear: right; /* the last right column */ }
strong2 { color: #E60000; font-weight: bolder; font-size: 1em; line-height: 1.25em; border-bottom: 1px solid; }
#sliderFrame {display: none; }
/* ===================== Media Screen kleine Tablets ===================== */ 
@media screen and (min-device-width: 600px) {
		.grid li {
	display: inline-block;
	width: 200px;
	margin: 0;
	padding: 10px;
	text-align: left;
	position: relative;
}
#site-title, #site-title a { font-size: 28px; width: 70%; }
.in30 { padding-top: 0px; padding-left: 30px; padding-right: 30px; }
#hauptcontainer { margin-top: 20px; max-width: fit-content; }
body { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;}
#site-description p {margin: 2px 10px 0; width: 50%; }
#top-nav { background: url(images/top-nav.jpg) no-repeat; }
#header { min-height: 128px; background: transparent url("//gutachten-paeperer.de/images/kfz-sachverstaendigenbuero-paeperer-header-lang.png") no-repeat scroll bottom right; }
#menu-navi-container { float: left }
.main-navigation ul li ul { display: block; }
.main-navigation li { font-size: 12px; font-size: 0.8rem; }
.main-navigation { text-align: left; float: left; margin-left: 2em; }
.main-navigation ul.nav-menu { display: inline-block !important; }
.main-navigation ul { margin: 0; text-indent: 0; }
.main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; }
.main-navigation li a { line-height: 3; white-space: nowrap; }
.main-navigation li a:hover, .main-navigation li a:focus { font-weight: bold; background-color: transparent; color: #000; }
.main-navigation li { margin: 0 16px 0 0; margin: 0 1.0rem 0 0; position: relative; }
.main-navigation li ul { margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.main-navigation li ul ul { top: 0; left: 100%; }
.main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; width: inherit; }
.main-navigation li ul li a { background: #efefef; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 1.75; width: 180px; width: 12.85714286rem; white-space: normal; }
.main-navigation li ul li a:hover, .main-navigation li ul li a:focus { background: #e3e3e3; color: #444; }
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color: #000; font-weight: bold; }
.menu-toggle { display: none; }
/* ======Slider==== */
#sliderFrame { display: block; margin:0 auto; padding:20px; box-shadow: 0 0 5px #BBB;border:1px solid #CCC; background-color:#FFF;}
#slider { width:625px;height:455px; background:#fff; position:relative; margin:0 auto; }
#slider img, #slider>b, #slider a>b{ position:absolute; border:none; display:none; }
#slider>a {display:none;}
#slider a.imgLink { z-index:2; position:absolute; top:0px;left:0px;border:0;padding:0;margin:0; width:100%;height:100%; }
div.mc-caption-bg, div.mc-caption-bg2 { position:absolute; width:560px; height:auto; padding:10px; left:20px; bottom:10px; z-index:3; overflow:hidden; font-size:0; }
div.mc-caption-bg { background:#000; border:1px solid white; border-radius: 5px; }
div.mc-caption-bg2 { background:none; }
div.mc-caption { font: 13px/16px Tahoma; color:#FFF; z-index:4; text-align:justify; background:none; }
div.mc-caption a {color:#060;}
div.navBulletsWrapper  {display:none;}
#thumbs { display: none; }
/* --------- Others ------- */
#slider { transform: translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); }
/* ===================== Media Screen grosse Tablets ===================== */ 
@media screen and (min-device-width: 980px) {
	.grid li {
	display: inline-block;
	width: 200px;
	margin: 0;
	padding: 10px;
	text-align: left;
	position: relative;
}
#site-title, #site-title a { font-size: 36px; width: 70%; }
#site-description p {margin: 2px 10px 0; width: 50%; font-size: 16px; }
#hauptcontainer { margin-top: 20px; margin-left: auto; margin-right: auto; }
#sliderFrame { display: block; margin:0 auto; padding:20px; box-shadow: 0 0 5px #BBB;border:1px solid #CCC; background-color:#FFF;}
#slider { float:left; width:625px;height:455px;	background:#fff; position:relative; margin:0 auto; }
#slider img, #slider>b, #slider a>b{ position:absolute; border:none; display:none; }
#slider>a {display:none;}
#slider a.imgLink { z-index:2; position:absolute; top:0px;left:0px;border:0;padding:0;margin:0; width:100%;height:100%; }
div.mc-caption-bg, div.mc-caption-bg2 { position:absolute; width:560px; height:auto; padding:10px; left:20px; bottom:10px; z-index:3; overflow:hidden; font-size:0; }
div.mc-caption-bg { background:#000; border:1px solid white; border-radius: 5px; }
div.mc-caption-bg2 { background:none; }
div.mc-caption { font: 13px/16px Tahoma; color:#FFF; z-index:4; text-align:justify; background:none; }
div.mc-caption a {color:#060;}
div.navBulletsWrapper  {display:none;}
#thumbs { display: block; float: left; margin-left:5px; width:243px; border-top:1px solid #CCC; color:#000; font: normal 11px/13px Arial; }
#thumbs .thumb { border:1px solid #CCC; border-top:1px solid #FFF; padding:11px 5px; background:#FFF; }
#thumbs .thumb-on { background:#EEE; }
#thumbs img{border:1px solid #DDD; cursor:pointer; width:70px; height:44px;}
#thumbs .frame {float:left;padding:2px;border:1px solid #CCC;background:white;border-radius:3px;box-shadow:0 0 3px #BBB;font-size:0;line-height:0;}
#thumbs .thumb-content {float:left;width:140px;padding-left:5px;text-align: left;}
/* Captions in #thumbs .thumb-content */
#thumbs .thumb-content p {font-weight:bold; color:#BB0000; margin:0 0 3px;padding:0;}
#thumbs .thumb-on .thumb-content p {color:#BB0000;}
/* --------- Others ------- */
#slider { transform: translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); }
.loading { width:100%; height:100%; background:transparent; filter: alpha(opacity=60); opacity:0.6; position:absolute; left:0; top:0; z-index:9; }
/* ===================== searchform ===================== */ 
#search { width: 220px; float: right; display: inline; padding-right: 0px; }
#s { background: url(images/bg-search.png) no-repeat; border: none; width: 170px; height: 25px; color: #777; font-size: 90%; font-style: italic; display: inline; float: left; }
#searchform { float: right; padding-top: 8px; padding-right: 10px; }
#searchform, #searchform div { position: relative; }
#searchsubmit { background: url(images/search-btn.png) no-repeat; height: 25px; width: 30px; border: none; text-indent: -999%; display: inline; float: left; }
form#searchform input#s { padding: 0 10px; width: 150px; }
}
/* ===================== Media Screen Desktop ===================== */ 
@media screen and (min-device-width: 1250px) { 
	#hauptcontainer { margin-top: 20px; margin-left: auto; margin-right: auto; } 
	}