/* ========================================================= */
/*    Stylesheet für                                         */
/*    SITE : www.augenklinik-duisburg.de                     */
/*    ERSTELLT: 02.07.2007 21:15                             */
/*    GEÄNDERT: 20.09.2007 23:45                             */
/*    (c) aesthetec Boris Pawelczyk e. K.                    */
/* ========================================================= */

/*    Schön, dass Sie hier vorbeischauen ;-) 	               */

/* == NOTES: =============================================== */
/*                                                           */
/*                                                           */
/* ========================================================= */



/* == HTML-Tags =========================================== */

html {
	height: 100%;
}

body {
	height: 100%;
	font-size: 70%;
	margin: 0;
	padding:0;
	text-align: center;
	background-color: #9da4ac;
	/*background-color: #EEEEEE;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #515151;
	background-image: url(../bilder/body_backgr.jpg);
	background-repeat: repeat-x;
}

h1 {
	font-size: 1.8em;
	color: #16A2E1;
	margin: 0 0 0.3em;
	font-weight: bold;
}

h2 {
	font-size: 1.4em;
	color: #999999;
	margin: 0 0 0.5em;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
	color: #003399;
	margin: 0.9em 0 0.3em;
	font-weight: bold;
}

h4 {
	font-size: 1.2em;
	color: #16A2E1;
	margin: 0 0 0.3em;
	font-weight: bold;
}

h5 {
	font-size: 1.2em;
	color: #E20014;
	margin: 0 0 0.3em;
	font-weight: bold;
}

h6 {
	font-size: 1.1em;
	color: #003399;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

p {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande',Verdana, Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 0.6em 0;
	line-height: 1.3em;
}

/*table {
	border: 1px solid #999999;
}

td {
	border: 1px solid #999999;
}*/

td p {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande',Verdana, Arial, Verdana, Helvetica, sans-serif;
	/*font-size: 12px;*/
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

hr {
	height: 1px;
	margin: 20px 0px 0px 0px;
	background: #E20014;
	border: none;
}

strong {color: #003399;}


a {
	color: #003399;
	text-decoration: underline;
	background-color: transparent;
}

a:visited {
	color: #003399;
	background-color:transparent;
}

a:hover {
	color: #003399;
	background-color:transparent;
	text-decoration: none;
}
a:active {
	color: #333333;
	background-color:transparent;
}

/*acronym, dfn, abbr {
  border-bottom: 1px dotted #003399;
  cursor: help;
  margin: 0;
  padding: 0;
}*/

/* == Bilder =========================================== */

/* wer mag sich wohl überlegt haben Bilder blau zu rahmen? */ 
img, a img, :link img, :visited img {
	border: 0 none;
}

#inhalt a img, #inhalt :link img, #inhalt :visited img {
	border: 0 none;
}


#rechts img {
	margin: 3px 8px 3px 0px;
	float: left;
}

#inhalt td img, #inhaltschmal td img {
	border: 0 none;
	padding: 0px;
}

#inhalt	img, #inhaltschmal img  {
	display:inline;
	padding: 3px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#motiv img{
	border: 0 none;
	padding: 0px;
}

#inhalt img.links, #inhaltschmal img.links {
	margin: 5px 10px 5px 0px;
	float: left;
}

#inhalt img.mitte, #inhaltschmal img.mitte {
	display: block;
	margin: 10px auto 5px;
}

#inhalt img.rechts, #inhaltschmal img.rechts {
	margin: 5px 0px 5px 10px;
	float: right;
}

#inhalt img.linksrandlos, #inhaltschmal img.linksrandlos{
	margin: 5px 10px 5px 0px;
	float: left;
	border: none;
}


#inhalt img.rechtsrandlos, #inhaltschmal img.rechtsrandlos{
	margin: 5px 0px 5px 10px;
	float: right;
	border: none;
}

/* == Bereiche der gesamten Seite ====================== */



#container {
	width: 900px;
	position: relative;
	min-height: 100%;
	z-index: 1;
	overflow: visible;
	background-position: center;
	margin: 0px auto;
	padding:0px;
	background-image: url(../bilder/bgr_ohne.jpg);
	background-repeat: repeat-y;
}
/* ACHTUNG ... Stolperstein ;) */
* html #container{
	height: 100%;
}

