/* Basic - Styles

/* Farben
Neu:
Lila: rgb(75,37,129) #4B2581
Hellblau: rgb(199,208,225) #C7D0E1

Text, h3, h2: #333333
H2-contact: #48.0165 rgb(72,1,101)
Logo, Teaser-bk, Menu-hover-bk, Menu-active-Text: #76418C rgb(118,65,140)75% 
Hintergrund: #C6CBE0 rgb(198, 203, 224): 
*/

body {
    background: #FFF;
    color: #333333;
    font: 72%/1.4 Arial, Helvetica, sans-serif; /* 10pt */
    margin: 0;
    padding: 0;
}

ul, ol, dl { 
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 3px;
    margin-top: 0;
}
h1 {
    font-size: 144%; /* niu  Titel? */
}
h2 {
    font-size: 133%; /* 14pt */
}
h3 {
    color: #555555;
    font-size: 117%; /* 12pt */
}

h4{
    margin-bottom: 0px;
	font-size:100%;
}

a img { 
    border: none;
}

a:link {
    color: #4B2581;
    text-decoration: none;
}
a:visited {
    color: #4B2581;
    text-decoration: none;
}
a:hover {
    color: #4B2581;
    text-decoration: none;
}
a:active, a:focus {
    color: #4B2581;
    text-decoration: none;
}


/* ----------- Formulare / Textfelder -------------- */
.warn {
    color: red;
}
.fett {
    color:#4B2581; 
    font-size: 120%;
}
.small {
    font-size: 90%;
}
.ok {
    background-color: #eeeeff;
    border: 1px solid #ccddee;
    color: green;
}
.nok {
    background-color: #ffeeef;
    border: 1px solid #ff5522;
}
.std {
    background-color: #eeeeef;
    border: 1px solid #999999;
}
.upper{
	text-transform:uppercase;
}

/* --------------- Header ----------------- */

#back {
    background:#C6CBE0;
    height: 380px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10;

}
.highlight {
    height: 360px;
    margin-left: auto;
    margin-right: auto;
    width: 930px;
}
.hl1 {
    background-image: url(../images/background_spot.jpg);
    background-repeat: no-repeat;
    background-position: top left;   
    height: 340px;
    margin-left: -300px;
    width: 930px;
}

#pagewrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding-left: 10px;
    width: 930px;
}

#header {   
    width: 100%;
	float:left;
}
#logotitle {
    float: left;
    margin-bottom: 10px;
    margin-top: 0px;
    width: 580px;
}
#logo {
    float: left;
    padding-left: 0;
    width: 105px;
}
#title {
    margin-top: 20px;
    margin-left: 120px;
}
#title_mobile {
    display: none;
}
#subtitle {

}
#topnavi {
    float: right;
    font-size: 86%;
    margin-top: 5px;
}

#topnavi ul {
    display: block;
    list-style: none;
}

#topnavi ul li {
    float: left;
    margin-left: 3px;

}
#topnavi ul li a:link,
#topnavi ul li a:active,
#topnavi ul li a:visited {
    color:#000000;
    text-decoration: none;

}
#topnavi ul li a:hover {
    text-decoration: underline;
}

#topimage {
    margin-bottom: 0px;
	float:left;
}

/* ------------------ Hauptmenu -------------------- */

#menu {
    font-weight:500;
    margin-top: -50px;
    margin-left: 13px;
    padding-bottom: 20px;
    /*position: relative;
    z-index: 10;*/
	float:left;
}   	

#menu ul li {  
    display: block;
    float: left;
    height: 36px;
    margin-right: 10px;
    width: 120px;
}
#menu ul li.last {  
    margin-right: 0;
}
#menu ul li a:link,
#menu ul li a:active,
#menu ul li a:focus,
#menu ul li a:visited {
    background: url(../images/menu-button-link.png);
    background-repeat: repeat;
    color: inherit;
    display: block;
    height: 28px;
    padding-top: 9px;
    text-align: center;
    text-decoration: none;
}
#menu ul li a:hover {
    background: #4B2581;
    color: #FFFFFF;
    display: block;
}
body#start li#startmenu a,
body#zahnmedizin li#zahnmedizinmenu a,
body#zahnaesthetik li#zahnaesthetikmenu a,
body#dentallabor li#dentallabormenu a,
body#prophylaxe li#prophylaxemenu a,
body#jobs li#jobsmenu a,
body#oralchirurgie li#chirurgiemenu a {
    background: url(../images/menu-button-active.png);
    background-repeat: repeat;
    color: #4B2581;
    text-decoration: none;
}

/* ------------------ Teaserblock ------------------------ */

