/* main style von clkm - cornelia lange fuer elefanten-apotheke-bremen.de */

* {
margin: 0;
padding: 0;
border: 0 solid;
}
html {
height: 100%;
margin-bottom: 1px;
}

body {
font: 94% Verdana, Arial, Helvetica, sans-serif;
color: #057;
background: #F2F9F9;
text-align: center;
}
strong, b {
font-weight: bold;
}
address {
font-size: 0.86em;
font-style: normal;
line-height: 1.4em;
}
blockquote {
margin-left: 20px;
font-weight: bold;
}

h1, h2, h3 {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #057;
}
h2 {
font-size: 1em;
margin: 20px 0 10px 0;
}
h3, h4 {
font-size: 1em;
margin: 20px 0 10px 0;
}
h4 {
font-size: 0.82em;
}

a, a:link, a:visited {
color: #c00;
padding: 2px 1px;
}
a:hover, a:active, a:focus {
color: #3C1B00;
background: #e1e1e1;
text-decoration: none;
}
a.link, a.link:link, a.link:visited {
color: #c00;
padding: 2px 1px 2px 14px;
background: transparent url(/files/global_files/359dbec1648691bfe306d39e1b12df6ff9684509_link.gif) left no-repeat;
}
a.link:hover, a.link:active, a.link:focus {
color: #000;
text-decoration: none;
padding: 2px 1px 2px 14px;
background: #e1e1e1 url(/files/global_files/359dbec1648691bfe306d39e1b12df6ff9684509_link.gif) left no-repeat;
}
a.back, a.back:link, a.back:visited {
color: #c00;
padding: 2px 1px 2px 14px;
background: transparent url(/files/global_files/5bc1375cb6b57b0bf0590e4bd3e929e313ee629b_backlink.gif) left no-repeat;
}
a.back:hover, a.back:active, a.back:focus {
color: #000;
text-decoration: none;
padding: 2px 1px 2px 14px;
background: #e1e1e1 url(/files/global_files/5bc1375cb6b57b0bf0590e4bd3e929e313ee629b_backlink.gif) left no-repeat;
}



p, a, address, li, caption, td, th, label {
font-size: 0.82em;
}
h1 a, h2 a, h3 a, h4 a, p a, address a, li a, li li, li li a, th a, td a, p label, li h3, li p {
font-size: 100%;
}
table {
margin: 15px 0;
width: 96%;
background: transparent;
}
caption {
text-align: left;
font-weight: bold;
padding-bottom: 5px;
}
th, td {
margin-right: 5px;
padding: 3px 5px;
text-align: left;
vertical-align: top;
}

/* divs */
#container {
position: relative;
text-align: right;
width: 840px;
text-align: left;
margin: 0 auto;
background: transparent url(/files/global_files/061df8ca0de97f6ad67915e351448cb3c1cba5ce_bg-container.gif) 0 0 repeat-y;
}
#container p.containerbottom {
height: 16px;
width: 840px;
background: transparent url(/files/global_files/4677a2ee14748c35e2fd81020c4d421c6eb6b60f_bg-containerbottom.gif) 0 0 no-repeat;
margin: 0;
padding: 0;
}

#headercon {
width: 840px;
height: 107px;
background: #fff url(/files/global_files/078aa016a27173935058ea74654606d299a29969_bg-headercon.gif) 0 0 repeat-y;
}
#header {
width: 830px;
height: 107px;
margin: 0 5px 0 5px;
background: transparent url(/files/global_files/9582c6eae28d3321490c21658470b8efb93e40e1_bg-header.gif) 0 19px no-repeat;
}
#headercontent {
position: absolute;
top: 22px; 
left: 60px;
width: 67px;
height: 67px;
}

#logo {
position: absolute;
top: -3px; 
left: 165px;
}
#logo1 a, #logo2 a {
margin: 0;
padding: 0;
background: transparent;
}
#logo a:hover {
background: transparent;
}