#containerbgr {
	padding:0px;
	width: 900px;
	min-height: 100%;
	background-position: center;
	margin: 0px auto;
	background-image: url(../bilder/bgr.jpg);
	background-repeat: repeat-y;
	
}
/* ACHTUNG ... Stolperstein ;) */
* html #containerbgr {
	height: 100%;

}

#rahmen {
	width: 900px;
	text-align: left;
/*	border: none #333333;*/
	padding:0px;
	margin: 0px auto;
}



#header {
	border:none;
	width: 900px;
	height: 190px;
	padding:0px;
	margin:0px;
	display:block;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../bilder/head_home.jpg);
}

#container #header{
	background:#fff url(../bilder/head_basic.jpg) no-repeat;
}



#logo {
	margin:0px 0 0 711px;
	padding-top:11px;
	width:170px;
	height:62px;
	display:block;
}



#nav_xtra {
	width:100px;
	height:28px;
	margin:0px 0 0 780px;
}

#nav_xtra .a1, #nav_xtra .a1_act{
	margin: 0px;
	display: block;
	float: left;
	background-image: url(../bilder/deutsch.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#nav_xtra .a1:hover, #nav_xtra .a1_act{
	background-image:   url(../bilder/deutsch_over.jpg);
}

#nav_xtra .a2, #nav_xtra .a2_act{
	margin: 0 0 0 9px;
	display: block;
	float: left;
	background-image: url(../bilder/english.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#nav_xtra .a2:hover, #nav_xtra .a2_act {
	background-image:   url(../bilder/english_over.jpg);
}

#motiv {
	margin: 0px;
	padding: 0px;
	width: 480px;
}



#suche {
	width: 145px;
	height: 30px;
	padding-left: 20px;
	padding-top: 10px;
	margin-left:710px;
}

#suche form {
	margin: 0;
	padding: 0;
}
				
#suche input{
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 1px 1px 1px 1px;
	color: #333333;
	border: 1px solid #003399;
	background: #EEF7FF;
	width: 100px;
	margin: 0px;
}

#suche .inputimage{
	width:20px;
	background:transparent;
	border:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}


/* == Hauptmenü ======================================== */

#hauptmenue {
	padding: 0;
	margin: 0 0 10px 10px;
}

#mainlist {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

#mainlist li {
	font-size: 1.3em;
	line-height: 3em;
	overflow: visible;
	text-decoration: none;
	font-weight: bold;
}

#mainlist a:link {
	color: #003399;
	text-decoration: none;
	background:transparent url(../bilder/menuepunkt.gif) no-repeat 0px;
	border: none;
	padding: 3px 0px 3px 14px;
	
}

#mainlist a:visited {
	color: #003399;
	text-decoration: none;
	background:transparent url(../bilder/menuepunkt.gif) no-repeat 0px;
	border: none;
	padding: 3px 0px 3px 14px;
}

#mainlist a:hover, #mainlist a.aktuell, #mainlist a.aktuell:visited {
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	background:transparent url(../bilder/menuepunkt_over.gif) no-repeat 0px;
	padding: 3px 0px 3px 14px;
	
}


/* == Submenümenü ======================================== */

#sublist {
	margin-left: 15px;
	margin-top: -10px;
	padding: 0px;
	list-style: square inside;
}

#sublist li {
	font-size: 0.9em;
	color: #E20014;
	line-height: 2em;
	padding: 0px;
}

#sublist a:link {
	color: #003399;
	text-decoration: none;
	background-image: none;
	padding-left: 0px;
	font-weight: bold;
}

#sublist a:visited {
	color: #003399;
	text-decoration: none;
	background-image: none;
	padding-left: 0px;
	font-weight: bold;
}

#sublist a:hover, #sublist a.aktuell, #sublist a.aktuell:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-image: none;
	padding-left: 0px;
	font-weight: bold;
}

/* == SubSub-Menü ======================================== */

#sublist ul{
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	list-style: disc inside;
}

#sublist ul li{
	color: #003399;
	background-image: none;
	line-height: 1.8em;
	text-decoration: none;
	padding-left: 12px;
	padding-top: 0px;
}

#sublist ul li a:link {
	font-weight: normal;
}

#sublist ul li a:visited {
	font-weight: normal;
}

#sublist ul li a:hover, #sublist ul li a.aktuell, #sublist ul li a.aktuell:visited {
	font-weight: normal;
}

/* == Links ============================================ */

