/*
Theme Name:     im:cube7
Theme URL:      http://www.imcube7.de
Description:    WP-Theme für im:cube7 - Büro für Mediengestaltung & Design
Version:        1.0
Author:         im:cube7 | Sebastian Schwarz
Author URL:     http://www.imcube7.de/

hellbraun:		#BDB2A3
hellbraun2:		#AEA394
dunkelbraun:	#514843
grau:			#B4B4B4
hellgrau:		#DEDEDE
cyan:			#0098DE
rot:			#F1112E         

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* ***GLOBAL*** */

body { background: url(images/_design/bg_body.jpg) top left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #514843; }
#wrap-out { width: 100%; height: 100%; margin: 0; padding: 0; }

a { text-decoration: none; color: #0098DE; }
a:active, a:focus { outline:none; }
input::-moz-focus-inner { border: 0; }
.inline { display: inline; }

/* ***HEADER*** */

#wrap-header { width: 100%; height: 100%; background: url(images/_design/bg_header.jpg) repeat-x top left; }
#header { width: 860px; margin: 0 auto; height: 120px; }
#header h1 { background: url(images/_design/bg_logo.png) top left; width: 300px; height: 120px; padding: 0; margin: 0 0 0 20px; text-indent: -9999px; }
#header #startlink { width: 300px; height: 120px; position: absolute; z-index: 2; margin: -120px 0 0 20px; }

/* ***NAVIGATION*** */

#header #nav { position: absolute; z-index: 2; margin: -70px 0 0 760px; }
#header #nav ul li { width: 100px; height: 35px; background: url(images/_design/bg_nav1.png) no-repeat 0 0; text-align: center; }
#header #nav ul li:hover { background: url(images/_design/bg_nav1.png) no-repeat 0 -36px; }
#header #nav ul li a { color: #514843; line-height: 34px; padding: 0 0 4px 0; display: block; }
#header #nav ul li a:hover { color: #FFF; }

/* ***CONTENT*** */

#wrap-content { width: 100%; height: 100%; background: url(images/_design/bg_content.jpg) top left; }
#content { width: 860px; margin: 0 auto; }
#content.home { width: 860px; height: 640px; background: url(images/_design/bg_content-illu.jpg) no-repeat left top; }
#content.home .hl_intro { text-indent: -9999px; }
#content.home #info { font-size: 1.5em; margin: 160px 0 0 20px; height: 230px; letter-spacing: -1px; }
#content.home #info .info { margin: 0 0 1.3em 0; }
#content.home #info .info .big { font-size: 1.5em; letter-spacing: -2px; line-height: 24px; }
#content.home #arr_leistungen { background: url(images/_design/clip.png) no-repeat left top; width: 116px; height: 47px; margin: -188px 0 0 746px; position: absolute; z-index: 2; color: #FFF; font-weight: bold; font-size: 1.3em; letter-spacing: -1.3px; padding: 11px 8px 0 23px; }

/* ***ONPAGE-NAVIGATION*** */

#content #wp_page_numbers { width: 25%; margin: 0 auto; }
#content #wp_page_numbers ul { overflow: hidden; text-align: center; list-style: none; height: 40px; }
#content #wp_page_numbers ul li { display: inline; background: #FFF; line-height: 20px; }
#content #wp_page_numbers ul li a { padding: 4px; margin: 0 2px 0 2px; }
#content #wp_page_numbers ul li a:hover { color: black; text-decoration: underline; }
#content #wp_page_numbers ul li.active_page a { text-decoration: underline; }
#content #wp_page_numbers ul li.active_page a:hover { color: black; text-decoration: underline; }

/* ***SLIDER*** */

#content.home #contentslider { margin: 0 0 0 28px; height: 178px; width: 806px; padding: 6px; position: relative; }
#content.home #contentslider .panelcontent {  }
#content.home #contentslider .panelcontent .pc-left { width: 272px; float: left; margin: 0 20px 0 4px; }
#content.home #contentslider .panelcontent .pc-right { height: 153px; }
#content.home #contentslider h3 { margin: 0 0 0.6em 0; font-size: 1.2em; letter-spacing: -0.5px; }
#content.home #contentslider p { text-align: justify; font-size: 0.9em; line-height: 14px; padding: 0; margin: 0; }
#content.home #contentslider img { width: 272px; height: 153px; margin: 0; border: 0; }

/* ***REFERENZEN*** */

#content #referenzen { width: 860px; padding: 20px 20px 0 20px; overflow: hidden; }
#content #referenzen ul li .refbox { width: 820px; margin: 0 0 20px 0; clear: both; overflow: hidden; background: #FFF; padding: 10px 0 10px 10px; -moz-box-shadow: 1px 1px 5px #DEDEDE; -webkit-box-shadow: 1px 1px 5px #DEDEDE; box-shadow: 1px 1px 5px #DEDEDE; }
#content #referenzen ul li .refbox .refimg { float: left; width: 200px; height: 150px; margin-right: 30px; border: 2px solid #514843; }
#content #referenzen ul li .refbox .reftxt { float: left; overflow: hidden; width: 586px; }
#content #referenzen ul li .refbox .reftxt h2 { font-size: 1.4em; margin: 0 0 12px 0; float: left; }
#content #referenzen ul li .refbox .reftxt .cat { float: right; background: url(images/_design/clip2.png) no-repeat left top; width: 106px; height: 34px; color: #FFF; font-weight: bold; font-size: 1.1em; letter-spacing: -1.3px; padding: 13px 10px 0 0; text-align: right; margin: 0 -2px 0 0; }
#content #referenzen ul li .refbox .reftxt p { margin: 0 0 10px 0; padding: 0 10px 0 0; width: 460px; float: left; }
#content #referenzen ul li .refbox .reftxt table { font-size: 0.9em; margin: 0 0 4px 0; clear: both; }
#content #referenzen ul li .refbox .reftxt table td { padding-bottom: 5px; padding-right: 5px; }
#content #referenzen ul li .refbox .reftxt table td.beige { color: #AEA394; font-weight: bold; }
#content #referenzen ul li .refbox .reftxt small { font-style: italic; text-transform: uppercase; font-size: 10px; letter-spacing: 1.4px; }


/* ***FOOTER*** */

#wrap-footer { width: 100%; height: 100%; background: url(images/_design/bg_footer.jpg) repeat-x top left; }
#footer { width: 860px; margin: 0 auto; padding: 30px 0 20px 0; overflow: hidden; }
#footer #logo { background: url(images/_design/logo_footer.png) no-repeat left top; width: 120px; height: 64px; float: left; margin: -16px 0 0 20px; position: absolute; z-index: 2; }
#footer #left { width: 500px; float: left; margin: 0; height: 264px; overflow: hidden; }
#footer #left #adresse { width: 328px; float: right; padding: 6px 0; }
#footer #left .headline { font-size: 1.1em; text-transform: uppercase; margin: 0 0 0.6em 0; letter-spacing: -1px; }
#footer #left #adresse .infoline { font-size: 1em; margin: 0 0 0.6em 0; letter-spacing: -0.2px; color: #AEA394; line-height: 1.3em; }
#footer #left #adresse .contactline { font-size: 1em; margin: 0 0 0.6em 0; letter-spacing: -0.2px; line-height: 1.3em; }
#footer #left #adresse .contactline a { color: #514843; }
#footer #left #adresse .copyline { font-size: 0.8em; margin: 0 0 0.4em 0; letter-spacing: -0.2px; line-height: 1.3em; color: #AEA394; }
#footer #left #divider_footer { clear: both; width: 506px; height: 3px; background: url(images/_design/divider.png) no-repeat left top; margin: 0 0 0 20px; }
#footer #left #lpd { background: url(images/_design/logo2_footer.png) no-repeat 18px 12px; padding: 46px 0 0 20px; }
#footer #link { width: 440px; height: 74px; position: absolute; z-index: 2; margin: 0; }

/* ***KONTAKTFORMULAR*** */

#footer #right { width: 320px; float: right; margin: 0; height: 290px; }
#footer #right .cf7-input { border: 1px solid #B4B4B4; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; padding: 6px; margin: 0 0 0.5em 0; font-family: Helvetica, Arial, sans-serif; font-size: 1em; color: #BDB2A3; background: url(images/_design/bg_input.png) repeat-x left top; }
#footer #right #cf7-name { width: 304px; }
#footer #right #cf7-email { width: 304px; }
#footer #right #cf7-nachricht { border: 1px solid #B4B4B4; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; padding: 4px; margin: 0 0 0.5em 0; height: 130px; font-family: Helvetica, Arial, sans-serif; font-size: 1em; color: #BDB2A3; width: 308px; background: #FFF url(images/_design/bg_input.png) repeat-x left top; }
#footer #right #cf7-captcha { border: 1px solid #B4B4B4; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; padding: 4px 4px 5px 4px; margin: 0 0 0.5em 0; width: 90px; float: left; background: #FFF; color: #514843; }
#footer #right #cf7-code { width: 50px; margin: 0 25px 0 25px; padding: 7px; text-align: center; letter-spacing: 3px; float: left; text-transform: uppercase; color: #514843; }
#footer #right #cf7-submit { width: 100px; background: url(images/_design/bg_button.png) no-repeat left top; height: 30px; border: 0; float: right; margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 1em; color: #514843; }
#footer #right #cf7-submit:hover { color: #FFF; background: url(images/_design/bg_button-hover.png) no-repeat left top; cursor: pointer; }

#footer #right .ajax-loader { position: absolute; margin: 6px 0 0 -20px; }
#footer #right .wpcf7-response-output { float: left; font-size: 0.8em; margin: 0; border: 1px solid #B4B4B4; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; text-align: center; width: 294px; }
#footer #right .wpcf7-not-valid-tip { font-size: 0.8em; margin: -6px 0 0 -60px; width: auto; padding: 4px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; text-align: center; }