@charset "utf-8";
/* CSS Document */

.print {display:none}

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
a img { border: none; }

a:active {
	outline: none;
	}

a:focus {
	-moz-outline-style: none;
	}

/* @end Reset Styling */

/* Layout Container*/

html {height:100%}
body {font:normal 14px/130% "Microsoft Sans Serif", Arial, sans-serif; color:#011d33; background:#fff url(../img_style/sprite_bg.jpg) 0px -110px repeat-x}

#wrap {margin: 0 auto; width:990px;height:100%;}
.header {width:990px; height:120px; overflow:hidden;}
.header h5 {text-indent:-1000px;width:315px; height:120px; overflow:hidden; background:transparent url(../img_style/infoboxbg.jpg) 0px 30px no-repeat; float:left}

.content {clear:both;width:990px;}
.lsp, .msp, .rsp{display:block; float:left;}
.lsp {width:305px; height:640px; overflow:hidden;background:transparent url(../img_style/infoboxbg.jpg) 0px -90px no-repeat; padding:185px 0px 0px;}

.anfahrt{display:block;width:25px;height:25px;background:transparent url(../img_style/enlargeicon.gif) center center no-repeat;float:right;margin-right:15px}
.anfahrt .anfahrtzoom  {display:none;}
.anfahrt:hover .anfahrtzoom {display:block}
.anfahrtzoom {z-index:500;position:absolute;top:5px; left:10%; height:375px;width:575px;background:transparent url(../img_style/anfahrt_gross.png) center center no-repeat;border:1px solid #DEDEDE;}

.kontakt {clear:both;padding: 0px 0px 0px 5px;font-size:13px; margin-bottom:220px }
.kontakt .download {padding-left:15px}

/* Adressbox */
address {display:block; float:left;width:140px}

.msp {width:400px; margin:80px 15px 0px; min-height:450px}
.rsp {width:249px;margin:80px 0px 0px;border-left: 1px solid #dedede; min-height:450px }
.rsp *, .lsp * {margin-left:10px}
.rsp * *, .lsp * * {margin-left:0px}

a:link, a:visited {color:#003157}


/*-------  TYPOGRAPHY --------- */
h1,h2,h3 {font-family:Aller, sans-serif}
h1 {font-size:26px;line-height:115%;font-weight:bold; color:#003157; margin-bottom:20px;}
h2 {background-color:#003157; font-weight:normal;color:#fff; text-transform:uppercase; padding:1px 2px 2px 8px; margin:15px 0px 5px;}
h2 a {color:#fff ! important; text-decoration:none}
h2 a:hover {text-decoration:underline}
h3 {font-size:18px;color:#004789; line-height:120%; margin:15px 0px 5px 0px}
em, i {color:#004789; font-style:normal}
p {margin:0px 0px 1.0em}
.rsp p {margin: 0px 0px 0.5em 10px}
.rsp * p {margin-left:0px}

/* LISTE */
.csc-bulletlist, .msp ul, .rsp ul.csc-bulletlist {list-style-position:outside;margin:1em 0em;
padding:0px; }
.rsp ul.csc-bulletlist {margin-left:20px;}
.csc-bulletlist ul li, .rsp ul.csc-bulletlist li, .msp ul li { padding: 0em 0em 0.3em 1.5em;
background: transparent url(../img_style/sprite_button.gif) -5px -10px no-repeat;list-style-type:none}
.msp ol li { padding:0px 0px 10px; margin-left:20px}
/* Sitemap*/
.csc-sitemap ul {list-style-position:outside; margin-left:5px;}
.csc-sitemap ul li {background-image:none}

/* Bild */
.csc-textpic-caption {font-size:11px}
.msp .csc-textpic-image a {
background:transparent url(../img_style/clickenlargeicon.gif) no-repeat scroll right bottom;padding-bottom:11px;
}
/* Filelinks Download */
a.download, .filelink a {text-decoration:none; padding-left:20px; background: transparent  url(../img_style/sprite_button.gif) -6px -92px no-repeat; font-size:110%}
a.download:hover, .filelink a:hover {text-decoration:underline}
.detail {display:block;padding-left:20px; font-size:12px; line-height:110%}

/*  Tables */
table {border-collapse:collapse;}
table caption {text-align: left}
td {padding: 1px 8px 1px 0px; vertical-align:top;}
.kosten td {padding: 1px 8px 1px 0px; vertical-align:bottom;border-bottom:1px dotted #999}
th {text-align:left;font-weight:bold;border-bottom:1px solid #666}
.portrait .td-0 {width:70px;padding:1px 0px}
.portrait {font-size:12px}


/*  Mailform */ 
.errormsg {margin:0px;width:300px;padding-left:105px; color:#ff0000;}
/* ------------------------------  Formulare ----------------------------------*/
form {width: 400px; margin-bottom:40px}
form h5 {padding: 5px 0px 2px 0px}
fieldset {position:relative; background-color: #F6F6F6;  padding: 0.8em 0em; border:1px solid #ededed; margin-bottom:1.0em}
legend {position:absolute;top:-10px;left:5px; padding: 0px 5px; background-color: #fbfbfb;  border:1px solid #D6D6D6; color: #666; font-size:12px;}
label {font-size: 0.9em; line-height:0.9em; padding: 0.5em; clear:left;	display:block;	float:left;	width:90px;}
input, select {font-size:1em;padding: 2px; margin: 2px; background-color: #FBFBFB; border:1px solid #D6D6D6}
input:focus {background-color: #FFFFFF; border-color:#999}
input.req{border:1px solid #FF0000; background-color: #FBFBFB ; color:#000 }
input.req:focus {border:1px solid #FF0000 ;background-color: #fff}
input.check { padding:0px;border-color: #999}

input.klein {width: 58px;}
input.gross {width: 192px}
input.radio {width:30px; background-color:transparent; display:inline; padding:0; margin:0; }
label.radio { clear:none; width: 70px; }

textarea {font-size:1em;width:262px; padding: 2px; margin: 2px; background-color: #FBFBFB; border:1px solid #D6D6D6}
textarea:focus {background-color: #fff}

input.submit { width: 150px; height: 24px; background:transparent url(../img_style/submit.gif) center bottom no-repeat;  color:#000; border-width:0px;
               font:bold 13px/100% Arial, Helvetica, sans-serif;margin: 5px 0 0 0}
input.submit.reset {}
input.submit:focus, input.submit:hover {color:#FF0000}

/* -- Standardformular -- */
#mailform {background: #fff; border: 1px solid #dedede; padding:5px 0px 20px 5px}
.csc-mailform-field {clear:both;}
fieldset.csc-mailform, fieldset fieldset {background-color: #fff; border-width: 0px}
fieldset.csc-mailform legend {display:none}
fieldset.csc-mailform fieldset label {clear:none ! important; width: 30px; padding:2px 0px}
span.csc-mailform-label {padding: 10px 0px 2px 0px;display:block;}
.req-label label {font-weight: bold;color:#004789}
.csc-mailform-field-error-message,.csc-mailform-header-error {color: #ff0000;display:block;padding-left:105px}
.csc-mailform-label {font-weight:bold; color:#666}



/*------- Boxen --------- */
.csc-frame-frame1, .csc-frame-frame2 { clear:both;font: bold 14px/135% Arial, "Helvetica Neue", sans-serif;margin-bottom:20px;padding:10px; color:#005C9F}
.csc-frame-frame1 {background-color:#C9E9FA; }
.csc-frame-frame1 a {text-decoration:none ! important}

/*-------  Box für Stempel --------- */
.csc-frame-frame2 {background: transparent url(../img_style/stempel-refraktive-chirurgie.gif) top center no-repeat; padding-top:132px;}

/*-------  Blaue Boxen Mitte --------- */
.csc-frame-indent {line-height:160%;background: #d4eefb url(../img_style/sprite_button.gif) 0px -190px repeat-x; height:60px; width:380px; overflow:hidden; margin-bottom:10px; border:1px solid #8fb9d0; color:#0060a4}
.csc-frame-indent a:link, .csc-frame-indent a:visited {color:#0060a4; text-decoration:none; font-size:15px}
.csc-frame-indent p a:hover {text-decoration:underline}
.csc-frame-indent p {margin:0px 0px 0px;  padding:6px; background:transparent url(../img_style/sprite_button.gif) 356px -260px no-repeat;font-size:16px}
.csc-frame-indent strong a:link,.csc-frame-indent b a:link,.csc-frame-indent strong a:visited,.csc-frame-indent b a:visited, .csc-frame-indent strong, .csc-frame-indent b { font-weight:bold;font-size:19px; line-height:135%}



/*------- Hauptmenue --------- */
.header ul {display:inline-block;list-style-type:none; height:45px;margin-top:75px;border-left:1px solid #003157;}
.header ul li {float:left;height:59px; overflow:hidden; border-right:1px solid #0266ad;}
/*dev*/ .header ul li a:link, .header ul li a:visited {display:block;float:left;height:45px;padding:14px 10px 0px 10px; border-right:1px solid #003157;font: normal 20px/100% Aller, "Trebuchet MS", Arial, Helvetica, sans-serif; color: #c6eaf9; text-decoration:none}
.header ul #home a {border-left:1px solid #0266ad;}
.header ul li.act a {color:#fff}
/*dev end*/
.header ul li {background: transparent url(../img_style/sprite_bg.jpg) 0px -50px repeat-x}
.header ul li.act {background: transparent url(../img_style/sprite_bg.jpg) 0px 0px repeat-x}


/* Footer Menu */
.msp ul.footerm {display:inline-block;width:100%;list-style-type:none;margin:40px 0px;height:20px;padding:0px;border-top: 1px solid #dedede;}
.footerm li {float:left; color:#999;padding: 0px 5px 0px 0px;background:none ! important}
.footerm li a:link, .footerm li a:visited {font-size:10px; text-transform:uppercase;color:#999;padding:0px 5px 0px 0px ;text-decoration:none;}
.footerm li a:hover {text-decoration:underline}




/*------- Untermenue --------- */
.smen {padding-bottom:20px}
/* IE benoetigen Korrektur, CSS-Weiche */ 
* html .smen ul { float:left; }
* html .smen ul li { clear:left; }
/* IE Ende    */
.smen ul {display:block;border-top: 1px solid #dadada;}
.smen ul li{
	display: block; float:left; clear:both; width: 100%; cursor:pointer; 
	font-size: 14px; line-height:180%; text-transform:uppercase;
	}
.smen a {text-decoration:none; display:block;height: 25px; overflow:hidden;}
.smen ul li a:link, .smen ul li a:visited {color:#4b4b4b;padding-left:5px;border-bottom: 1px solid #dadada; }
.smen ul li a.act {background-color: #e0f3fc; color:#011d33; }
.smen ul li a:hover{color:#000;border-bottom: 1px solid #333;border-bottom: 1px solid #333;}
.smen ul li li {display:block; border:0; font-size:13px; text-transform:none;background-color: #e0f3fc}
.smen ul li ul li a:link, .smen ul li ul li a:visited {padding-left: 20px; height:20px; background:transparent url(../img_style/sprite_button.gif) 0px -345px no-repeat; border:none}

/* Mit Unterstufen */
.smen ul ul {border-top:none;}
.smen ul li.sub {background:transparent url(../img_style/sprite_button.gif) 220px -318px no-repeat}
.smen ul li.sub.open a:link, .smen ul li.sub.open a:visited {border:none }
.smen ul li.sub.open {background-color:#e0f3fc;background-image:none; padding-bottom:5px;}
.smen ul li.sub.open a.act {background-color: #e0f5ee; background-position:0px -100px}
.smen ul li.sub.open ul li a:hover {background-position: 0px -323px}
.smen ul li.sub.open ul li a.act {background:transparent url(../img_style/sprite_button.gif) 0px -321px no-repeat}