/*
Theme Name: HWC Theme
Author: Martin Gamnitzer
*/


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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {overflow-y:scroll;}
body {
    line-height: 1;
    font-family: Arial, sans-serif;
	font-size:14px;
	color:#444444; /*7b7b7b;*/
}
ol { list-style: none; }

ul { list-style:none;  }

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a img {border:none;}

/* remember to define focus styles! */
:focus {
	outline:0;
}


/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

textarea {font-family: Arial, sans-serif; font-size:12px; }
textarea, input {border:1px solid #d6d6d6; padding:2px 5px; font-size:12px; color:#444444;}
label {display:none; }

hr {border:none; background-color:#d1d1d1; height:1px; margin-bottom:9px;}

/* Typo */

p,td,ul,ol {font-size:14px; color:#444444; line-height:18px;}
h1 {margin-bottom:10px; font-size:18px; font-weight:bold;}
h2 {font-size:14px; font-weight:bold;}
h4 {font-size:14px; font-weight:bold; color:#444444; margin:4px 0 8px 0; } 
h5 {font-size:16px; font-weight:normal; line-height:20px;} 

a {color:#444;}

.entry p {margin-bottom:15px;}

.subcolumns { width: 100%; overflow:hidden; padding: 0 0 35px 0; }

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l .c580l {float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r .c380r {float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; overflow:hidden;}
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }
/* Spezialgrößen */
.c580l {width:580px;}
.c380r {width:380px;}



.subc  { padding: 0 9px; }
.subcl { padding: 0 9px 0 0; }
.subcr { padding: 0 0 0 9px; }

.clearing {clear:both; height:1px; line-height:1%; font-size:0; }

.subcolumns h4 {padding:0 2px; }

span.whiteOnGrey {color:#ffffff; background-color:#7b7b7b; font-weight:bold; padding:0 4px;}

#topHead {width:960px; margin:0 auto; padding:15px 0 5px 0;}
/* Der linke Kopfbereich muß nochmal 15px tiefer sein, weil die box um "care" rechts so weit hochsteht */
#topHeadLeft {width:580px; padding-top:17px; float:left; text-align:right;}
#topHeadRight {float:left; width:300px; height:80px;  background:url(img/sprites.png) no-repeat 0px 0px ; }
#topHeadRight a {display:block; width:100%; height:100%;}

#menuWide {width:100%; height: 36px; background:url(img/sprites.png) repeat-x 0px -81px;}
#menuWide * {line-height:32px;}
#menuWide ul {display:block; width:960px; margin:0 auto; }
#menuWide li {display:inline; font-size:15px; font-weight:bold;}
#menuWide li a {text-decoration:none; color:#ffffff; padding:0 8px;}
#menuWide li.current_page_item a {border-top:2px solid #ed6529; padding:5px 8px 12px 8px; background-color:#FFFFFF; color:#000000;}

#content960 {width:960px; margin: 0 auto; }


#topContent, #newsSite {padding-top:11px;}
#sliderAreaOuter {float:left; width:578px; height:392px; margin-right:9px; overflow:hidden;position:relative;}
#sliderArea, #sliderAreaAuto  {width:100%; height:100%; overflow:hidden; position:relative;}
.sliderPost {float:left; width:578px; height:390px; overflow:hidden; position:absolute; display:none;}
#sliderArea .cOverlay, #sliderAreaAuto .cOverlay {position:absolute; background-color:#000000; padding:25px 20px; width:518px; bottom:10px; left: 10px; -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8;  filter: alpha(opacity=80);}
#sliderArea .cOverlay *, #sliderAreaAuto .cOverlay * {-moz-opacity:1; -webkit-opacity:1; opacity:1;  filter: alpha(opacity=100); color:#ffffff; font-size:14px; line-height:18px;}
#sliderToLeft, #turnToLeft {position:absolute; width:40px; height:40px; left:10px; top:176px; background:url(img/sprites.png) no-repeat -160px -120px; cursor:pointer; z-index:200;}
#sliderToRight, #turnToRight {position:absolute; width:40px; height:40px; top:176px; background:url(img/sprites.png) no-repeat -200px -120px; cursor:pointer; z-index:200;}
#turnToLeft {top:-40px;}
#turnToRight {right:0; top:-40px;}
#sliderToRight  {left:528px;}
#sliderLights {position:absolute; width:400px; height:20px; left:178px; top:4px; overflow:hidden;}
#sliderLights div {width:auto; height:20px; float:right; background-color:#ffffff;}
#sliderLights span {display:block; float:left; width:8px; height:7px; margin-left:20px; background:url(img/sprites.png) no-repeat -146px -124px; margin-top:4px; cursor:pointer;}
#sliderLights span.current {background:url(img/sprites.png) no-repeat -134px -124px;}


#contactArea {float:left; padding-left:11px; width:360px; }
#contactHeader {float:left;}
#langChooser {width:auto; height:18px; float:right; }

#langChooser ul, #langChooser li {display:inline; padding:0;}
#langChooser li {float:left; padding-left:10px;}
#langChooser a {background:url(img/sprites.png) no-repeat; width:23px; height:15px;}

#langChooser li a.qtrans_flag_de {background-position: 0px -139px;}
#langChooser li a.qtrans_flag_fr {background-position: -26px -139px;}
#langChooser li a.qtrans_flag_ja {background-position: -52px -139px;}
#langChooser li a.qtrans_flag_en {background-position: -78px -139px;}
#langChooser li.active a.qtrans_flag_de, #langChooser li a.qtrans_flag_de:hover {background-position: 0px -124px !important;}
#langChooser li.active a.qtrans_flag_fr, #langChooser li a.qtrans_flag_fr:hover {background-position: -26px -124px !important;}
#langChooser li.active a.qtrans_flag_ja, #langChooser li a.qtrans_flag_ja:hover {background-position: -52px -124px !important;}
#langChooser li.active a.qtrans_flag_en, #langChooser li a.qtrans_flag_en:hover {background-position: -78px -124px !important;}
.qtrans_flag { height:12px; width:18px; display:block }


#contactArea textarea {width:348px; height:178px; margin-bottom:11px; }
#LKPOQBXDAWD {width:159px;  margin-bottom:9px; display:block; float:left;}
#qqmou87BH3d {width:170px; display:block; float:right; }
#ONBxs23bcd, #xyysduzf3z7 {width:29px; margin-right:5px; margin-top:1px; display:block; float:left; }
#BGZS-GSZ23 {width:146px; margin-top:1px; display:block; float:left;}
.submitButton {width:82px; border:none; background-color:#464646; color:#ffffff; font-weight:bold; font-size:14px; padding:3px 5px; margin-top:-1px;  display:block; float:right; }
.defaultValue {color:#A0A0A0;}
#submitMessage {display:none; text-align:center; vertical-align:middle;}

#contactData {border-top:1px solid #d1d1d1; margin-top:35px; padding-top:11px; }
#contactDataLeft, #contactDataCenter, #contentDataRight {float:left; width:auto;}
#contactDataCenter {padding:0 10px; }
#contactData h4 {margin-bottom:5px; }
#contactData p { font-size:11px; line-height:15px; }



#mainContentWide {margin:36px 0 0 0 ; }

#footer {width:100%; height:37px; background:url(img/sprites.png) repeat-x 0 -166px; margin-top:40px;}
#footerInner {width:960px; margin:auto; padding-top:13px; position:relative;}
#footer p {font-size:12px; margin-bottom:18px;}
#footer a {text-decoration:none; color:#fdfdfd; margin-right:15px; }
#footer div div  a { margin-right:0px; text-decoration:underline;}
#footerSlider {position:absolute; width:840px; background-color:#444444; padding:30px 60px; display:none; bottom:25px;z-index:220;}
#footerSlider, #footerSlider * {color:#FFFFFF;}
.footerData {height:500px; overflow:hidden;  padding-right:20px;}
#closeFooterSlider {width:11px; height:12px; line-height:12px; background:url(img/sprites.png) -113px -124px; float:right; cursor:pointer;}
.footerSliderUp {position:absolute; width:18px; height:11px; background:url(img/sprites.png) no-repeat -250px -136px; right:55px;top:55px; cursor:pointer;}
.footerSliderDown {position:absolute; width:18px; height:11px; background:url(img/sprites.png) no-repeat -250px -122px; right:55px;bottom:30px; cursor:pointer;}
#footerModal {position:absolute; z-index:210; width:100%;}


/* Carousel der Mitarbeiter */

div.carousel { margin-left: -15px; width:992px; overflow:hidden; height:420px; position:relative;}
div.carousel .c25l {width:248px; height:420px; overflow:hidden; position:absolute; display:none;}
div.carousel .subc {padding:0 15px 0 15px;}
div.carousel p { font-size:12px; margin:2px 0 10px 0;}


/* Gallery */

.ngg-gallery-thumbnail-box {display:inline;}
.ngg-gallery-thumbnail {display:inline;}
.ngg-galleryoverview img {margin:2px;}
#office hr {display:none;}
#office div, #office img {padding:0;margin:0;}
#office {border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; padding-top:20px; margin:20px 0 10px 0;}
#office .ngg-gallery-thumbnail-box, #office .ngg-gallery-thumbnail, #office .ngg-galleryoverview {display:block;float:left;}

/* Modalbox */
#modalOverlay {position:absolute;  z-index:200;  background-color:#000; display:none; top:0; left:0; }
#modalWindow {position:absolute; background-color:#ffffff; display:none; z-index:210; padding:30px; left:50%;}
.modalCloseButton {position:absolute; width: 10px; height:10px; top:10px; right:30px; background:url(img/sprites.png) no-repeat -113px -140px; cursor:pointer;}
#modalImg {position:relative;}
#modalText {display:none; margin-top:20px;}
#modalToLeft {position:absolute; width:40px; height:40px; top:0; left:10px; background:url(img/sprites.png) no-repeat -160px -120px;  cursor:pointer; z-index:240; display:none;}
#modalToRight {position:absolute; width:40px; height:40px; top:0; right:10px; background:url(img/sprites.png) no-repeat -200px -120px;  cursor:pointer; z-index:240; display:none;}

.centerData {position:relative; text-align:center;  width:700px; margin:auto; line-height:18px;}
.centerData .mitarbeiterName {cursor:pointer; color:#7b7b7b;}
.centerData .mitarbeiterName:hover {color:#000;}
.centerData #turnToLeft {margin-top:-5px; margin-left:-120px; top:0;left:0;}
.centerData #turnToRight {margin-top:-5px; margin-left:780px; top:0;left:0;}

#wirSprechenAlles {text-align:center; border-bottom:1px solid #d1d1d1; padding-bottom:10px;}

.post {margin-bottom:35px;}
.blogEntryHead {border:solid #d1d1d1; border-width:1px 0; padding:10px 5px; margin-bottom:20px;}
.blogEntryHead a {text-decoration:none; color:#000000; }
.blogEntryHead span.date {font-weight:normal; color:#444444; }
.readMore { margin-left:5px; padding-left:13px; background:url(img/sprites.png) -134px -142px no-repeat;}
.ccount {font-weight:normal; font-size:11px;  margin-right:10px; vertical-align:10%;}


/* Pagenavi */

.wp-pagenavi {text-align:center; border: solid #d1d1d1; border-width:1px 0; padding:15px 0; font-size:12px;}
.wp-pagenavi .pages {display:none;}
.wp-pagenavi a {border:1px solid #444; color:#444; padding:2px 4px; text-decoration:none; margin: 0 4px;}
.wp-pagenavi .current {border:1px solid #d1d1d1; color:#d1d1d1; padding:2px 4px; margin:0 4px;}

/* Archive */
#archive { margin:40px 0 0 15px;}
#archive ul {margin:15px 0 0 10px;}
#archive ul li {display:block; font-size:12px;}

/* Single */
#respond, #comments {margin-top:20px; padding-top:10px; border-top:1px solid #d1d1d1;}
#respond h3 {margin-bottom:10px;}
#respond p {font-size:12px; margin:8px 0;}
#respond label  {display:inline;}
#comment {width:400px; margin:0px 0;}
.commentlist * {font-size:12px; margin-top:10px;}
.comment-meta {display:none; } /* until I can fix the strange string issue */

/* 404 */
#errorHeadImg {height:35px; margin-top:102px; background:url(img/sprites.png) repeat-x 0 -81px;}
#errorHeadText {width:960px; margin:auto; height:85px; margin-top:-90px;}
#errorHeadText h1 {font-size: 50px;}
#errorHeadText a {color:#fff; text-decoration:none; font-size:16px;}

.subcolumns ul {list-style-image:url(img/liststyle.png); padding:20px;}
.noLinkDecoration a {text-decoration:none;}

.errorField {border:1px solid red; }

#specialField {display:none !important;}