/* ================================== */
/* Keine margins, kein padding */
* { margin: 0; padding: 0 }
html { zoom: 1; } /*for IE*/
body { text-align: center } /*fuer IE, undone im wrapper*/
body { background-color: #fff;}
.editmode {font-size:62.5%}

/* Basic layout
=================================================================================================== */
#wrapper  { background-color: #fff; text-align: left; margin: 0 auto; width: 990px }
#header  { background-color: #fff; background-image: url("images/logo.gif"); background-repeat: no-repeat; height: 220px }
#search {width:384px; float:left; }
#logolink {left: 19px;position: relative; }
#searchfield  { color: #6a6a6a; font-size: 1.2em; font-weight: bold; position: relative; top: 75px; left: 96px; width: 250px; heigth: 30px }
#searchfield input[type="text"]  { color: #6a6a6a; width: 160px; font-size:1em }
#searchfield label { margin-right:5px}
#searchfield .searchbutton { width: 26px; top:5px; position:relative}
#headerimg  { background-color: #e6e6e6; width:586px; float:left; margin-top:18px;}
#subheader  { background-color: #fff; height: 26px; padding-top:4px; border-bottom: 1px solid #959799; margin-bottom:30px; width:952px;left:19px; position:relative }
#mainNav { left:19px; position:relative; width: 180px; float: left; }
#content  { width: 761px; left:-19px; position:relative; float: right;}
#mainContent { width: 582px; float: left; padding-left:10px}
#secondaryContent  { display: inline; width: 155px; float: right }
#footer { color: #5b5b5b; font-size: 1.1em; padding-top:3px; padding-bottom:20px; background-color: #fff; border-top: 1px solid #959799; margin-top:10px; width:952px;left:19px; position:relative; clear: both }

a:link {outline: none;}
a:visited {outline: none;}
a:hover {outline: none;}
a:active {outline: none;}

#footer a { color: #5b5b5b; text-decoration: none;}
#footer a:hover { color: #000 }
#footer_left {left:203px; position:absolute}
#footer_right {display: inline; float:right;margin-right:171px;}
/* Padding */
#mainNav {margin-bottom:20px }
#mainNav *, #mainNav * * { padding-right: 0px; padding-left: 0px }
#secondaryContent * * { padding-right: 0; padding-left: 0 }



/* ============== Main Content ==============  */
#mainContent, .editmode { color: #5b5b5b; }
#mainContent h1, .editmode h1 { font-size: 1.8em; font-weight: normal; margin-bottom: 0.4em; line-height: 1.3em }
#mainContent h2, .editmode h2 { font-size: 1.6em; font-weight: normal; margin-bottom: 0.3em; line-height: 1.1em}
#mainContent h3, .editmode h3 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.2em; line-height: 1em}
#mainContent h4 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.2em; line-height: 1em}
#mainContent h5, .editmode h5 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.2em; line-height: 1em}
#mainContent h6, .editmode h6 { font-size: 1.3em; font-weight: bold; margin-bottom: 0.5em; margin-top: 0.5em; line-height: 1em}

.explain {color: #FF0000;font-size: 1em;}

#mainContent .break { line-height: 0; clear: both }
#mainContent .hr_1px  { margin-bottom: 10px; margin-top: 10px; padding: 0; height: 1px; border-style: solid none none; border-width: 1px 0 0; border-color: #959799}
#mainContent br, .editmode br { line-height: 0.6em }
#mainContent p, .editmode p { font-size: 1.3em; line-height: 1.6em; margin-bottom: 0.5em;}
#mainContent ul, .editmode ul { margin-bottom: 1em; padding: 0; list-style-type: none}
#mainContent ul li, .editmode ul li { font-size: 1.3em; background: url("images/bullet.gif") no-repeat 0.5em 0.6em; padding-left: 20px }
#mainContent li li, .editmode li li { font-size: 0.9em; background: url("images/bullet.gif") no-repeat 0.5em 0.6em; padding-left: 20px }
#mainContent a, .editmode a { color:#5b5b5b; font-weight: bold;  }
#mainContent a:hover, .editmode a:hover { color: #000;}

/* ============== Secondary Content (rechte Spalte) ==============  */
#secondaryContent {color: #5b5b5b;}
#secondaryContent p {color: #5b5b5b; font-size: 1.3em; margin-bottom: 0.5em;}


/* Pictures 
---------------------------------------------------------------- */

#mainContent .floatleft { margin: 5px 15px 1.3em 0; float: left; }
#mainContent .floatright { margin: 5px 0 1.3em 15px; float: right; }
#mainContent .pic_fullwidth { margin: 5px 0 10px 0; float: right; }
#mainContent .divblock { margin-bottom: 10px; }
#mainContent .divblock img {float:none }

/* ============== Speziell ==============  */
/* Container (image, text, link (icon)
==================================================================================================== */
#mainContent .bildcontainer { margin-left: 20px; width: 100%; }
#mainContent .containertable { margin-bottom: 0px; }

/* Datei-Links 
---------------------------------------------------------------- */
.pdf, .editmode .pdf, #secondaryContent .pdf{ text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/pdficon_small.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.doc, .editmode .doc, #secondaryContent .doc { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/wordicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.xls, .editmode .xls, #secondaryContent .xls { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/excelicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.ppt, .editmode .ppt, #secondaryContent .ppt { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/ppticon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.zip, .editmode .zip, #secondaryContent .zip { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/zipicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}
.fla, .editmode .fla, #secondaryContent .fla { text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/flashicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 22px;}


/* Search results 
---------------------------------------------------------------- */
#mainContent .pages {text-align:right; margin-top: 20px;}
#mainContent .pages a {color: #0a1f62; text-decoration: none; }
#mainContent .resultlink, #mainContent .error { font-size: 1.2em; margin-top: 1.5em; }
#mainContent .resultlink a {  color: #5b5b5b; text-decoration: none; font-weight: bold;}
#mainContent .resultlink a:hover { color: #000;}
#mainContent .resultdesc { font-size: 1.2em;}


/* Sitemap
==================================================================================================== */
ul#sitemap  { font-size: 1em; list-style-type: none; margin: 20px 30px 30px 0px; padding: 0;  }
ul#sitemap li  { font-size: 1em; margin: 8px 0 0; padding: 0; background: none; }
ul#sitemap ul  { font-size: 1em; list-style-type: none; margin: 0 0 0 30px; padding: 0; border-left: 2px dotted #ccd4df }
ul#sitemap ul li  {  margin: 3px 0 0; padding: 0 }
ul#sitemap a  { color: #0a1f62; font-size: 1.3em; font-weight: bold; text-decoration: none; margin: 0; padding: 0 10px 0; border-bottom: 2px solid #ccd4df }

ul#sitemap a:hover,
ul#sitemap a:active,
ul#sitemap a:focus  { color: #0a1f62; background-color: #e5e9ef }
ul#sitemap ul a  { font-size: 1.1em; border-bottom: 1px solid #ccd4df}
ul#sitemap ul ul a  { color: #000; font-weight: normal; }
ul#sitemap ul li ul li {  margin: 0px 0 0; padding: 0 }
ul#sitemap ul ul ul a  { color: #333;  }

ul#sitemap h1{ color: #374559; font-size: 1.6em; margin-bottom: 1em; margin-top: 2em; border-bottom: 1px solid #ccd4df; }
ul#sitemap h2{ color: #6d0101; font-size: 1.6em; margin-bottom: 1em; margin-top: 2em; border-bottom: 1px solid #ccd4df; }
ul#sitemap h3{ color: #57771e; font-size: 1.6em; margin-bottom: 1em; margin-top: 2em; border-bottom: 1px solid #ccd4df; }
ul#sitemap h4{ color: #0a1f62; font-size: 1.6em; margin-bottom: 1em; margin-top: 2em; border-bottom: 1px solid #ccd4df; }
ul#sitemap h5{ color: #0a1f62; font-size: 1.6em; margin-bottom: 1em; margin-top: 2em; border-bottom: 1px solid #ccd4df; }


/* Rechte Spalte
==================================================================================================== */
/* --------- Links ----------- */
#secondaryContent a {color:#5b5b5b}
#secondaryContent a:hover {color:#000}
/* --------- Behandlung ----------- */
#secondaryContent #box_b  { background-color: #d4e1e9; margin-bottom: 20px; border-top: 1px solid #959799; border-bottom: 1px solid #959799}
#secondaryContent #box_b .title   { background-image: url("images/bg_behandlung.gif"); background-repeat: no-repeat; border-bottom: 2px solid #fff }
#secondaryContent #box_b .title h1 { font-size: 1.5em; font-weight: normal; text-align: right; padding: 3px 10px 20px }
#secondaryContent #box_b .content {  padding: 5px 10px 10px }
/* --------- Patienten ----------- */
#secondaryContent #box_p { background-color: #d7e4d7; margin-bottom:20px; border-top: 1px solid #959799; border-bottom: 1px solid #959799 }
#secondaryContent #box_p .title   { background-image: url("images/bg_patienten.gif"); background-repeat: no-repeat; border-bottom: 2px solid #fff }
#secondaryContent #box_p .title h1 { font-size: 1.5em; font-weight: normal; text-align: right; padding: 3px 10px 20px }
#secondaryContent #box_p .content {  padding: 5px 10px 10px }
/* --------- Klinik ----------- */
#secondaryContent #box_k { background-color: #f0d8c2; margin-bottom:20px; border-top: 1px solid #959799; border-bottom: 1px solid #959799 }
#secondaryContent #box_k .title   { background-image: url("images/bg_klinik.gif"); background-repeat: no-repeat; border-bottom: 2px solid #fff }
#secondaryContent #box_k .title h1  { font-size: 1.5em; font-weight: normal; text-align: right; padding: 3px 10px 20px }
#secondaryContent #box_k .content {  padding: 5px 10px 10px }

/* --------- Bild ----------- */
#secondaryContent .pic_155 { display: block; margin: 20px 0 10px 0 }

/* Formulare 
---------------------------------------------------------------- */
fieldset {border: 1px solid #ccc; padding-top:20px; padding-bottom:10px; margin-top: 20px}
form p { margin-bottom: 10px;}
form #hinweis { font-size:1.3em; margin-left: 10px;}
form p.hinweis { font-size:1.3em; margin-left: 10px;padding-right:10px}
form p label {float: left; width: 150px; margin-top: 4px; margin-left:10px; cursor: pointer;}
form p label.radio {margin-top: 2px; cursor: pointer; width:180px}
form p label.radiolabel {margin-top: 2px;cursor: default;}
form p input, form p select, form p textarea { border: 1px solid #ccc; margin-top: 5px; padding:2px}
form .textinput {width: 350px;}
form .radiobtn {float:left;border:none}
form .longleft {width: 275px;}
form .shortright {width: 60px; margin-left:5px}
form .shortleft {width: 60px;}
form .longright {width: 275px;margin-left:5px}
form select#form_Anrede {width: 80px;}
form select#form_AnredeR {width: 80px;}
form p textarea {width: 350px;height: 80px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:1em}
form p input#formInput_submit {width: 120px; height:25px; background-color:#ed7407; color:#000; font-size:1em; font-weight:bold; border:none}