@charset 'UTF-8';
/**
 * @package WordPress
 * @subpackage Basis_Theme
 */
 
/*
Theme Name: Basis
Theme URI: http://wpbasis.de/
Description: Basis theme for WordPress to start a new theme
Version: 1.2
Author: Frank Bueltge
Author URI: http://bueltge.de/
Tags: threaded-comments, sticky-post
License: GNU General Public License (GPL) version 3
last Date: 04.06.2009 09:46:18
*/

html, body {
    width: 100%;
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: Verdana, sans-serif;
}

body .news_startseite {
	display: none;
}

body.home .news_startseite {
	display: block;
}

* {
margin:0;
padding:0;
}

p.fussnote {
	font-size:10px;
}

ul {
list-style-image:none;
list-style-position:inside;
list-style-type:none;
}

#container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 840px;
    min-height: 100%;
}
	
#spalten{
    width:840px;
    margin:0;
    background:url(./images/bg_content_neu.gif) repeat-y center;
}

#head_title {
    height: 90px;
    margin: 0;
}

#head_img {
    background: url(./images/schatten_kopf.gif) no-repeat;
    height: 228px;
    width:870px;
    padding:0px;
}


/**************** Menue oben ****************/

.menue_oben {
	background: url(./images/hg_menue_oben.gif) repeat-x;
	height: 43px;
	width: 840px;
	margin: 4px 0 0px 0px;
	padding: 0;
	text-align: center;}

.menue_oben ul {margin:0px 0px 0px 50px;}

.menue_oben ul li {
background:url(./images/trenner_menue_oben.gif) no-repeat top left;
display:inline;
float:left;
padding: 0;
margin: 0;}

.menue_oben ul li.page-item-13 {
/*background:url(../../../wp-includes/images/layout/trenner_menue.gif) no-repeat top left;*/
background-image: none;
display:inline;
padding: 0;
margin: 0;}

.menue_oben ul li a{
display:inline-block;
padding: 12px 12px 10px 12px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;}

.menue_oben ul li a span.hidden {
	display: none;
}

.menue_oben ul li a:hover,
.menue_oben ul li.current_page_item a {
text-decoration:none;
background: url(./images/pfeil_mouseover.gif) no-repeat center top;}

.menue_oben ul li.page-item-56 a,
.menue_oben ul li.page-item-15 a,
.menue_oben ul li.page-item-17 a {
	color:#f4dae2;
}


/**************** Sidebar **********************/

div#sidebar {
float:left;
margin:0px 0px 0px 0px;
padding:31px 0px 0px 0px;
width:195px;
border-top:0px solid #e5e5e5;
background:url(./images/linie_grau_content_all.gif) repeat-x 0px 0px;}

#sidebar ul {list-style-position:outside; width:189px;}

/* Sichtbarkeiten */

#sidebar ul ul,
#sidebar ul ul ul {display:none;}

#sidebar ul li.current_page_item ul {display:block;}
#sidebar ul li.current_page_item ul ul {display:none;}

#sidebar ul li.current_page_parent ul {display:block;}
#sidebar ul li.current_page_parent ul ul {display:none;}
#sidebar ul li.current_page_parent ul li.current_page_item ul {display:block;}

#sidebar ul li.current_page_ancestor ul {display:block;}
#sidebar ul li.current_page_ancestor ul li {display:block;}
#sidebar ul li.current_page_ancestor ul li ul {display:none;}
#sidebar ul li.current_page_ancestor ul li.current_page_parent  {display:block;}
#sidebar ul li.current_page_ancestor ul li.current_page_parent ul {display:block;}

/* 1. Ebene */

#sidebar ul li a {
background:url(./images/4pxweiss.gif) repeat-x bottom #fff;
display:block;
width:174px;
color:#b8063d;
font:bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border-right:4px solid #fff;
border-top:4px solid #fff;
border-bottom:1px solid #e5e5e5;
padding:3px 0px 7px 15px;
margin:0px;}