#main {
margin: 0 5px 0 185px;
}
#headerbild {
width: 650px;
height: 75px;
background: #008584 url(/files/global_files/3f13ec19bd5ff19113013342fa76ef548e449e70_main_apotheke.gif) 80px 0 no-repeat;
}
#main p.bottom {
}
#maincontent {
margin-left: 20px;
}
#content {
}
#ohnespalte #content {
background: #fff;
margin: 0;
}
#aktuell {
float: right;
width: 180px;
margin: 50px 0 0 0;
}
#aktuell h2 {
font-size: 130%;
font-weight: normal;
margin: 0 0 30px 0;
padding: 0;
}
#aktuell h2 span {
font-size: 150%;
}
#aktuell .datum {
font-size: 80%;
margin: 0;
padding: 0;
}
#aktuell h3 {
margin: 5px 0 5px 0;
}
#aktuell p {
line-height: 130%;
margin: 10px 0;
}

#aktuell #bookmark {
list-style: none;
margin: 10px 0 20px 0;
padding: 0;
width: 180px;
}
#aktuell #bookmark li {
display: inline;
margin: 0;
padding: 0;
}
#aktuell #bookmark li a {
display: block;
float: left;
width: 20px;
height: 20px;
margin: 0 5px 5px 0;
padding: 0;
overflow: hidden;
}
#aktuell #bookmark img {
margin: 0; 
padding: 0;
}



#ohnespalte #inhalt {
width: 610px;
background: #fff;
margin: 0;
padding: 0 20px 0 0;
}
#ohnespalte #aktuell {
display: none;
}

#inhalt {
min-height: 30em;
width: 400px;
margin: 0 220px 0 0;
}
#inhalt h1 {
padding: 40px 0 0 0;
margin: 0 0 20px 0;
}
#inhalt p, #inhalt address {
line-height: 1.4em;
margin: 10px 0 0 0;
padding: 0 0 5px 0;
}
#inhalt ul,
#inhalt ol, 
#aktuell ul, 
#aktuell ol {
margin: 0 0 20px 0;
padding: 0;
}
#inhalt ul li, 
#aktuell ul li {
list-style: square outside;
margin-left: 25px;
padding: 2px 0;
}
#inhalt ol li, 
#aktuell ol li {
list-style: decimal inside;
margin-left: 20px;
padding: 3px 0;
}
#inhalt ol li a {
padding-left: 10px;
}
#inhalt ol li ul li {
list-style: outside circle;
margin-left: 35px;
}
#inhalt ul h3 {
color: #000;
margin: 0;
}
#inhalt ul p {
margin: 0;
padding: 0;
}


/* Allgemeine Klassen */
.clearb, .absatztrenner {
clear: both;
}
.unsichtbar {
position: absolute;
left: -2000em;
}
.teaser {
font-weight: bold;
color: #c00;
}
.fright, .bildrechts {
float: right;
margin: 25px 0 10px 15px;
}
.fleft, .bildlinks {
float: left;
margin: 10px 15px 10px 0;
}
.aright, .rechts {
text-align: right;
}
.aleft, .links {
text-align: left;
}
.cent, .mittig, .center {
text-align: center;
}
.rahmen {
padding: 3px;
border: 1px solid #333;
}
.top {
text-align: right;
}
.fueller {
display: block;
height: 300px;
}
.fueller1 {
display: block;
height: 150px;
}

/* set millions of background images */
.rbroundbox { background: url(../img/nt.gif) repeat; }
.rbtop div  { background: url(../img/tl.gif) no-repeat top left; }
.rbtop      { background: url(../img/tr.gif) no-repeat top right; }
.rbbot div  { background: url(../img/bl.gif) no-repeat bottom left; }
.rbbot      { background: url(../img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { 
margin: 0 7px; 
}
#inhalt .rbcontent p {
padding: 5px;
margin: 0;
}
#inhalt .rbcontent table {
margin: 5px 0;
}
.rbroundbox { 
width: 96%; 
margin: 1em 0; 
}

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/* Navigation */

#left {
position: absolute;
top: 177px;
left: 5px;
}

