/*
Theme Name: Carstensen
Theme URI: http://carstensen.de
Author: Carstensen
Author URI: http://carstensen.de
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://wcarstensen.de
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
        padding: 5px 0;
        padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
        font-size: 16px
        font-size: 1.142857143rem; (16 / $rembase)
        line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
        margin: 24px 0;
        margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
body {
    line-height: 1;
    font-family: arial;
    font-size: 12px;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

.table1 { width: 960px; margin: auto; border:0px }

.table1 td { font-family: arial; font-size: 14px; width: 320px; padding: 15px }

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
a:focus {
    outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
}
del {
    color: #333;
}
ins {
    background: #fff9c0;
    text-decoration: none;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
    margin-bottom: 1.714285714rem;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
small {
    font-size: smaller;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
    clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
    display: table;
    content: "";
}

body
{
    font-size: 14px;
    color: #424f55;
}

a
{
    text-decoration: none;
    color: #424f55;
}

#header a, #footer a,#header, #footer
{
    color: #fff;
}


#header
{
    height: 164px;
    background: url('images/top_bar_background.jpg') repeat-x;
    min-width: 1280px;
}

#footer
{
    height: 107px;
    padding-top: 35px;
    background: url('images/footer_background.jpg') repeat-x;
    min-width: 1280px;
}

.wrapper{
    width: 964px;
    margin: auto;
}

#slider,#wrapper_for_wrapper
{
    position: relative;
    overflow: hidden;
    width: 1280px;
    margin: auto;
}

.slide, .jcarousel-item
{
    width: 1280px;
    height: 414px;
}

#formWrapper
{
    position: absolute !important;
    left: 50%;
    top: 0px;
    margin-left: -482px;
}

#icon_1, #icon_2, #icon_3
{
    width: 42px;
    height: 43px;
    display: block;
}

#footer-social #icon_1, #footer-social #icon_2, #footer-social #icon_3
{
    width: 28px;
    height: 29px;
    display: inline-block;
    margin-right: 3px;
}

#icon_1
{
    background: url('images/icon1.png');
}

#icon_2
{
    background: url('images/google_plus.png');
}

#footer-social  #icon_3
{
    background: url('images/icon3_small.jpg');
}
#footer-social  #icon_1
{
    background: url('images/icon1_small.jpg');
}

#footer-social  #icon_2
{
    background: url('images/icon2_small.jpg');
}

#icon_3
{
    background: url('images/twitter.png');
}

#header .wrapper
{
    position: relative;
}

#logo
{
    position: absolute;
    left: 0px;
    top: 15px;
    display: block;
    width: 284px;
    height: 91px;
    background: url('images/logo.png');  
}

#wir-beraten
{
    position: absolute;
    top: 25px;
    right:0px;
    width: 308px;
    height: 93px;
    background: url('http://achimcarstensen.webtiger-pro.de/wp-content/uploads/2013/06/telephone2.png');  
}

#site-navigation
{
    position: absolute;
    left: 0px;
    width: 830px;
    top: 124px;
}

#site-navigation ul 
{
    width: 100%;
    padding: 0px 100px;
    padding-right: 0px;
    position: relative;
    left: -100px;
    background: url('images/menu-top-bar.jpg') no-repeat left top;
}

#site-navigation ul li
{
    display: inline-block;
    position: relative;
    padding: 12px;
    margin-right: 1px;
    background: url('images/menu-delimeter.jpg') no-repeat right bottom;
}

#site-navigation ul li ul.children
{
    position: absolute;
    top:40px;
    left: 0px;
    z-index:10;
    background: #10b8c7;
    padding: 0px;
    min-width:274px;
    display: none;
}

#site-navigation ul li:hover ul.children{
    display: block;
}


#site-navigation ul li ul.children li
{
    background: #10b8c7;
    min-width: 234px;
    padding: 0px 5px;
    display: block;
    margin: 1px;
}

#site-navigation ul li ul.children a
{
    color: #fff;
    display: block;
    height: 30px;
    line-height:30px;
}

#site-navigation ul li ul.children li:hover
{
    background: #fff;
    color: #000 !important;

}

#site-navigation ul li ul.children li:hover a
{
    color: #000 !important;
}

ul.children a:hover
{
    color: #000 !important;
}

#site-navigation .current_page_item,#site-navigation li:hover
{
    background: url('images/selected_backgouund.jpg') repeat-x;
    color: #32d0e0;
}

#site-navigation .current_page_item a,#site-navigation li:hover a
{
    color: #32d0e0;
}

#formWrapper form
{
    width: 250px;
    position: relative;
    padding: 16px;
    border-radius: 16px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    background: url('images/opacity_black.png');
    top: 25px;
    right: 0px;
    position: absolute;
}

#formWrapper form p
{
    display: inline;
}

#formWrapper form img
{
    display: none;
}

#formWrapper form label
{
    display: block;
    height: 22px;
    line-height: 22px;
    color: #fff;
}

#formWrapper form  input, #formWrapper form textarea
{
    margin: 0px;
    padding: 2px 1%;
    width: 98%;
    border: 0 !important;
    height: 19px;
    background: url('images/opacity_white.png');
    border-radius: 6px;
}

#formWrapper form textarea
{
    background: #fff;
}

#formWrapper form  input:focus, #formWrapper form textarea:focus,#formWrapper form input[type="submit"]
{
    background: #fff;
}

#formWrapper form input[type="submit"], .orange-button
{
    height: 35px;
    background: url('images/button_bar.jpg') repeat-x;
    color: #fff;
    text-align: center;

    font-size: 14px;
    border: 0px;
    margin-top: 15px;
    cursor: pointer;
    width: 100%;
}

#formWrapper form input[type="submit"], .orange-button1
{
    height: 35px;
    background: url('images/button_bar.jpg') repeat-x;
    color: #fff;
    text-align: center;

    font-size: 14px;
    border: 0px;
    margin-top: 15px;
    cursor: pointer;
    width: 100%;
}

#left_column .orange-button
{
    width: 255px;
    height: 45px;
    line-height: 45px;
    padding: 0 14px;  
}

#left_column .orange-button1 {
    height: 45px;
    line-height: 45px;
    padding: 0 14px;
    width: 255px;
    margin-left: 0px;
}

div.wpcf7-mail-sent-ok {
    border: 0;
    padding: 0px;
    margin: 3px 0;
    margin-top: 6px;
    color: #fff;
}

.orange-button
{
    display: block;
    margin: auto;
    border-radius: 6px;
    line-height: 35px;
}

.orange-button1
{
    display: block;
    margin: auto;
    border-radius: 6px;
    line-height: 35px;
}

#formWrapper form textarea{
    height: 75px;
}

#formWrapper form h3{
    font-weight: normal;
    color: #fff;
    line-height: 21px;
    font-size: 15px;
    position: relative;
    top: -5px;
}

#formWrapper form .chat
{
    width: 71px;
    height: 52px;
    top: 34px;
    right: 45px;
    position: absolute;
    background: url('images/chat.png');
}

.slide .wrapper, #slider .wrapper
{
    position: relative;
}

.slide .slide-text
{
    width: 402px;
    left: 0px;
    top: 120px;
    position: absolute;
}

.slide-text h2
{
    font-size: 28px; 
    color: #424f55;
    border-bottom: 6px solid #424f55;
    margin-bottom: 20px;
}

.slide-text p
{
    color: #424f55;
    font-size: 18px;
    line-height: 29px
}

.slide-text a
{
    margin-top: 20px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    z-index: 10000;
    position:relative;
    padding: 0 10px;
    border-radius: 10px;
    background-color: #10b8c7;
}

#left_column
{
    width: 500px;
    float: left;
    margin-right: 80px;
    padding-top: 20px;
}

.entry-meta
{
    display: none;
}

#right_column
{
    float: left;
    position: relative;
    width: 360px;
}

#left_column h4, h1.entry-title
{
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 23px;
}

#left_column h4, h1.entry-title2
{
   font-size: 30px;
   margin-bottom: 30px;
   text-align: left;
   margin-top: 23px;
}

#left_column p
{
    line-height: 25px;
}

ul.orange-list, #left_column ul
{
    margin-top: 35px;
    list-style: none;
    margin-bottom: 35px;
}

ul.orange-list li, #left_column ul li
{
    font-size: 18px;
    padding-left: 45px;
    height: 31px;
    line-height: 31px;
    margin-bottom: 10px; 
    background: url('images/list.png') no-repeat;
}

.slide
{
    margin-bottom: 20px;
}

#social a
{
    display: inline-block;
    margin-right:5px;
    float: right;
}

.right_text
{
    line-height: 24px;
    margin-top: 42px;
}

.right_text img
{
    float: left;
    margin: 5px 15px 0px 0;
}

#larger_text_below
{
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 0px 120px;
}

#main-page-boxes, #main-page-boxes-subpages
{
    margin-bottom: 40px;
}

#main-page-boxes .box
{

    float: left;
    margin-right: 35px;
}

#main-page-boxes-subpages .box
{
    float: left;
    margin-right: 95px;
    width: 258px;
}



#main-page-boxes .box.last, #main-page-boxes-subpages .box.last
{
    margin-right: 0px;
}

#main-page-boxes-subpages .box ul
{
    list-style: disc;
    margin-left: 17px;
    margin-top: 20px;
}

#main-page-boxes-subpages .box ul li
{
    height: 24px;
    font-style: italic;
    font-size: 12px;
}

#main-page-boxes-subpages .box h4
{
    line-height: 26px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    color: #8a8a8a;
    min-height: 52px;
    border-bottom: 8px solid #8a8a8a;
    font-size: 20px;
}

#main-page-boxes-subpages .box p
{
    line-height: 22px;
    color: #5c6469;
    font-size: 14px;
}

#main-page-boxes .box h4
{
    height: 33px;
    color: #10b8c7;
    font-size: 20px;


    padding: 0px 33px;
}

#main-page-boxes .box h3
{
    height: 28px;

    color: #10b8c7;
    padding: 0px 33px;
}

#main-page-boxes .box p
{
    width: 232px;
    height: 336px;
    line-height: 24px;
    background: url('images/bottom_chat.png') no-repeat;
    padding: 22px 33px;
}

#footer_info
{
    float: left;
    width: 250px;
}

#footer_info h6
{
    color: #10b8c7;
    font-size: 12px;
    height: 20px;
}

#footer_info p
{
    height: 31px;
}


#footer_menu
{
    width: 700px;
    float: right;
}

#menu-footer-menu li
{
    display: inline-block;
    padding: 0px 12px;
}

#left,#right
{
    position: absolute;

    width: 24px;
    height: 47px;
    display: block;
    z-index: 100;
}

#left
{
    left: 50%;
    margin-left: -540px;
    margin-top:200px;
    background: url('images/left.png');
}

#right
{  
    left: 50%;
    margin-left: 510px;
    margin-top:200px;
    background: url('images/right.png');
}

#comments
{
    display:none;
}

.minHeight
{
    min-height: 450px;
}

#formWrapper.formSubpage
{
    position: static !important;
    margin:0  !important;
    width:auto  !important;
}

#formWrapper form
{
    position: static !important;
    float: right;
    margin-top: 20px;
    margin-right: 30px;
    margin-bottom: 40px;
}

#formWrapper.noMarginRight form
{
    margin-right: 5px;
}

#left_column p{
    margin: 12px 0;
}

b,strong
{
    font-weight: bold;
}

u
{
    text-decoration: underline;
}

i
{
    font-style: italic;
}

.box 
{
    position: relative;
}

.box img
{
    position: absolute;
    top: 0px;
    right: 0px;
}

#left_column ul li
{
    height: auto !important;
}

#left_column ul ul
{
    margin: 15px 0;
}