#sidebar ul li.current_page_item a,
#sidebar ul li.current_page_parent a,
#sidebar ul li a:hover {
background:url(./images/4pxweiss.gif) repeat-x bottom #f4dae2;} 

/* 2. Ebene */

#sidebar ul li ul li a,
#sidebar ul li.current_page_parent ul li a,
#sidebar ul li.current_page_item  ul li a{
display:block;
width:159px;
background:#fff;
border-top:0px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
padding-left:30px;
color:#b8063d;
font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;}

#sidebar ul li ul li.current_page_item a,
#sidebar ul li ul li a:hover {
font:bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
background:url(./images/pfeil.gif) 16px 7px no-repeat #fff;}

/**************** Content ****************/

div#content_all {
float:right;
padding:0px 0px 0px 30px;
margin:0;
width:615px;
background:url(./images/linie_grau_content_all.gif) repeat-x 0px 0px;}

#content{
display:inline;
float:left;
margin:30px 0 0 0;}

#content table td {
	vertical-align:top;
}

#content .post {
padding:25px 0px 25px 0px;
width:615px;
min-height:400px;}

#content .post.small{
padding:25px 30px 25px 0px;
width:390px;
border-right:1px solid #e5e5e5;}

#content .post ul.news li p{
display:block;
padding:0px 0px 0px 20px;
margin:0px 0px 10px 0px;
font:normal 10px/10px verdana;
color:#999;}

#content .post a{
font:normal 12px/22px verdana;
color:#b8063d}

#content .post a:hover{
text-decoration:none;}


#content .post ul.news li a{
display:block;
background:url(./images/zahn.gif) no-repeat 0px 0px;
padding:0px 0px 0px 20px;
font:normal 12px/20px verdana;
color:#b8063d}


#content .post ul li a, p a{
display:block;
background:url(./images/zahn.gif) no-repeat 0px 0px;
padding:0px 0px 0px 20px;
font:normal 12px/22px verdana;
color:#b8063d}

/* Link ohne Icon */
#content .post ul li a.no_icon, p a.no_icon {
	display: inline;
	background-image: none;
	padding: 0;
}

#content .post ul li a:hover, p a:hover{
text-decoration:none;}

#content ul.kreis, 
.infobox ul.kreis {
list-style-type:circle;
list-style-position:outside;
margin-left:20px;
}

#content ul.kreis li, 
.infobox ul.kreis li {
line-height:20px;
font-size:12px;
color:#666;
}

#content ul.kreis li a, 
.infobox ul.kreis li a {
	background:transparent url();
padding:0;
}

h1 {
font:bold 20px Verdana, Arial, Helvetica, sans-serif;
color:#b8063d;}

h2{
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#b8063d;}

.infobox h2{
font:bold 14px verdana;
color:#b8063d;
margin:20px 0px 0px 15px}

h3{
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#666;}

h6{
font:normal 10px/10px verdana;
color:#999;
margin:0px 0px 10px 0px;}

p{
font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
color:#666;}

#content ul li{
font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
color:#666;
}

h1,h2,p{
margin:0px 0px 25px 0px;}

h2.news{
margin:0px 0px 0px 0px;}

h3{
margin:0px 0px 5px 0px;}


/**************** Infoboxen ****************/

.infobox {
float:right;
display:inline;
width:189px;
padding:0px 0px 0px 4px;
margin:11px 0px 0px 0px;
}

h4{
width:173px;
height:40px;
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#b8063d;
padding:45px 0px 0px 15px;}

.infobox h4.ohne {
background-color:#F4DAE2;
padding:19px 0 8px 15px;
margin:24px 0 15px 0;
}

h4.infos {background:url(./images/infobox_zahnbuerste.gif) no-repeat;}
h4.fotos {background:url(./images/infobox_fotos.gif) no-repeat;}
h4.termine {background:url(./images/infobox_zahn.gif) no-repeat;}

.infobox p{
margin:0px 0px 0px 15px;}

.infobox table,
#content table{
	font-size:12px;
color:#666;
line-height:20px;
}

#content table{
	margin-bottom:15px;
}
.infobox table {
	margin:15px 0 0 15px;
}
.infobox img,
#content img{
padding:5px;
border:1px solid #e5e5e5;}

/**************** Footer ****************/

div#footer{
    clear:both;
    width: 100%;
    max-width:840px;
    height:50px;
    padding:15px 0px 0px 0px;
    background:none #fff;
    border-top:1px solid #e5e5e5;
}

