@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => global tags
==================================================*/

* {
   padding:0;
   margin:0;
}

body {
   background:url(../images/bg-body.jpg) repeat-x #fff8d3;
}

ol,
ul,
dl {
   list-style:none;
}

a:link,
a:visited {
   color: #dc2b19;
   text-decoration: underline;
}

a:hover {
   color: #e5a537;
   text-decoration: underline;
}

a:active {
   color: #e5a537;
   text-decoration: underline;
}

p {
   font-family:"trebuchet MS", verdana, arial, helvetica, sans-serif;
   font-size:14px;
   line-height:20px;
   margin-bottom:14px;
   color:#000;
}

img,
img a {
   border: none;
   -ms-interpolation-mode: bicubic;
}

.trenn {
   padding:10px 0 0 0;
   margin-bottom:20px;
   border-bottom:#289c25 1px solid;
   margin-right:50px;
}

h3 {
   font-family:"trebuchet MS", verdana, arial, helvetica, sans-serif;
   font-size:16px;
   line-height:20px;
   margin-bottom:20px;
   color:#dc2b19
}

.highlight {
	color:#dc2b19;
   }

/*==================================================
    => global classes
==================================================*/

.clear {
   clear:left;
   float:none;
}

.floatLeft {
   float: left;
   margin:0 20px 10px 0;
}

.floatRight {
   float: right;
}

.marginRight {
   margin: 0 20px 0 0;
}

/*==================================================
    => container
==================================================*/

div#container {
   width: 960px;
   position:relative;
   margin: 0 auto;
   text-align: left;
}

/*==================================================
    => header  
==================================================*/

div#header {
   height: 428px;
   width:960px;
   background:url(../images/bg-header.jpg);
   position:relative;
}

/*------------------ =branding  ------------------*/

h1#branding a {
display:block;
height:79px;
left:145px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
position:absolute;
text-indent:-9999px;
top:21px;
width:451px;
}

/*==================================================
    => navigation    
==================================================*/


ul#navi {
   height:28px;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:0;
   overflow:hidden;
   padding:0;
   position:absolute;
   right:34px;
   text-indent:-999999px;
   top:52px;
   width:302px;
}

ul#navi li {
   float:left;
   display:block;
   text-align: left;
}

a.index {
   display:block;
   width:81px;
   height:28px;
   background:url(../images/navi-index.jpg);
   font-weight: normal;
   padding:0 0 0 0;
}

a.index:hover,
a.index:active {
   display:block;
   width:81px;
   height:28px;
   padding:0 0 0 0;
   background:none;
}

a.kontakt {
   display:block;
   width:70px;
   height:28px;
   background:url(../images/navi-kontakt.jpg);
   font-weight: normal;
   padding:0 0 0 0;
}

a.kontakt:hover,
a.kontakt:active {
   display:block;
   width:70px;
   height:28px;
   padding:0 0 0 0;
   background:none;
}

a.anfahrt {
   display:block;
   width:66px;
   height:28px;
   background:url(../images/navi-anfahrt.jpg);
   font-weight: normal;
   padding:0 0 0 0;
}

a.anfahrt:hover,
a.anfahrt:active {
   display:block;
   width:66px;
   height:28px;
   padding:0 0 0 0;
   background:none;
}

a.impressum {
   display:block;
   width:85px;
   height:28px;
   background:url(../images/navi-impressum.jpg);
   font-weight: normal;
   padding:0 0 0 0;
}

a.impressum:hover,
a.impressum:active {
   display:block;
   width:85px;
   height:28px;
   padding:0 0 0 0;
   background:none;
}


/*==================================================
    => navi-add    
==================================================*/


ul#navi-add {
height:241px;
left:55px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
text-indent:-999999px;
top:141px;
width:234px;
}

ul#navi-add li {
   float:left;
   display:block;
   text-align: left;
}

a.geschichte {
   display:block;
   width:234px;
   height:40px;
   background:url(../images/navi-geschichte.jpg);
   font-weight: normal;
   padding:0 0 0 0;
}

a.geschichte:hover,
a.geschichte:active {
   display:block;
   width:234px;
   height:40px;
   padding:0 0 0 0;
   background:none;
}

a.portrait {
   display:block;
   width:234px;
   height:41px;
   background:url(../images/navi-portrait.jpg);
   font-weight: normal;
   padding:0 0 0 0;
}

a.portrait:hover,
a.portrait:active {
   display:block;
   width:234px;
   height:41px;
   padding:0 0 0 0;
   background:none;
}

a.service {
   display:block;
   width:234px;
   height:40px;
   background:url(../images/navi-service.jpg);
   font-weight: normal;
   padding:0 0 0 0;
}

a.service:hover,
a.service:active {
   display:block;
   width:234px;
   height:40px;
   padding:0 0 0 0;
   background:none;
}

a.kundenkarte {
   display:block;
   width:234px;
   height:40px;
   background:url(../images/navi-kundenkarte.jpg);
   font-weight: normal;
   padding:0 0 0 0;
}

a.kundenkarte:hover,
a.kundenkarte:active {
   display:block;
   width:234px;
   height:40px;
   padding:0 0 0 0;
   background:none;
}

a.notdienst {
   display:block;
   width:234px;
   height:40px;
   background:url(../images/navi-notdienst.jpg);
   font-weight: normal;
   padding:0 0 0 0;
}

a.notdienst:hover,
a.notdienst:active {
   display:block;
   width:234px;
   height:40px;
   padding:0 0 0 0;
   background:none;
}

a.aktuelles {
   display:block;
   width:234px;
   height:40px;
   background:url(../images/navi-aktuelles.jpg);
   font-weight: normal;
   padding:0 0 0 0;
}

