/*
Theme Name: Twenty Twelve Child 01
Theme URI: 
Description: Child 01 theme for the Twenty Twelve theme
Author: <a href="http://wordpress.org/" title="Visit author homepage">the WordPress team</a>
Author URI: 
Template: twentytwelve
Version: 0.9
*/

/* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Wed, 11 Dec 2013 14:31:55 +0000 */ 

@import url('../twentytwelve/style.css');

/* Web fonts */

@font-face {
    font-family: 'Droid Sans';
    src: url('./fonts/DroidSans-webfont.eot');
    src: url('./fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/DroidSans-webfont.woff') format('woff'),
         url('./fonts/DroidSans-webfont.ttf') format('truetype'),
         url('./fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Droid Sans';
    src: url('./fonts/DroidSans-Bold-webfont.eot');
    src: url('./fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('./fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('./fonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Droid Serif';
    src: url('./fonts/DroidSerif-webfont.eot');
    src: url('./fonts/DroidSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/DroidSerif-webfont.woff') format('woff'),
         url('./fonts/DroidSerif-webfont.ttf') format('truetype'),
         url('./fonts/DroidSerif-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Droid Serif';
    src: url('./fonts/DroidSerif-Bold-webfont.eot');
    src: url('./fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/DroidSerif-Bold-webfont.woff') format('woff'),
         url('./fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),
         url('./fonts/DroidSerif-Bold-webfont.svg#droid_serifbold') format('svg');
    font-weight: normal;
    font-style: bold;
}


@font-face {
    font-family: 'Droid Serif';
    src: url('./fonts/DroidSerif-Italic-webfont.eot');
    src: url('./fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/DroidSerif-Italic-webfont.woff') format('woff'),
         url('./fonts/DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('./fonts/DroidSerif-Italic-webfont.svg#droid_serifitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Droid Serif';
    src: url('./fonts/DroidSerif-BoldItalic-webfont.eot');
    src: url('./fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'),
         url('./fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('./fonts/DroidSerif-BoldItalic-webfont.svg#droid_serifbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

/* +++ */

body {
	font-family: 'Droid Sans', Arial, sans-serif;
}

body.custom-font-enabled {
	font-family: 'Droid Sans', Arial, sans-serif;
}


body .site {
        margin-top: 18px;
        margin-top: 1.2857143rem;
}

/* Header */

/*
.menu-toggle:before {
    color: #fff;
    font-family: 'Genericons';
    content: "\f419";
    padding: 16px;
}
*/

.menu-toggle:before {
    font: normal 16px/1 'Genericons';
    content: '\f419';
    color: #fff;
    /* background-color: #0c5dcf; */
    display: inline-block;
    padding: 0 8px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
}

.menu-toggle,
.menu-toggle.toggled-on,
.menu-toggle:hover,
.menu-toggle:active {
    background-color: #0c5dcf;
    background-image: -moz-linear-gradient(top, #0c5dcf, #0c5dcf);
    background-image: -ms-linear-gradient(top, #0c5dcf, #0c5dcf);
    background-image: -webkit-linear-gradient(top, #0c5dcf, #0c5dcf);
    background-image: -o-linear-gradient(top, #0c5dcf, #0c5dcf);
    background-image: linear-gradient(top, #0c5dcf, #0c5dcf);
    box-shadow: none;
}

.main-navigation li a,
.main-navigation li {
        text-decoration: none;
}

.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: #636363;
        font-weight: bold;
}

.site-header {
	padding-bottom: 18px;
}

.site-header hgroup {
	float: left;
}

.site-header h1 {
	font-size: 36px;
	font-size: 2.57142857rem;
}

.site-header h2 {
	font-size: 16px;
	font-size: 1.14285714rem;
}

.header-image {
	margin-top: 18px;
	margin-top: 1.28571429rem;
}

.main-navigation {
	margin-top: 12px;
	margin-top: 0.85714286rem;
	float: right;
}

.main-navigation li {
	font-size: 14px;
	font-size: 1.14285714rem;
}

.site-header h1 {
	font-size: 36px;
	font-size: 2.57142857rem;
	line-height: 1.333333333;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	border: 0;
}

.widget h3.widget-title,
.widget_get_recent_comments h1.widget-title {
    margin-bottom: 15px;
    font-size: 14px;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.widget-area .widget p,
.widget-area .widget .textwidget {
    line-height: 1.6;
}

.widget-area .widget a {
    text-decoration: none;
}

.widget-area .widget li {
    line-height: 1.3;
    margin-bottom: 18px;
}


.widget-area .widget li .entry-content,
.widget-area .widget li .entry-meta {
    line-height: 1;
}

.widget-area .widget {
    margin-bottom: 24px;
}

#text-2 {
    margin-bottom: 18px;
}


/* Content */

#content .entry-header h1.entry-title {
    color: #009BC2;
    font-weight: bold;
    margin: 0;
}

.entry-content h1 {
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 36px 0;
}

.entry-content h2 {
    font-size: 21px;
    margin-bottom: 0px;
}

.entry-content p, .entry-summary p, .comment-content p {
    font-size: 15px;
    line-height: 1.4;
}

hr {
    margin: 0 0 24px 0;
}

img.alignleft,
.wp-caption.alignleft {
    /* margin: 0 17.14286rem 1.71429rem 1.71429rem 17.14286rem; */
    margin: 0 120px 12px 24px ;
}

/* footer */

footer[role="contentinfo"] a {
    text-decoration: none;
}

/* My Front page */

.template-my-front-page .site-content article {
    border: 0;
    margin-bottom: 0;
}

.template-my-front-page .site-content,
.template-my-front-page article {
    overflow: hidden;
}

.entry-content h2.my-front-page {
  font-size: 21px;
  font-weight: normal;
  line-height: 1.4;
  border-bottom: 1px solid #B9BBBF;
  margin-top: 0px;
  margin-bottom: 24px;
}

/* Profil */

.entry-content p.profil_heading {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #B9BBBF;
    border-top: 1px solid #B9BBBF;
    color: #444444;
    background-color: #F1F1F2;
    margin: 24px 0 12px;
    padding: 5px 4px;
    width: 100%;
}

.entry-content pre.profil_content {
    margin-top: 15px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: monospace;
    font-size: 14px;
    line-height: 1.2;
    color: #000000
}

/* Contact */

.wpcf7-text {
    width: 45%;
}

span.your-subject .wpcf7-text {
    width: 98%;
}

textarea.wpcf7-textarea {
    width: 98%;
    min-height: 210px;
}

.wpcf7-captchar {
    width: 15%;
}

/* Cookie Notice */
.cookie-notice-container {
        width: auto !important;
}

#cn-accept-cookie {
    background: #fff;
    line-height: 18px;
    padding: 2px 36px;
    background-color: #fff;
    border: 1px solid #BBB;
    color: #333;
    -moz-box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight:bold;
    text-decoration: none;
    white-space: nowrap;
}

#cn-more-info {
    text-decoration: underline;
}

/* Twitter Tweets 

.twitter-timeline-rendered {
    min-width: 100% !important;
}
*/


-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */

.alignleft {
    float: none;
}

/* =Media queries */
@media screen and (min-width: 600px) {

    .alignleft {
        float: left;
    }

}