#links {
	width: 160px;
	background: #6699FF url(../bilder/menuesignet.gif) no-repeat bottom left;
	margin: 0px 0px 0px 20px;
	padding:25px 5px;
	min-height: 600px;
	display:block;
	text-align:left;
	float: left;
}
/* ... und wieder ein Hack für meinen tumben Freund... */
* html #links {
	margin: 0px 0px 0px 10px;
	height: 600px;
}



#links hr {
	height: 1px;
	background: #003399;
	border: none;
}

#links h1 {
	font-size: 1.6em;
	margin: 0.5em 0;
	padding: 0px;
	color: #003399;
}

.linksbox {
	padding: 0px;
	color: #505050;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 25px 0px 0px;
}

.linksbox h2 {
	font-size: 1.5em;
	margin: 0.5em 0;
	padding: 0px;
	color: #003399;
}

.linksbox h3 {
	font-size: 1.3em;
	margin: 0px;
	padding: 0px;
	color: #003399;
	line-height: 1.3em;
}

.linksbox p {
	margin: 0px;
	line-height: 1.5em;
	padding: 0px;
}


.linksbox a {
	color: #003399;
  text-decoration: underline;
  font-weight: bold;
}

.linksbox a:hover {
  text-decoration: none;
}




/* == Rechts ============================================ */

#rechts {
	width: 128px;
	min-height: 500px;
	padding:0px 20px;
	margin: 0px 0px 0px 20px;
	float: left;
	background: #6699FF;
}

* html #rechts {
	height: 500px;
}

#rechts h1 {
	font-size: 1.6em;
	margin: 15px 0px 8px;
	padding: 0px;
	color: #003399;
}
/* ACHTUNG ... Stolperstein ;) */
* html #rechts h1 {
	margin: 5px 0px 8px;
}
	
.newsbox {
	padding: 0px;
	color: #505050;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 5px 0px 0px;
}

/* ACHTUNG ... Stolperstein ;) */
* html .newsbox {
	margin: 0px 0px -10px;
}
	

.newsbox h2 {
	font-size: 1.3em;
	margin: 0px;
	padding: 0px;
	color: #003399;
	line-height: 1.3em;
}

.newsbox h3 {
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	line-height: 1.0em;
}

.newsbox h4 {
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
	color: #003399;
	line-height: 1.0em;
}

.newsbox p {
	margin: 0 0 0.3em 0;
	line-height: 1.5em;
	padding: 0px;
	color: #000000;
}

.newsbox a {
	color: #003399;
  text-decoration: underline;
  font-weight: bold;
}

.newsbox a:hover {
  text-decoration: none;
}

.newsbox hr {
	height: 1px;
	background: #FFFFFF !important;
	border: none;
	margin: 1em 0 1em 0;
}

.terminbox {
	padding: 0px;
	color: #505050;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 25px 0px 0px;
}

.terminbox h2 {
	font-size: 1.3em;
	margin: 0px;
	padding: 0px;
	color: #003399;
	line-height: 1.3em;
}

.terminbox h3 {
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	line-height: 1.0em;
}

.terminbox h4 {
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
	color: #003399;
	line-height: 1.0em;
}

.terminbox p {
	margin: 0 0 0.3em 0;
	line-height: 1.5em;
	padding: 0px;
	color: #000000;
}

.terminbox a {
	color: #003399;
  text-decoration: underline;
  font-weight: bold;
}

.terminbox a:hover {
  text-decoration: none;
}

.txtbox hr {
	height: 1px;
	background: #FFFFFF;
	border: none;
	margin: 1em 0 1em 0;;
}

.txtbox {
	padding: 0px;
	color: #505050;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 15px 0px 0px;
}

.txtbox h2 {
	font-size: 1.5em;
	margin: 0.5em 0;
	padding: 0px;
	color: #003399;
}

.txtbox h3 {
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
	color: #003399;
	line-height: 1.0em;
}

.txtbox h4 {
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
	color: #003399;
	line-height: 1.0em;
}

.txtbox p {
	margin: 0 0 0.3em 0;
	line-height: 1.5em;
	padding: 0px;
	color: #000000;
}



.txtbox a {
	color: #003399;
  text-decoration: underline;
  font-weight: bold;
}

.txtbox a:hover {
  text-decoration: none;
}


/* == Kruemelpfad ====================================== */

#kruemelpfad {
	position: relative;
	z-index: 8;
	padding:0px;
	float:left;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
	width: 480px;
	font-size: 11px;
	color: #003399;
}

#kruemelpfad a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}