a.aktuelles:hover,
a.aktuelles:active {
   display:block;
   width:234px;
   height:40px;
   padding:0 0 0 0;
   background:none;
}




/*==================================================
    => content-container    
==================================================*/

#content-container {
   width:960px;
   position:relative;
}

/*==================================================
    => content-sidebar    
==================================================*/

#content-sidebar {
   background:url(../images/bg-sidebar.jpg) no-repeat;
   width:340px;
   height:454px;
   float:left;
}

#content-sidebar p {
left:67px;
position:absolute;
top:350px;
width:220px;
font-size:13px;
color:#605a39;
   }

/*==================================================
    => contantMain    
==================================================*/



div#contentMain {
   float:left;
   background:url(../images/bg-content.jpg) no-repeat;
   width:570px;
   min-height: 370px;
   height: auto !important;
   height: 370px;
   padding:0 30px 0 0px;
}

div#contentMain li {
	font-family:"trebuchet MS", verdana, arial, helvetica, sans-serif;
   font-size:14px;
   line-height:20px;
   margin-bottom:14px;
   color:#000;
   list-style:none;
   margin-bottom:20px;
   padding-left:20px;
   background:url(../images/bg-li.gif) 0px 5px no-repeat;
   
   }
   
   
   
   
ul#notdienst-ul {
   width:593px;
   height:128px;
   list-style-image:none !important;
   list-style-position:outside !important;
   list-style-type:none !important;
   margin:0 0 0 -40px;
   overflow:hidden;
   padding:0;
   text-indent:-999999px;
   
}

ul#notdienst-ul li {
   float:left;
   display:block;
   text-align: left;
   list-style-image:none !important;
   list-style-position:outside !important;
   list-style-type:none !important;
   background:none;
}

a.notdienst-block {
   display:block;
   width:593px;
   height:128px;
   background:url(../images/notdienst.jpg);
   font-weight: normal;
   padding:0 0 0 0;
}

a.notdienst-block:hover,
a.notdienst-block:active {
   display:block;
   width:593px;
   height:128px;
   background:url(../images/notdienst_hover.jpg);
   padding:0 0 0 0;
}
   


/* =headlines */

div#contentMain h2.index {
   margin:0 0 20px -20px;
   background:url(../images/h2-index.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}


div#contentMain h2.aktuelles {
   margin:0 0 20px -20px;
   background:url(../images/h2-aktuelles.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}

div#contentMain h2.error {
   margin:0 0 20px -20px;
   background:url(../images/h2-error.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}

div#contentMain h2.danke {
   margin:0 0 20px -20px;
   background:url(../images/h2-danke.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}

div#contentMain h2.kontakt {
   margin:0 0 20px -20px;
   background:url(../images/h2-kontakt.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}

div#contentMain h2.impressum {
   margin:0 0 20px -20px;
   background:url(../images/h2-impressum.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}

div#contentMain h2.anfahrt {
   margin:0 0 20px -20px;
   background:url(../images/h2-anfahrt.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}

div#contentMain h2.notdienst {
   margin:0 0 20px -20px;
   background:url(../images/h2-notdienst.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}

div#contentMain h2.index {
   margin:0 0 20px -20px;
   background:url(../images/h2-index.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}

div#contentMain h2.portrait {
   margin:0 0 20px -20px;
   background:url(../images/h2-portrait.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}

div#contentMain h2.service {
   margin:0 0 20px -20px;
   background:url(../images/h2-service.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}

div#contentMain h2.kundenkarte {
   margin:0 0 20px -20px;
   background:url(../images/h2-kundenkarte.jpg);
   width:593px;
   text-indent:-9999px;
   height:84px;
}

/* =image */

.image {
   border: 1px solid #dc2b19;
   padding:3px;
   outline: none;
   background:#fff;
}

.image_margin_no_r {
   border: 1px solid #007B2D;
   padding: -1px;
   margin: 5px 0px 0px 0;
   cursor: url(file:///C|/Dokumente%20und%20Einstellungen/Dansel/Desktop/06019193-Triebischtal.Apotheke.UP/images/icon-zoomin.cur), pointer;
   outline: none;
}

html>image {
   margin: 0px 10px 5px 0;
}

/* =imprint */

dl.imprintTypeOfBusiness,
dl.vcard {
   line-height: 20px;
   margin: 15px 0;
}

dl.imprintTypeOfBusiness dt,
dl.vcard dt {
   display: block;
   width: 190px;
   float:left;
   font-weight:bold;
}

dl.imprintTypeOfBusiness dd,
dl.vcard dd {
   clear:right;
}

/*==================================================
    => footer   
==================================================*/

#footer-container {
   background:url(../images/bg-footercontainer.jpg) repeat-x;
   height:146px;
   width:100%;
   margin:0 auto;
   position:relative;
}

#footer {
   background:url(../images/bg-footer.jpg);
   height:146px;
   width:960px;
   position:relative;
   margin:0 auto;
}


#footer p {
color:#605A39;
font-size:12px;
left:66px;
position:absolute;
top:91px;
}


/*==================================================
    => googlemaps   
==================================================*/

div#map a {
   background:url(../images/map.jpg);;
   display:block;
   height:69px;
   text-indent:-9999px;
   width:224px;
   margin:3px 0 0px 0;
}

.iframemap {
   border:1px solid #dc2b19;
   padding:3px;
   background:#fff;
}

.clear {
   clear:both;
   float:none
}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block; /* for IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
   zoom: 1; /* triggers hasLayout */
}

.clearfix {
   display: block;
}
/* End hide from IE-mac */
@charset "utf-8";
/* CSS Document */