#footer a{
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
    color:#b8063d;
    text-decoration:none;
    padding:0px 15px 0px 0px;
    margin:0px 20px 0px 0px
}

#footer a:hover{
text-decoration:underline;}

#footer a.home {background:url(./images/icon_home.gif) right 2px no-repeat;}
#footer a.kontakt {background:url(./images/icon_kontakt.gif) right 2px no-repeat;}
#footer a.anfahrt {background:url(./images/icon_anfahrt.gif) right 2px no-repeat;}
#footer a.impressum {background:url(./images/icon_impressum.gif) right 2px no-repeat;}
#footer a.partner {background:url(./images/icon_partner.gif) right 2px no-repeat;}
#footer a.top {background:url(./images/icon_top.gif) right 2px no-repeat; margin:0px 0px 0px 184px}

/********* Clearer **************/

.clearer {
clear:both;
height:0px;
/*background:url(./images/bg_content.gif) repeat-y;*/}



@import: url(css/style.css);

/**
 * @section for WordPress classes at images
 * @css-for (images)
 */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
}

.wp-caption img {
}

.wp-caption-dd {
}

.wp-caption p.wp-caption-text {
}


/*** zwei Spalten ***/
.row {
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:  border-box;
	box-sizing: border-box;
}

.row::before, .row::after {
	content: " ";
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:  border-box;
	box-sizing: border-box;
} 

.row::after {
	clear: both;
}

.col-sm-5, .col-sm-7 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:  border-box;
	box-sizing: border-box;
}

/*****************/
/* Mobile Styles */
/*****************/

@media(min-width: 768px) {
	.col-sm-5 {
		width: 32%;
		float: left;
	}
	
	.col-sm-7 {
		width: 68%;
		float: left;
	}
}

@media(max-width: 767px) {
	.col-sm-5, .col-sm-7 {
		clear: both;
	}
}


@media(max-width: 1023px) {
    /* Font-size */
    #content .post a,
    #content table,
    .post,
    .infobox ul.kreis li,
    .infobox p,
    .post p,
    #footer a
    {
        font-size: 14px;
    }

    .infobox table { font-size: 13px; }

    .menue_oben ul li a { font-size: 12px; }

    .menue_oben ul { margin-left: 10px; }

    .menue_oben ul li a {
        box-sizing: border-box;
        height: 43px;
    }

    #sidebar ul li a { padding: 10px 0 14px 15px; }

    #sidebar ul li ul li.current_page_item a,
    #sidebar ul li ul li a:hover {
        background-position: 16px 13px;
    }

    #footer a.top { margin-left: 260px; }
}

@media(max-width: 920px) {
    /* Break infobox */

    #content {
        float: none;
        display: block;
    }
    
    #content .post,
    #content .post.small {
        width: auto;
    }

    .infobox {
        float: none;
        clear: both;
        width: 100%;
        box-sizing: border-box;
        display: block;
        margin-bottom: 15px;
    }

    h4.infos,
    h4.termine,
    h4.fotos,
    h4.ohne {
        background: #F4DAE2;
        width: auto;
        height: auto;
        padding: 20px 0 15px 15px;
        margin-bottom: 5px;
    }
}