#kruemelpfad a:visited {
	color: #666666;
	text-decoration: none;
	border: none;
}

#kruemelpfad a:hover, a:focus {
	border-bottom: 1px dotted #666666;
}

#kruemelpfad a:active {
	color: #333333;
	border: none;
}

#hauptpfad {
	position: relative;
	z-index: 8;
	padding:0px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	width: 480px;
	font-size: 11px;
	color: #003399;
}
/* grusel, grusel, grusel */
* html #hauptpfad {
	margin-bottom: 8px;
}

#hauptpfad a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}

#hauptpfad a:visited {
	color: #666666;
	text-decoration: none;
	border: none;
}

#hauptpfad a:hover, a:focus {
	border-bottom: 1px dotted #666666;
}

#hauptpfad a:active {
	color: #333333;
	border: none;
}





/* == Inhalt =========================================== */

#inhalt {
	padding:0px;
	float:left;
	width: 650px;
	margin: 0px 0px 60px 20px;
}

#inhaltschmal {
	float:left;
	width: 480px;
	margin: 0px 0px 60px 20px;
	min-height:600px;
}
* html #inhaltschmal{
height:600px;
}

.inhaltsbox, #mailform, .csc-sitemap,.csc-uploads{
	padding: 0px;
	margin: 15px 0px 15px 0px;
	display: block;
	clear: both;
	float: none;
}

/* ACHTUNG ... Stolperstein ;) */
* html .inhaltsbox, #mailform, .csc-sitemap,.csc-uploads{
	margin: 8px 0px 15px 0px;
}

.inhaltsbox_links {
	padding: 0px;
	margin: 15px 0px 15px 0px;
	float: left;
	width: 45%;
}
* html .inhaltsbox_links {
	margin: 15px 0px 15px 0px;
}

.inhaltsbox_rechts {
	padding: 0px;
	margin: 15px 0px 15px 0px;
	float: right;
	width: 45%;
}

.inhaltsbox_links_bgr {
	padding: 15px 15px 10px;
	margin: 15px 0px 15px 0px;
	float: left;
	width: 270px;
	background-color: #E0E1E4;
	font-size: 0.95em;
}
* html .inhaltsbox_links_bgr {
	margin: 15px 0px 15px 0px;
}

.inhaltsbox_rechts_bgr{
	padding: 15px 15px 10px;
	margin: 15px 0px;
	float: right;
	width: 270px;
	background-color: #E0E1E4;
	font-size: 0.95em;
}

#inhalt ul, #inhaltschmal ul {
	line-height: 1.5em;
	color: #666666;
	list-style-type: none;
	margin: 0 0 2.5em;
	padding: 0;
	font-size: 1em;
	font-weight: bolder;
}

#inhalt li, #inhaltschmal li {
	margin-bottom: 3px;
	background-image:  url(../bilder/redbullet.gif);
	background-repeat: no-repeat;
	padding-left: 1.3em;
	background-position: 0px 0px;
/*	height:20px;*/
}

.inhaltsbox .bild {
	float: left;
	margin: 5px 0px 15px 0px;
	width: auto;
}

.inhaltsbox .bild img {
	margin: 0px 20px 3px 0px;
}

.inhaltsbox .bild p {
	padding: 0px 0px 0px 5px;
	margin: 0px;
	text-align: left;
	font-size: 0.95em;
	font-style: italic;
	line-height: 1.1em;
}



/* == Fusszeile ============================================ */

#fusszeile {
	width: 900px;
	position: relative;
	margin: -20px auto 0;
	z-index: 10;
	height: 20px;
	background-color: #FFFFFF;
	border: none;
}
/* HackMeck für IE - gibt die andere Höhe für die Fußzeile an */
* html #fusszeile {
	margin-top: -20px;
}

#fusszeile a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}

#fusszeile a:visited {
	color: #666666;
	text-decoration: none;
	border: none;
}

#fusszeile a:hover, a:focus {
	border-bottom: 1px dotted #666666;
}

#fusszeile a:active {
	color: #333333;
	border: none;
}

#fussmenue {
	width: 480px;
	position: absolute;
	z-index: 10;
	height: 20px;
	/*font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/
	font-size: 11px;
	color: #666666;
	left: 210px;
	top: -20px;
	text-align: left;
	padding-top: 0.7em;
	padding-left: 0px;
}

/* == Formular Styles =========================================== */

#inhalt form {
	margin: 0;
	padding: 0;
}

