/* Extension Style Sheets */
@import url(edit.css);
@import url(galerie.css);

/* Seitenmerkmale */
body { scrollbar-face-color: #0868b2; scrollbar-highlight-color: #0868b2; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ca6702; scrollbar-track-color: #ebebeb; scrollbar-darkshadow-color: #000000; scrollbar-base-color: #000000; background-color: #ffffff; }
body { background-color:#ffffff; font-size:12px; font-family:verdana,arial,helvetica,sans-serif; margin: 0px; background-image: url(../layout/hintergrund-neu.jpg); background-repeat: repeat-x; }

/* Hintergrundbild */
#biocam { position: absolute; visibility: visible; z-index: 0; top: 175; left: 0; }

/* Listenelemente */
ul { padding-left: 30px; }
li { font-family : verdana,arial,helvetica,sans-serif; font-size : 12px; list-style-type: square; line-height: 14px;  }
li.right { list-style-type: circle; margin-left:-20px; }

/* Überschriften */
H1 { font-family: verdana,arial,helvetica,sans-serif; font-size : 16px; color : #0868B2; margin-bottom : 10px; margin-top : 0px; }
H2 { font-family: verdana,arial,helvetica,sans-serif; font-size : 14px; color : #0868B2; margin-bottom : 10px; margin-top : 0px; }
H3 { font-family: verdana,arial,helvetica,sans-serif; font-size : 12px; color : #0868B2; margin-bottom : 10px; margin-top : 0px; }
H4 { font-family: verdana,arial,helvetica,sans-serif; font-size : 10px; color : #0868B2; margin-bottom : 10px; margin-top : 0px; }

/* Absätze */
p { color: #000000; font-size:12px; font-family: verdana,arial,helvetica,sans-serif; vertical-align: top; padding-left: 0px; padding-right: 0px; line-height: 16px; margin-bottom: 7px; margin-top: 0px; }
p.zitat { color : #0868B2; font-size:11px; line-height: 14px; text-align: right; font-style: italic; }
p.caption { color : #0868B2; font-size:10px; line-height: 14px; text-align: left; }
p.textbox { background-color: #f5e6eb; padding: 8px; }
p.textboxgrey { background-color: #ebebeb; padding: 8px; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/* Links */
a img { border: 0px; }
a:link, a:visited, a:active { color: #7f0b5d; text-decoration: underline }
a:hover { color: #7f0b5d; text-decoration: none; }
a.blue:link, a.blue:visited, a.blue:active { color: #7f0b5d; font-size:14px; font-family: verdana,arial,helvetica,sans-serif; text-decoration:none; font-style: italic; }
a.blue:hover { color: #ca6702; text-decoration:underline; }
a.brown:link, a.brown:visited, a.brown:active { color: #ca6702; font-size:14px; font-family: verdana,arial,helvetica,sans-serif; text-decoration:none; font-style: italic; }

/* Formularelemente */
form { margin: 0px; }
input { border-width: 1px; border-color:#1E3888; background-color:#dbdbdb; color: #1E3888; font-size:11px; font-family:arial, helvetica,sans-serif; }
select { border-width: 1px; border-color:#1E3888; background-color:#dbdbdb; color: #1E3888; font-size:11px; font-family:arial, helvetica,sans-serif; }
textarea { border-width: 1px; border-color:#1E3888; background-color:#dbdbdb; color: #1E3888; font-size:11px; font-family: arial, helvetica,sans-serif; }
input.search { border-width: 1px; border-color:#1E3888; background-color:#0868b2; color: #ffffff; font-size: 11px; font-family: arial, helvetica,sans-serif; }

/* Mailformular */
label { vertical-align: 20%; }
#mailformnewsletter { padding: 0px; margin: 5px 0px; }
.csc-sword { font-weight: bold; color: #339900; }
.csc-mailform-field input { width: 250px; }
.csc-mailform { width: 490px; padding: 5px; margin: 0px; }
.csc-mailform-field { font-size: 12px; line-height:15px; clear:both; }
.csc-mailform-field label { padding-top: 5px; display: block; float: left; width: 135px; /* Breite.*/ }
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select { 
border: 1px solid #1E3888; 
margin: 3px; 
padding: 1px; 
background-color: #dbdbdb; 
}

/* Kopfbereich */
/*#header { float: left; border: 1px solid red; margin: 60px 0px 0px 650px; padding: 0px 0px; }*/
#header { float: left; border: 0px solid red; margin: 0px 0px 0px 0px; padding: 0px 0px; width: 990px; height: 170px; }

/* IE 6
*html #header { border: 0px solid red; margin: 0px 0px 0px 0px; } */

#functions { float: left; width: 990px; margin: 140px 0px 0px 0px; border: 0px solid white; }
#mainmenu { float: left; }
#language { float: left; padding: 3px 10px; }
#search { float: left; }

/* Contentbereich */
#content { clear: both; border: 1px solid #ffffff; margin: 11px 0px; padding: 20px 0px; width: 990px; background-color: #ffffff; float: left; }

/* IE 6 */
*html #content { margin: 30px 0px; }

/* Linke Spalte */
#left { float: left; border: 0px solid blue; width: 180px; margin: 0px 20px 0px 10px; min-height: 15px; }
/* IE 6 */
*html #left { width: 180px; margin: 0px 15px 0px 10px; border: 0px solid red; }

/* Rechte Spalte */
#right { float: left; border: 0px solid red; width: 780px; }
/* IE6 */
*html #right { border: 0px solid blue; width: 770px; }

/* Unten */
#bottom { float: left; width: 970px; text-align: right; }

/* Newsbox */
#newsbox { position: absolute; top: 410px; left: 700px; font-size: 12px; color: #ffffff; font-weight: bold; padding: 10px; border: 0px solid white; }

/* Schriften */
#sprachen a,
#newsbox a,
#slogan a,
#dermatologie a,
#produkte a,
#aesthetik a,
#chirurgie a,
#allgemeinmedizin a,
#diagnostik a,
#anwendungen a,
#imaging a,
#auflichtmikroskopie a,
#dokumentation a { color: #ffffff; }

#home { position: absolute; top: 30px; left: 30px; }
#sprachen  { position: absolute; top: 80px; left: 600px; font-size: 12px; color: #ffffff; font-weight: normal; }
#slogan { position: absolute; top: 136px; left: 430px; font-size: 18px; color: #ffffff; font-weight: normal; font-style: italic; }
#dermatologie { position: absolute; top: 230px; left: 150px; font-size: 24px; color: #ffffff; font-weight: normal; }
#produkte { position: absolute; top: 255px; left: 80px; font-size: 28px; color: #ffffff; font-weight: bold; }
#aesthetik { position: absolute; top: 260px; left: 250px; font-size: 22px; color: #ffffff; font-weight: normal; font-family: arial,helvetica,sans-serif; }
#chirurgie { position: absolute; top: 290px; left: 170px; font-size: 20px; color: #ffffff; font-weight: normal; font-family: arial,helvetica,sans-serif; }
#allgemeinmedizin { position: absolute; top: 310px; left: 110px; font-size: 26px; color: #ffffff; font-weight: normal; }
#diagnostik { position: absolute; top: 380px; left: 150px; font-size: 20px; color: #ffffff; font-weight: normal; }
#anwendungen { position: absolute; top: 405px; left: 80px; font-size: 28px; color: #ffffff; font-weight: bold; }
#imaging { position: absolute; top: 425px; left: 315px; font-size: 22px; color: #ffffff; font-weight: normal; font-family: arial,helvetica,sans-serif; }
#auflichtmikroskopie { position: absolute; top: 450px; left: 200px; font-size: 24px; color: #ffffff; font-weight: normal; }
#dokumentation { position: absolute; top: 480px; left: 250px; font-size: 20px; color: #ffffff; font-weight: normal; font-family: arial,helvetica,sans-serif; }