#teaserblock {    
    -moz-border-radius:6px;
    -khtml-border-radius:6px;
    -webkit-border-radius: 6px;
    background: #4B2581;
    border:1px solid #4B2581;
    border-radius: 6px; /*IE 7+ */
    height: 100px;
    margin-bottom: 10px;
    width: 100%;
	float:left;
}

.teaser {
    background-image: url(../images/teaser_trenner.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #FFFFFF;
    display: block;
    float:left;
    margin-bottom: 0px;
    padding: 15px;
    width: 280px;
}
.last-teaser {
    color: #FFFFFF;
    float:left;
    margin-bottom: 0px;
    padding: 15px;
    width: 280px;
}
a.teaser ,
.teaser h3 {
    color: #FFFFFF;
}

.ablock {
    display: block;
}

a.last-teaser ,
.last-teaser h3 {
    color: #FFFFFF;
}

/* <content>-------------------- Inhalt --------------------- */
#dummy {
    margin-bottom: 5px;
}

#main {
    margin-top: 0px;
    width: 100%;
}
/* ----------------------- Hauptinhalt --------------- */

#content {
    background:#FFF;
    float: left;
    padding:0 0 10px 0;
    width: 630px;
}
#content h3 {
    color: #333333;
    margin: 2em 0 1em 0;
}
#content h2 {
    color: #333333;
    margin-bottom: 11px;
}

#content p,
#content ul{
    margin-bottom: 1em;
}
#content ul {
    list-style: disc inside;
}
#content ul li {

}
#content div.img-team{
	float:left;
	width:305px;
}
#content div.img-team img{
	float:left;
	margin:0 5px 15px 0;
	
}
.block{
    padding: 10px 10px 0 10px;
}

.artikel {
    margin: 0 0 25px 0;;
}

.anriss {
    padding: 10px;
}
.more {
    float: right;
}
.more a {
    background-image: url('../images/button_menue.png');
    background-repeat: no-repeat;
    color: #000000;
    display: block;
    font-weight: bold;
    height: 20px;
    padding: 2px 0 0 25px;
    margin: 10px 0 10px 0;
    width: 70px;
}

.more a:link {
}
.more a:hover {
    text-decoration: underline;
}

.contact-form {
    padding: 20px;
}

.contact-form p {
    padding-bottom: 8px;
}

/* -------------------- Rechte Spalte --------------------- */

#sidebar {
    float: right;
    padding: 5px 10px 10px 0;
    width: 270px;
}

#contact {
    background-color:#bbbbbb;
    margin-left:0px;
    margin-top:0px;
}
.front-contact {
    background-color:#4B2581;
    border:1px solid #DFDFDF;
    bottom:5px;
    color: #ffffff;
    padding: 10px;
    position:relative;
    right:5px;
}
.front-contact h2, 
.front-contact h2 a,
.front-contact span.email a {
    color: #ffffff;
}

body#start .front-contact {
    background-color:#FFFFFF;
    border:1px solid #DFDFDF;
    bottom:5px;
    color: #000000;
    position:relative;
    padding: 10px;
    right:5px;
}
a.vcard-download {
    background: url(../images/vcard-download.png) no-repeat 0 50%;
    display: block;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    padding-left: 35px;
    text-decoration: none;
}
a.vcard-download:hover,
a.vcard-download:focus {
    text-decoration: underline;
}
.front-contact a.vcard-download {
    color: #FFFFFF;
}
body#start .front-contact a.vcard-download {
    color: #4B2581;
}

body#start .front-contact h2,
body#start .front-contact h2 a,
.contact-form h2 {
    color: #4B2581;
}
#contact ul {
    list-style: none;
}

#links {
    background-color:#bbbbbb;
    margin-left:0px;
    margin-top:10px;
}
#links ul, #jobs-sidebar ul {
    list-style: none;
}
.front-links {
    background-color:#FFFFFF;
    border:1px solid #DFDFDF;
    bottom:5px;
    color: #000000;
    font-weight: bold;
    position:relative;
    padding: 10px;
    right:5px;
}
.front-links a {
    color: #333333;
    display: block;
    line-height: 3.5;
}
.front-links a:hover {
    text-decoration: underline;
}

.front-links a.email {
    background-image: url(../images/email_32.png);
    background-repeat: no-repeat;
    background-position: right;
}
.front-links a.gmaps {
    background-image: url(../images/googlemaps_32.png);
    background-repeat: no-repeat;
    background-position: right;
}
.front-links a.gmaps sup{
    font-size: 0.6em;
}

.front-links a.fb {
    background-image: url(../images/facebook_32.png);
    background-repeat: no-repeat;
    background-position: right;
}