#inhalt form p {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color: #505050;
	margin: 0 0 0 0;
}

#inhalt input, #frmMarginal input {
	font-size: 10px;
	color: #505050;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #003399;	
	padding: 4px;
	margin: 0px 10px 0px 0px;
	background-color: #FFFFFF;
}

#inhalt input:focus, input:hover {
	background-color: #EEEFF1;
}

#inhalt input.highlight {
	background-color: #FFCCCC;
}

#inhalt textarea {
	font-size: 10px;
	color: #505050;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid  #003399;
	padding: 4px;
	margin: 0;
	background-color: #FFFFFF;
	height: 150px;
	width: 95%;
}

#inhalt textarea:focus, textarea:hover {
	background-color: #EEEFF1;
}

/* == .Klassen =========================================== */

.zitat {
	line-height: normal;
	font-style: italic;
	font-weight: bold;
}

.italic {
	margin: 0px;
	font-style: italic;
}

.bold {
	margin: 0px;
	font-weight: bold;
}

.textrechts {
	text-align: right;
}

.center {
	text-align: center;
}

.klein {
	color: #FF6600;
	font-size: 0.9em;
	margin-bottom: 0.2em;
}

.grau{
	color: #505050;
}

.orange{
	color: #FF9900;
}

.clear {
	display: block;
	clear: both;
	float: none;
	height: 0px;
}

.clear_0 {
	display: block;
	clear: both;
	float: none;
}

.nichtAnzeigen {
  display: none !important;
}

#Layer1{float:left;}

#inhalt .csc-mailform-field label{width:120px;display:block;float:left;}
#inhalt .csc-mailform-field input{width:280px;;height:15px;margin:0 0 5px 0;}
#inhalt .csc-mailform-field select{margin:0 0 5px 0;}
#inhalt .csc-mailform-field textarea{width:280px;height:180px;}
#inhalt .csc-mailform-field .csc-mailform-submit{width:100px;float:left;height:20px;margin:10px 260px 0px 0px;}
#inhalt .csc-mailform-field .csc-mailform-check{width: 15px;float:left;height:15px;margin:10px 260px 0px 0px;}
#inhalt fieldset{border:none;}


#frmMarginal{border:none;margin:0px;}
#frmMarginal fieldset{border:none;padding:0px;}
#frmMarginal legend{display:none;}
#frmMarginal input.inputButton{width:120px;	border: 1px solid #999999;margin:5px 0 5px 0;}
#frmMarginal input{border: 1px solid #999999;background:#f4f4f4;}
.tx-newloginbox-pi1 p{	font-size: 11px;line-height:11px;padding:0;margin:0 0 5px 0;}
.tx-newloginbox-pi1{width: 135px;}
.tx-srfeuserregister-pi1 dt{text-align:left;width:130px;}

.csc-header{clear:left;float:none;}

table.csc-uploads{}
table.csc-uploads td{border-right:2px solid #fff;border-bottom:2px solid #fff;}
td.csc-uploads-icon{width:60px; height:60px; background:#C0DCFF;}
td.csc-uploads-icon img {width:52px; height:52px;}
td.csc-uploads-fileSize{width: 40px;}
td.csc-uploads-fileName a {font-weight: bold;}
td.csc-uploads-fileName {width: 545px;}

/* default styles for extension "tx_a21glossary" */
acronym, dfn, abbr, span.abbr { border-bottom: 1px dotted black; cursor: help; }
dl.glossary dt { font-weight: bold; margin: 0 0 3px 0; font-style: normal; }
dl.glossary dd { margin: 0 0 15px 20px; }
dl.glossary .description { margin: 0; padding: 0; }
dl.glossary .type { font-style: italic; padding: 0 3px 0 0; }

a.glossary, a.glossary dfn, a.glossary abbr, a.glossary acronym {
	text-decoration: none;
	background-color: transparent;
	font-style: normal;
}

p a.glossary {
	color: #515151;
}

p strong a.glossary {
	color: #003399;
}

h1 a.glossary, h1 a.glossary dfn, h1 a.glossary abbr, h1 a.glossary acronym {
	color: #16A2E1;
	border-bottom: none;
}

h2 a.glossary {
	color: #999999;
	border: none;
}

#hauptmenue acronym, #hauptmenue dfn, #hauptmenue abbr {
	border-bottom: none;
}

.tx-flvplayer2-pi1 {
	width:500px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}