@media(max-width: 900px) {
	
    #container { width: 100%; }

    #head_img {
        width: 100%;
        box-sizing: border-box;
        height: auto;
    }

    #head_title {
        height: auto;
        background-size: 100%;
    }

    #head_title img { max-width: 100%; }

    #head_img a { display: block; }

    #head_img img {
        max-width: 100%;
        height: auto;
    }

    #spalten {
        width: 100%;
        max-width: 840px;
        box-sizing: border-box;
        background-image: none;
    }

    div#content_all { width: calc(100% - 245px); }

    .menue_oben {
        height: auto;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cf1e54+0,b7063d+100 */
        background: #cf1e54; /* Old browsers */
        background: -moz-linear-gradient(top,  #cf1e54 0%, #b7063d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #cf1e54 0%,#b7063d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #cf1e54 0%,#b7063d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf1e54', endColorstr='#b7063d',GradientType=0 ); /* IE6-9 */
        margin: 0;
        width: 100%;
    }

    .menue_oben ul { margin-left: 0; }
    
    .menue_oben ul li {
        float: none;
        display: block;
        border-top: 1px solid #B54667;
        background: none;
    }
    .menue_oben ul li:first-child { border-top: 0; }

    .menue_oben ul li a { display: block; }
}

@media(max-width: 840px) {
    /* Footer */
    #footer a.top {
        float: right;
        margin: 0 20px 0 0;
    }
    
    #footer a.home { margin-left: 20px; }
}

@media(max-width: 649px) {
    /* Sidebar */
    div#sidebar { width: 170px; }
    
    #sidebar ul { width: 100%; }
    
    #sidebar ul li a,
    #sidebar ul li ul li a,
    #sidebar ul li.current_page_item ul li a,
    #sidebar ul li.current_page_parent ul li a,
    #sidebar ul li ul li.current_page_item a
    { width: auto; }
    
    /* Content */
    div#content_all {
        width: calc(100% - 210px);
        padding: 0 0 0 20px;
    }
    
    #content .post.small { padding: 25px 15px 25px 0; }
    
    /* Tabelle Team */
    #post-137 table {
        width: 100%;
        margin-bottom: 0;
    }
    
    #post-137 table td {
        float: left;
        width: 100%;
        text-align: center;
    }
    
    #post-137 table tr td:first-child { margin-bottom: 3px; }
    
    #post-137 table tr td:last-child { margin-bottom: 10px; }
    
    #post-137 table td img {
        max-width: 100%;
        height: auto;
    }
    
    /* Footer */
    div#footer { height: auto; }
    
    #footer a {
        margin-left: 20px;
        display: block;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    
    #footer a.home {
        width: 45px;
        background-position-y: 9px;
    }
    
    #footer a.kontakt {
        width: 55px;
        background-position-y: 8px;
    }
    
    #footer a.anfahrt {
        width: 54px;
        background-position-y: 8px;
    }
    
    #footer a.partner {
        width: 53px;
        background-position-y: 9px;
    }
    
    #footer a.impressum {
        width: 80px;
        background-position-y: 9px;
    }
    
    #footer a.top { margin: 0 20px 10px 0; }
}

@media(max-width: 480px) {
    /* Sidebar */
    div#sidebar { width: 155px; }
    
    /* Content */
    div#content_all { width: calc(100% - 195px); }
}

@media(max-width: 400px) {
    /* Content */
    div#content_all {
        width: calc(100% - 180px);
        padding: 0 0 0 5px;
    }
}

@media(max-width: 360px) {
    /* Überschriften */
    h1 { font-size: 22px; }
    
    h2, h4 { font-size: 18px; }
    
    /* Menü */
    .menue_oben ul li a { font-size: 14px; }
    
    /* Content */
    div#content_all {
        float: none;
        background: none;
        width: 98%;
    }
    
    #content {
        float: none;
        display: block;
        margin: 0;
    }
    
    .infobox { width: 98%; }
    
    .infobox table { font-size: 14px; }
    
    .post p { font-size: 16px; }
    
    p a { font-size: 14px; }
    
    /* Sidebar */
    div#sidebar {
        float: none;
        width: calc(100% - 2px);
        margin: 5px 0 0 0;
        padding: 0;
        border: 1px solid #e5e5e5;
    }
    
    #sidebar ul li a {
        border-right: 0;
        font-size: 14px;
    }
    
    #sidebar ul li ul li a,
    #sidebar ul li ul li.current_page_item a,
    #sidebar ul li.current_page_parent ul li a
    { font-size: 14px; }
}