#jobs-sidebar {
	display:none;
}
#jobs #jobs-sidebar {
	display:block;
    background-color:#bbbbbb;
    margin-left:0px;
	margin-top:10px;
}
.front-jobs-sidebar {
    background-color:#4B2581;
    border:1px solid #DFDFDF;
    bottom:5px;
    color: #ffffff;
    padding: 10px;
    position:relative;
    right:5px;
}
.front-jobs-sidebar h2{
    color: #ffffff;
}

/* ----------------    Shop  ------------------------ */
#produkte {
    background-color:#bbbbbb;
    margin-left:0px;
    margin-top:10px;
}
#produkte ul {
    list-style: none;
}
.front-produkte {
    background-color:#FFFFFF;
    bottom:5px;
    border:1px solid #DFDFDF;
    color: #000000;
    font-weight: bold;
    position:relative;
    right:5px;
    padding: 10px;
}
.front-produkte a {
    color: #333333;
    display: block;
    line-height: 3.5;
}
.front-produkte a:hover {
    text-decoration: underline;
}

.front-produkte a.shop {
    background-image: url(../images/shopping_bag_blue.png);
    background-repeat: no-repeat;
    background-position: right;
}
.front-produkte h2 {
    color: #4B2581;
}
/* --------------------- Footer ------------------- */

#footer {
    background-color: #C6CBE0;
    font-size: 98%;
    text-align: center;
}
#footer a {
    color: #333333;
    text-decoration: none;
}
#footer a:hover{
    text-decoration: underline;
}
/* --------------- Bestellform ---------------- */
#content-shop {
    padding:0 0 0 0px;
    width: 100%;
}
#content-shop h3 {
    color: #333333;
    margin: 8px 0;
}
#content-shop h2 {
    color: #333333;
    margin-left: 0px;
    margin-bottom: 11px;
}
#content-shop p{
    margin-bottom: 5px;
}
.message-wrap {
    margin-left: 10px; 
}
.bestell-view {
    background-color: #dedeef;
    float: left;
    margin-top: 8px;
    margin-right: 12px;
    margin-bottom: 8px;
    overflow: auto;
    padding: 10px;
    width: 282px;
	height: 235px;
}
.bestell-schein {
    background-color: #dedeef;
    float: left;
    height: 235px;
    margin-top: 8px;
    margin-right: 0px;
    margin-bottom: 8px;
    overflow: auto;
    padding: 10px;
    width: 282px;
}
.produkt-wrap {
    background-color: #dedeef;
    float: left;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 10px;
    width: 282px;
}
.produkt-wrap a:link{
    color: #4B2581;
}
.produkt-wrap a:hover{
    color: #4B2581;
}
#produkte-bestellen {
    background-color: #dedeef;
    float: left;
    height: 235px;
    margin-top: 8px;
    margin-right: 12px;
    padding: 10px;
    text-align: left;
    width: 282px;
}
#produkte-bestellen p{
    margin: 0;
    padding: 0;
}
#produkte-bestellen input{
    margin-bottom: 5px;
    padding: 0;
}
#produkte-bestellen input[type='text']{
    width: 280px;
}
#produkte-bestellen input.ware[type='submit']{
    background-color: #ff5522;
    border: 1px solid #aaa; 
    color: #ffffff;
    display: block;
    font-weight: bold;
    font-size: 1.01em;
    float:right;
    height: 35px;
    margin-bottom: 5px;
    width: 140px;
    padding: 0;
}
/* ----- Fotos Artikel -------  */
.a-img { 
    background-color: #ffffff;
    height: 175px;
    padding: 10px;
    text-align: center;
    width: 260px;
}
.a-img img{ 
    height: 160px;
    width: auto;
 }

/* ----- Bilder Textfluss ---- */
.b-img { 
    background-color: #ffffff;
    float: left;
    padding: 0 20px 0 0;
}
#form-wrap {
    margin: 0;
}

#form-wrap .a-text p{
    margin-bottom: 5px;
}
#form-wrap .a-anzahl{
    float: left;
    width: 140px;
}
#form-wrap .a-anzahl p{
    margin: 0;
}
#form-wrap .a-anzahl input.ware[type='submit']{
    background-color: #ff5522;
    color: #ffffff;
    display: block;
    font-weight: bold;
    font-size: 0.92em;
    float:left;
    height: 52px;
    width: 140px;
}
pre {
    font-size: 1.2em;
}
/* ---------  float/clear-Klassen --------- */

.fltrt { 
    float: right;
    margin-left: 8px;
}
.fltlft {
    float: left;
    margin-right: 8px;
}
.clearfloat {
    clear:both;
    font-size: 1px;
    height:0;
    line-height: 0px;
}