/***********************************************/ /* basic.css */ /* Autor: Harald Hörst 09.05.2009 */ /***********************************************/ /* Adaption für www.kiraut.de */ /* basic styles for kiraut.css and bachert.css */ /***********************************************/ /* DOCTYPE korrekt setzen !!!*/ /**/ body { color : Black; padding: 0px; margin:0px; left:0px; top:0px; min-width:100%; width:100%; font-family: Arial,Helvetica,Sans-Serif; font-size:20pt; background-color:#F0F0F0; } a, a:after, a:link:after { color: #000000; background-color:transparent; text-decoration:none; /*content: "(" attr(href) ") "; */ } a:visited:after { color:#000000; background-color:transparent; text-decoration:none; /*content: " (" attr(href) ") "; */ } * html body {height:100%;text-align: center;overflow: hidden;margin:0;padding:0;} /*für den IE*/ #Abstand { width: 1px; height: 50%; margin-bottom:-275px; float:left; } #Fenster { display:block; position:absolute; left:1em; right:1em; top:1em; bottom:1em; margin:0 auto; width:90%; min-width:800px; max-width:1200px; height:90%; min-height:36em; max-height:40em; background-color:#F6F6F6; overflow: hidden; z-index:1; } #FO { position:absolute; top:0px; left:0px; height:17%; width:100%; z-index:2; } #FU { position:absolute; top:17%; left:0px; height:83%; width:100%; z-index:2; } #FUL { position:absolute; top:0px; left:0px; height:100%; width:180px; z-index:3; border: 0px solid #0000FF;} #FUR { position:absolute; top:0px; left:180px; right:0px; height:100%; z-index:3; border: 0px solid #00FF00;} #FURL { position:absolute; top:0px; left:0px; right:180px; height:100%; z-index:4; border: 0px solid #FF0000;} #FURR { position:absolute; top:0px; right:0px; height:100%; width:180px; z-index:4; border: 0px solid #FF00FF;} #FURLO{ position:absolute; top:0px; left:0px; right:0px; height:2em; z-index:5; border: 0px solid #FF00FF;} #FURLU{ position:absolute; top:2em; left:0px; right:0px; bottom:0px; z-index:5; border: 0px solid #00FF00;} /* FensterUntenRechtsRechts */ #Kopf { position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:left; z-index:10; /*border: 0px solid #00FF00;*/ } #Menue1 { position:absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; font-weight: 100; font-size: 100%; line-height:100%; text-decoration:none; text-align:left; /*border: 3px solid red;*/ z-index:10; } #MenueIndikator { position:absolute; top:-2em; bottom: 0px; left: 0px; right: 0px; font-weight: 100; font-size: 100%; line-height:100%; text-decoration:none; text-align:left; width:0.6em; /* border: 3px solid red;*/ } #Menue2 { position:absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; font-weight: 100; font-size: 100%; line-height:100%; text-decoration:none; text-align:left; z-index:10; /*border: 3px solid green;*/ } #Titel { position:absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left:1em; line-height:2em; font-size:110%; font-weight:900; /*border: 2px solid #FF0000;*/ z-index:20; } #Sprachen { position:absolute; top: 0px; bottom: 0px; right: 1em; font-size:80%; font-weight:300; z-index:30; } #Sprachen a {text-decoration:none;} #Inhalt { position:absolute; left:0px; top:0px; bottom:0px; right:0px; padding:1em 1em 1em 1em; overflow: scroll; overflow-x: hidden; overflow-y: auto; vertical-align:top; text-align:left; font-weight: 100; font-size: 100%; line-height:120%; text-decoration:none; z-index:100; } .MainmenueItem {position:absolute;width:100%;line-height:1.5em;font-weight: 500; letter-spacing:0em;} .MainmenueItem a, .MainmenueItem a:link{display:block; width:100%;} .MainmenueItem a{color:#FFFFFF; text-decoration:none;} .MainmenueItem a:hover{color:#FFFFFF; background-color:#999999;} .SubmenueItem {position:absolute;width:100%;line-height:1.5em;font-weight: 500;font-size:80%;} .SubmenueItem a, .MainmenueItem a:link{display:block; width:100%;} .SubmenueItem a{color:#FFFFFF; text-decoration:none;} .SubmenueItem a:hover{color:#FFFFFF; background-color:#999999; } .SubmenueItem span.akt {text-decoration:underline;font-style : italic;} .Schlagzeile {position:absolute;width:100%;line-height:2em;font-weight: 500;font-size:60%;} .Schlagzeile a, .Schlagzeile a:link{display:block; width:100%;} .Schlagzeile a{color:#FFFFFF;text-decoration:none;} .Schlagzeile a:hover{color:#FFFFFF; background-color:#999999; } h1{ margin:0; line-height:2em; font-size:110%; font-weight:900;} h2 { font-size:120%; font-weight:bold;clear: both;} h3 { font-size:110%; font-weight:normal; font-style : italic;clear: both;} h4 { font-size:100%; font-weight:normal; text-decoration: underline; margin-bottom: 0px; margin-top: 0px;} h1.fehler { font-weight:900; color:red;} h2.fehler { font-weight:900; color:red;} h3.fehler { font-weight:900; color:red;} li.fehler { font-weight:900; color:red;} p.fehler { font-weight:900; color:red;} div.fehler { font-weight:900; color:red;} .fehler { font-weight:900; color:red;} table.kontakt { border: 0px none; border-collapse: collapse;} table.kontakt th { border-left: 1px solid #000000; font-size:80%; text-align:center; vertical-align:top;} table.kontakt td { border-top: 1px solid #000000;border-left: 1px solid #000000; font-size:80%; text-align:left; padding : 5px 5px 5px 5px; } table.kontakt td.kopf {border-left: 0px none;text-align:left;} table.kontakt th.kopf {border-left: 0px none;} table.produkt { border: 1px solid #000000; border-collapse: collapse;} table.produkt th { border: 1px solid #000000; font-size:80%; text-align:center; vertical-align:top;} table.produkt td { border: 1px solid #000000; font-size:80%; text-align:center; padding : 5px 5px 5px 5px; } table.produkt td.kopf {text-align:left;} img.right { border:0 none; float:right; margin : 10px 0 10px 10px;} img.left { border:0 none; float:left; margin : 10px 10px 10px 0;} img.rightclear { border:0 none; float:right; margin : 10px 0 10px 10px; clear: both;} img.leftclear { border:0 none; float:left; margin : 10px 10px 10px 0; clear: both;} img.center {border:0 none;display: block; margin-left: auto; margin-right: auto;text-align:center;} .fliesstext { padding-left:2%; text-indent:-1%; width:90%; text-align:justify; } .quelle { font-size:80%; text-align:right; } .tab4em {position:absolute;left:4em;} .tab6em {position:absolute;left:6em;} .tab8em {position:absolute;left:8em;} .tab7em {position:absolute;left:7em;} .tab10em {position:absolute;left:10em;} .tab12em {position:absolute;left:12em;} .tab14em {position:absolute;left:14em;} .tab15em {position:absolute;left:14em;} .tab16em {position:absolute;left:16em;} .tab18em {position:absolute;left:18em;} .tab20em {position:absolute;left:20em;} .tab30em {position:absolute;left:30em;} .tab32em {position:absolute;left:32em;} .tab34em {position:absolute;left:34em;} .tab35em {position:absolute;left:35em;} .tab36em {position:absolute;left:36em;} .tab37em {position:absolute;left:37em;} .tab38em {position:absolute;left:38em;} .tab39em {position:absolute;left:39em;} .tab40em {position:absolute;left:40em;} .tab42em {position:absolute;left:42em;} .tab44em {position:absolute;left:44em;} .tab45em {position:absolute;left:45em;} .tab50em {position:absolute;left:50em;} .tab52em {position:absolute;left:52em;} .tab54em {position:absolute;left:54em;} .vtab1em {display: block;margin-bottom:1em;clear: both;} .vtab2em {display: block;margin-bottom:2em;clear: both;} .vtab4em {display: block;margin-bottom:4em;clear: both;} .vtab8em {display: block;margin-bottom:8em;clear: both;} div.ordner { font-size:90%;} div.ordner img {border: 0px none;} div.ordner a{text-decoration:none; } div.datei { font-size:90%;} div.datei img {border:0px none;} div.datei a{text-decoration:none;} div.datei span.tab20em {position:absolute;left:20em;width:10em;text-align:right;} div.datei span.tab30em {position:absolute;left:30em;width:10em;text-align:right;} #upload div{height:2em;} /* Formulare */ fieldset {font-size: 80%;} legend {font-size: 100%;} .pflicht{ font-size: 100%; font-weight: 900;} .finner { width:100%; padding: 0px 0px 0px 0px;} .tbox { width:90%; margin-top:5px; float: left;} div.tbox legend {font-size: 80%;font-weight:700;} .tbox_bl { background-color: #0091dc; padding: 4px 0 5px 10px; margin:0; color: #FFFFFF; font-size: 90%; font-weight: bold;} .fbox_bg { background-color: #F1F1F1; margin-top:1px; width:100%; height: 30px;}/*575px;*/ .fbox_in { padding: 5px 0 0 12px;} .fbox_bg_err { background-color: red; margin-top:1px; width: 100%; height: 30px;}/*575px;*/ .fbox_in_err { background-color: red; padding: 5px 0 0 12px;} .flabel { margin-top: 2px; width:7em; float: left; font-size: 80%;}/*135px;*/ .finput { border: 1px solid #888888; width:75%; height: 18px; float: left; font-size: 80%;}/*413px*/ .finput1_4 { border: 1px solid #888888; width:14%; height: 18px; float: left; font-size: 80%;}/*413px*/ /*1/4 Breite*/ .finput3_4 { border: 1px solid #888888; width:60%; height: 18px; float: left; font-size: 80%;}/*413px*/ /*3/4 Breite*/ .fselect { border: 1px solid #888888; width:150px; height: 18px; float: left; font-size: 80%;} .finfo { margin-bottom: 5px; color: #666666;} .fcheck{ margin-top: 5px; width: 12px; height: 12px; float: left;} .fchecktxt{ margin: 4px 24px 0 5px; float: left; font-size: 80%;} .ftext {font-size: 80%;height:60px;} span.revdir { unicode-bidi:bidi-override; direction: rtl; } /* .hoverbox a { cursor: default; } .hoverbox a .txtpreview, .hoverbox a .imgpreview { display: none; } .hoverbox a:hover .txtpreview, .hoverbox a:hover .imgpreview { display: block; position: absolute; z-index: 1; } .hoverbox .imgpreview { left:-110px; width:100px; } .hoverbox .txtpreview { left:187px; font-size: 100%; background: #fffFFF; text-align:center; border-color: #000000; border-style: solid; border-width: 1px; padding:0 5px 0 5px; color: black; display: table-cell; /*line-height:250%;*/ vertical-align: middle; white-space: nowrap; / * width: 300px; height:3em; * / z-index: 100; } */