#left ul {
margin: 0;
padding: 0;
}
#left ul li {
list-style: none;
display: inline;
padding: 0;
margin: 0;
}
#left ul a, #left ul li.on span {
font-family: Arial, Helvetica, sans-serif;
display: block;
width: 173px;
color: #666;
background: transparent;
text-decoration: none;
font-weight: bold;
margin: 6px 0 0 0;
padding: 2px 2px 2px 5px;
}
#left ul a:link, 
#left ul a:visited {
color: #fff;
background: #c00;
}
#left ul a:hover, 
#left ul a:active, 
#left ul a:focus {
color: #fff;
background: #f00;
}
#left ul li.on span,
#left ul a:link.on, 
#left ul a:visited.on {
color: #fff;
background: #f00;
margin-bottom: 0;
}
#left .nav_2 li.on span,
#left .nav_2 a, 
#left .nav_2 a.on {
margin: 1px 0;
}
#left .nav_2 a:link, 
#left .nav_2 a:visited {
color: #fff;
background: #00A3A2;
}
#left .nav_2 a:hover, 
#left .nav_2 a:active, 
#left .nav_2 a:focus {
color: #fff;
background: #5CB1B0;
}
#left .nav_2 li.on span,
#left .nav_2 a:link.on, 
#left .nav_2 a:visited.on {
color: #c00;
background: #fff;
font-weight: bold;
}
#left .nav_3 a:link, 
#left .nav_3 a:visited {
font-weight: normal;
width: 170px;
padding: 2px 0 2px 10px;
}
#left .nav_3 li.on span,
#left .nav_3 a:link.on, 
#left .nav_3 a:visited.on {
font-weight: normal;
width: 170px;
padding: 2px 0 2px 10px;
}

#left #direktlinks {
position: relative;
display: block;
width: 180px;
height: 159px;
margin: 20px 0 0 0; 
padding: 0 0 20px 0;
background: transparent;
}
#left #direktlinks p {
position: absolute;
top: 55px;
left: 0;
width: 180px;
clear: both;
}
#left #direktlinks a, 
#left #direktlinks a:link, 
#left #direktlinks a:visited, 
#left #direktlinks a:hover, 
#left #direktlinks a:active, 
#left #direktlinks a:focus {
display: block;
float: left;
width: 160px;
height: 20px;
background: transparent;
margin: 10px 0 0 0;
padding: 0;
z-index: 10;
}

/* forms */
form.formular {
height: 26em;
}
form.formular fieldset {
background: #eaeaea;
padding: 10px;
width: 18em;
border: 1px solid #999;
}
form.formular label {
display: block;
float: left;
width: 7em;
}
input {
border: 1px solid #333;
width: 5em;
padding: 2px 5px;
margin-right: 5px;
}
input.submitbutton {
background: #efefef;
width: 4em;
padding: 0;
}
form.formular input.submitbutton {
margin-left: 6em;
}

/* Formular  */
#formular p {
	margin-left: 0;
}

.form1 {
	display: block;
	height: 1.3em;
	width: 200px;
	margin: 20px 1px 1px 16px;
	font-size: 80%;
}

.form2 {
	color: #002200;
	font-size: 0.9em;
	width: 250px;
	border: 1px solid #ccc;
	border-top: 0 none;
	border-right: 0 none;
	margin: 0 0 0 15px;
	padding: 5px;
}

.form3 {
	width: 130px;
	border: 1px solid #666;
	border-top: 0 none;
	border-right: 0 none;
	margin: 0 0 0 10px;
	padding: 2px;
}

.form4 {
	border: 1px solid #ccc;
	height: 80px;
	width: 300px;
	padding: 5px;
	margin-left: 15px;
}

.checkbox {
	font-size: 100%;
	margin-left: 10px;
}

.checkbox span {
	padding-left: 5px;
	vertical-align: middle;
}

.checkb {
	vertical-align: middle;
width: 1.5em;
margin-left: 5px;
}

textarea {
	color: #002200;
	background: #ffffff;
}

.sendbutton {
	margin: 30px 0 0 15px;
	background: #eaeaea;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
width: auto;
}

.stern {
	color: #c00;
	font-size: 120%;
	font-weight: bold;
}