/*
Theme Name: pfalz
Author: Sarah
Version: 1.0
*/

/* HTML5 elemet display
============================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Basic Reset
============================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del,
dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;text-decoration:none;vertical-align:baseline;background:transparent;}


/* Style Reset
============================================================== */
html { overflow-y:scroll; }
body {line-height:1.23; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
big { font-size: 115%; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
nav ul, nav ol { list-style: none; }
#content ul, #content ol { list-style-position: outside; margin: 1em 0; padding: 0 0 0 40px; }
img {}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f08888; }
table { border-collapse: collapse; border-spacing: 0; }

h1, h1 a{ margin:0 0 8px 0; padding:0;}
h2, h2 a{ margin:24px 0 5px 0; padding:0;}
h3, h3 a{ margin:20px 0 5px 0; padding:0;}
h4, h4 a{ margin:10px 0 5px 0; padding:0;}
h5, h5 a{ margin:10px 0 5px 0; padding:0;}

a { text-decoration:none; font-weight: normal; font-style: normal; }
a:hover, a:active a:focus { text-decoration: none; outline: 0; }

/* Images
============================================================== */
/* Image Caption */
#content .wp-caption { margin: 0; padding: 0; background: #eee; border: 1px solid #555; border-radius: 3px; }
#content .wp-caption img { margin: 5px; border-radius: 3px; display: block;}
#content .wp-caption-text { color: #555; margin: 5px; padding: 0; font-size: 12px; line-height: 14px; text-align: center;}

/* Image size */
#content .size-thumbnail {  }
#content .size-medium {  }
#content .size-large {  }
#content .size-full {  }

/* Image alignment */
#content .alignnone { clear: both; display: block; margin: 20px 0 20px 0; }
#content .alignleft { display: inline; float: left; margin: 4px 20px 10px 0; }
#content .aligncenter { clear: both; display: block; margin: 20px auto 20px auto; }
#content .alignright { display: inline; float: right; margin: 4px 0 10px 20px; }

/* Gallery
============================================================== */
.gallery { clear: both; display: block; margin: 20px 0 20px 0; }
.gallery-item { float: left; margin: 10px 0 10px 0; overflow: hidden; }
.gallery-icon a img { display: block; }
.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16%; }
.gallery-columns-7 .gallery-item { width: 14%; }
.gallery-columns-8 .gallery-item { width: 12%; }
.gallery-columns-9 .gallery-item { width: 11%; }

/* Comments
============================================================== */
#comments{float:left;width:100%;overflow:hidden;}
.comments_respond{float:left;width:100%;}
.comment_form table tbody tr td{padding:0 10px 5px 0;}
.comments_list{float:left;margin:0;padding:0;width:100%;list-style:none;}
.comment{float:left;margin:0;padding:0 0 25px 0;width:100%;}
.comment p{margin:0 0 7px 0;}
.comment_meta{float:left;padding:0 0 5px 0;width:100%;}
.comment_text{float:left;padding:0 0 0 3%;width:97%;}

/* Helper classes
============================================================== */
.zentrierer{margin:auto;text-align:left;width:1000px;}
.more-link {padding: 0 0 0 20px;}

/* Design definition
============================================================== */


body {height: 100%; width: 100%;}
.bg {float: left; position: relative; width: 100%; min-width: 1000px; height: auto !important; min-height: 100%; background: url('images/hauptbild.png') center top no-repeat;}
.header {float: left; width: 960px; padding: 0 20px; height: 495px;}
.wrap {float: left; width: 640px; height: 435px;}

.logo {float: left; width: 545px; height: 70px; padding: 12px 40px 0px 47px;}
.logo a {float: left; width: 545px; height: 70px; display: block; text-indent: -9999px; outline: none; background: url('images/logo.png') 0 0 no-repeat;}
.logo a:hover {background-position: 0 -70px;}

#bildwechsel {float: left; width: 622px; height: 360px; background: url('images/bildwechsel/bild1.png') 0 0 no-repeat; margin: -10px 0 0 9px; overflow: hidden; padding: 0;}
#bildwechsel1 {float: left; position: relative;}
#bildwechsel img {float: left; height: 360px; width: 622px; position: absolute; top: 0; left: 0;}

.servicenavi {float: left; width: 295px; height: 60px; padding: 17px 0 0 22px;}
.servicenavi ul {float: left; list-style: none;}
.servicenavi ul li {float: left;}
.servicenavi ul li a {float: left; display: block; text-indent: -9999px; outline: none; height: 60px;}

.menu-item-28 a {background: url('images/service.png') 0 0 no-repeat; width: 100px; }
.menu-item-27 a {background: url('images/service.png') -100px 0 no-repeat; width: 105px;}
.menu-item-26 a {background: url('images/service.png') -205px 0 no-repeat; width: 78px;}

.menu-item-28 a:hover {background-position: 0 -60px;}
.menu-item-27 a:hover {background-position: -100px -60px;}
.menu-item-26 a:hover {background-position: -205px -60px;}

.kontakt {float: left; width: 260px; height: 115px; padding: 235px 30px 0 30px}
.telefonnr {float: left; width: 200px; height: 65px; font-size: 16px; color: #6e3921; font-family: 'Arial', sans-serif; line-height: 70px;}
.email {float: left; width: 350px; height: 20px; font-size: 16px; color: #6e3921; font-family: 'Arial', sans-serif; line-height: 52px;}

.hauptnavi {float: left; width: 942px; height: 52px; padding: 5px 7px 0 9px;}
.hauptnavi ul {float: left; list-style: none;}
.hauptnavi ul li {float: left; position: relative;}
.hauptnavi ul li a {float: left; text-indent: -9999px; outline: none; display: block;  height: 52px; }

.hauptnavi ul li ul {display: none; list-style-type: none; position: absolute; z-index: 5; top: 50px; left: 1px; padding: 15px 0 15px 0; background: #422910; width: 613px; border: 3px solid #784b1e;}
.hauptnavi ul li ul li {float: left; position: relative; padding: 1px 0 1px 0px; height: auto !important; width: 305px;}
.hauptnavi ul li ul li a {float: left; font-size: 13px; height: auto; background: none; padding: 0 0 0 15px; color: #fdf4d4; text-indent: 0; font-family: 'Arial', sans-serif;}
.hauptnavi ul li ul li a:hover {color: #ffffff; text-decoration: underline;}

.menu-item-29 ul {width: 294px !important; left: 20px !important;}

#subnavi {display: none;}

#subnavi2 {float: left; width: 480px; padding: 0 220px; margin: -16px 0 1px 0;}
#subnavi2 ul {float: left; width: 440px; list-style: none; text-align: center;}
#subnavi2 ul li {float: left; display: inline; border-left: 1px solid #df7601; height: 14px; line-height: 12px; padding: 0 15px;}
#subnavi2 ul li:first-child {border-left: none;}
#subnavi2 ul li a {font-family: 'Bigshot One'; font-size: 18px; color: #df7601; height: 18px;}
#subnavi2 ul li a:hover {color: #5e3910;}

.menu-item-1203 a {background: url('images/hp.png') 0 0 no-repeat; width: 309px; }
.menu-item-30 a {background: url('images/hp.png') -310px 0 no-repeat; width: 312px;}
.menu-item-29 a {background: url('images/hp.png') -621px 0 no-repeat; width: 320px;}

.menu-item-1203 a:hover {background-position: 0 -52px;}
.menu-item-30 a:hover {background-position: -310px -52px;}
.menu-item-29 a:hover {background-position: -621px -52px;}

.center {float: left; width: 960px; height: auto; padding: 0 20px;}
.teaser {float: left; width: 960px; height: 256px;}

.teasertext {float: left; width: 960px; height: 90px;}
.wrapper {float: left; width: 195px; height: 50px; padding: 3px 33px 20px 12px; color: #474546;}
.wrapper p {margin: 0;}
.more-link {float: right; margin-top: 5px; color: #5e3910; font-style: italic;}
.more-link:hover {color: #5e3910;}

.kompetenznavi {float: left; width: 940px; height: 155px; padding: 0 10px;}
.kompetenznavi ul {float: left; list-style: none;}
.kompetenznavi ul li {float: left; line-height: 20px;}
.kompetenznavi ul li a {float: left; font-family: 'Bigshot One', cursive; font-size: 16px; color: #5e3910; height: 35px; display: block; padding-top: 111px; padding-left: 2px;}
.kompetenznavi ul li a:hover {color: #5e3910;}

.menu-item-35 {padding: 0 15px 0 0;}
.menu-item-34 {padding: 0 10px 0 5px;}
.menu-item-33 {padding: 0 5px 0 10px;}
.menu-item-32 {padding: 0 0 0 15px;}

.menu-item-35 a {background: url('images/bilder_teaser.png') 0 5px no-repeat; padding-right: 20px; width: 198px; }
.menu-item-34 a {background: url('images/bilder_teaser.png') -240px 5px no-repeat; padding-right: 50px; width: 168px; }
.menu-item-33 a {background: url('images/bilder_teaser.png') -480px 5px no-repeat; padding-right: 40px; width: 178px; }
.menu-item-32 a {background: url('images/bilder_teaser.png') -720px 5px no-repeat; padding-right: 20px; width: 198px; }

.menu-item-35 a:hover {background-position: 0 -295px;}
.menu-item-34 a:hover {background-position: -240px -295px;}
.menu-item-33 a:hover {background-position: -480px -295px;}
.menu-item-32 a:hover {background-position: -720px -295px;}

#content {float: left; width: 918px; background: url('images/content.png') 0 0 repeat-y; min-height: 100px; padding: 15px 21px 30px 21px; position: relative;}
.footerbereich {float: left; width: 960px; height: 156px; padding: 0 20px;}
.footer {float: left; width: 910px; height: 122px; background: url('images/footer.png') 0 0 no-repeat; padding: 17px 25px; font-size: 13px; color: #6e3921;}
.footer a {color: #6e3921;}
.footer a:hover {color: #ffffff;}
.footer p {margin: 0 !important;}

.bob_right {width: 259px; height: 54px; float: right; margin: 5px 0 5px 15px;}
/*.bob_right a {width: 259px; height: 54px; float: left; display: block; text-indent: -9999px; outline: none; background: url('http://holzagentur-pfalz.p-m.li/wp-content/uploads/2013/04/angebot.jpg') 0 0 no-repeat;}*/
.bob_right a {width: 259px; height: 54px; float: left; display: block; text-indent: -9999px; outline: none; background: url('http://www.holzagentur-pfalz.de/wp-content/uploads/2013/04/angebot.jpg') 0 0 no-repeat;}
.bob_right a:hover {background-position: 0 -54px;}

.bob_left {width: 259px; height: 54px; float: left; margin: 5px 15px 5px 0;}
/*.bob_left a {width: 259px; height: 54px; float: left; display: block; text-indent: -9999px; outline: none; background: url('http://holzagentur-pfalz.p-m.li/wp-content/uploads/2013/04/angebot.jpg') 0 0 no-repeat;}*/
.bob_left a {width: 259px; height: 54px; float: left; display: block; text-indent: -9999px; outline: none; background: url('http://www.holzagentur-pfalz.de/wp-content/uploads/2013/04/angebot.jpg') 0 0 no-repeat;}
.bob_left a:hover {background-position: 0 -54px;}




.page-id-11 .gallery .gallery-item {width: 17.5%; margin: 4px 20px 10px 0; background: none repeat scroll 0 0 #eee; border: 1px solid #555; border-radius: 3px;}
.page-id-11 .gallery .gallery-item .gallery-icon {margin: 4px 5px 3px 5px;}
.page-id-11 .gallery .gallery-item .gallery-icon .attachment-thumbnail {border-radius: 3px; border: none;}

/*Font definitions
============================================================== */
body {color: #000000; font-size: 14px; font-family: 'Arial', 'Helvetica', sans-serif;}

h1, h1 a {color: #5e3910; font-size: 30px; font-weight: normal; font-family: 'Bigshot One', cursive;}
h2, h2 a {color: #5e3910; font-size: 25px; font-weight: normal; font-family: 'Bigshot One', cursive;}
h3, h3 a {color: #5e3910; font-size: 20px; font-weight: normal; font-family: 'Bigshot One', cursive;}
h4, h4 a {color: #5e3910; font-size: 14px; font-weight: bold; font-family: 'Arial', sans-serif;}


p {margin:0 0 10px 0;}
a {color: #1e9112; text-decoration: none; font-weight: normal;}
a:hover { color: #1e9112; text-decoration: underline;}

#tablecontent td{border:1px solid #000; padding:4px;}