@media all { /************************************************/ /* '------------------------------------------------- ' Grundeinstellungen '------------------------------------------------- */ * html body * { overflow: visible; } * html iframe, * html frame { overflow: auto; } html { height: 100%; /*margin-bottom: 1px;*/ font-family: 'Courier New', Georgia, Arial, Helvetica, Verdana, sans-serif; /*font-size: 100.01%;*/ font-size: 16px; } body { height: 100%; position: relative; /* Hintergrund */ background: #000 url('../5_images/picts/2000x1200/gitarre.jpg') fixed no-repeat center top; /* Schrifteinstellungen */ font-size: 87.50%; color: #fff; line-height: 1.1em; letter-spacing: 0; word-spacing: normal; text-align: left; text-decoration: none; } * { font-size: 100%; padding: 0; margin: 0; } /* font-family:'EurostileNextW01-Light'; font-family:'EurostileNextW02-SemiBd 693874'; font-family:'Bronx W01'; */ /* '------------------------------------------------- ' Definition Layer '------------------------------------------------- */ div#pageWrapper { position: relative; width: 100%; min-width: 564px; height: 100%; text-align: right; z-index: 1; } div#layoutWrapper { position: relative; width: 564px; height: 100%; text-align: left; float: right; z-index: 3; } /* ELEMENTS */ div#bgShadowLayer { position: fixed; right: 0px; top: 0px; width: 564px; height: 100%; z-index: 3; } div#bgShadowLayer img { width: 564px; height: 100%; } div#navigationLayer { position: absolute; left: 45px; top: 50px; width: 440px; height: auto; z-index: 21; } div#logoLayer { position: relative; left: 5px; width: 435px; height: auto; /*font-family: 'EurostileNextW02-SemiBd 693874','Courier New', Georgia, Arial, Helvetica, Verdana, sans-serif;*/ font-size: 107.14%; font-weight: bold; text-transform: none; letter-spacing: 0px; } div#contentLayer { position: relative; width: 440px; padding: 195px 0 50px 50px; height: auto; z-index: 11; } table.bioClass { width: 440px; } table.bioClass tr td { text-align: left; vertical-align: top; padding-bottom: 10px; } table.bioClass tr td.year { width: 110px; } table.bioClass tr td.info { width: 330px; } /* '------------------------------------------------- ' Links '------------------------------------------------- */ a, a:link, a:visited { color: #fff; text-decoration: none; } a:hover, a:active, a:visited:hover, a:visited:active { color: #fff; font-weight: bold; } div#navigationLayer ul li a, div#navigationLayer ul li a:link { color: #d4d4d4; /*font-family: 'EurostileNextW01-Light','Courier New', Georgia, Arial, Helvetica, Verdana, sans-serif;*/ font-size: 100%; font-weight: normal; line-height: 1.1em; letter-spacing: 0px; text-decoration: none !important; text-transform: none; display: block; float: left; width: auto; padding: 1px 5px 1px 5px; } div#navigationLayer ul li a:hover { color: #fff; font-weight: bold; } div#navigationLayer ul li a:active { color: #fff; font-weight: bold; } div#navigationLayer ul li a:visited { color: #d4d4d4; } div#navigationLayer ul li a:visited:hover { color: #fff; font-weight: bold; } div#navigationLayer ul li a:visited:active { color: #fff; font-weight: bold; } div#navigationLayer ul li a.actClass, div#navigationLayer ul li a.actClass:link, div#navigationLayer ul li a.actClass:visited { color: #fff; font-weight: bold; } div#navigationLayer ul li a.actClass:hover, div#navigationLayer ul li a.actClass:active, div#navigationLayer ul li a.actClass:visited:hover, div#navigationLayer ul li a.actClass:visited:active { color: #fff; font-weight: bold; } /* '------------------------------------------------- ' Definition Subtemplates '------------------------------------------------- */ .subcolumns { width: 100%; overflow: hidden; margin-top: 0px; margin-bottom: 15px; } .c15l, .c20l, .c25l, .c30l, .c33l, .c35l, .c38l, .c40l, .c45l, .c48l, .c50l, .c52l, .c55l, .c60l, .c62l, .c65l, .c66l, .c70l, .c75l, .c80l, .c85l { float: left; } .c15r, .c20r, .c25r, .c30r, .c33r, .c35r, .c38r, .c40r, .c45r, .c48r, .c50r, .c52r, .c55r, .c60r, .c62r, .c65r, .c66r, .c70r, .c75r, .c80r, .c85r { float: right; margin-left: 0px; } .c15l, .c15r { width: 14.999%; } .c20l, .c20r { width: 19.999%; } .c25l, .c25r { width: 24.999%; } .c30l, .c30r { width: 29.999%; } .c33l, .c33r { width: 33.333%; } .c35l, .c35r { width: 34.999%; } .c38l, .c38r { width: 38.199%; } .c40l, .c40r { width: 39.999%; } .c45l, .c45r { width: 44.999%; } .c48l, .c48r { width: 47.999%; } .c50l, .c50r { width: 49.999%; } .c52l, .c52r { width: 51.999%; } .c55l, .c55r { width: 54.999%; } .c60l, .c60r { width: 59.999%; } .c62l, .c62r { width: 61.799%; } .c65l, .c65r { width: 64.999%; } .c66l, .c66r { width: 66.666%; } .c70l, .c70r { width: 69.999%; } .c75l, .c75r { width: 74.999%; } .c80l, .c80r { width: 79.999%; } .c85l, .c85r { width: 84.999%; } .subcl { padding-right: 10px; } .subcr { padding-right: 10px; } .subc { padding-left: 10px; padding-right: 10px; } * html .c15l, * html .c20l, * html .c25l, * html .c30l, * html .c33l, * html .c35l, * html .c38l, * html .c40l, * html .c45l, * html .c48l, * html .c50l, * html .c52l, * html .c55l, * html .c60l, * html .c62l, * html .c65l, * html .c66l, * html .c70l, * html .c75l, * html .c80l, * html .c15r, * html .c20r, * html .c25r, * html .c30r, * html .c33r, * html .c35r, * html .c38r, * html .c40r, * html .c45r, * html .c48r, * html .c50r, * html .c52r, * html .c55r, * html .c60r, * html .c62r, * html .c65r, * html .c66r, * html .c70r, * html .c75r, * html .c80r { display: inline; } /* * html .subcolumns .subcl, * html .subcolumns .subcr { word-wrap: break-word; overflow: hidden; } */ /* '------------------------------------------------- ' Definition Elemente - Standardeinstellungen '------------------------------------------------- */ .clearClass { clear: both; display: block; height: 0; width: 0; overflow: hidden; } .ghostClass { display: none; } .noWrapClass { white-space: nowrap; } hr { border: 0px; /* Firefox und Opera */ border-top: 1px solid #ccc; border-bottom: transparent; margin: 20px 0 20px 0; } div.distanceClass { position: relative; width: 100%; height: 25px; background-color: transparent; } .alignLeftClass { text-align: left !important; } .alignCenterClass { text-align: center !important; } .alignRightClass { text-align: right !important; } .alertClass { font-weight: bold; color: #c00; } .topZeroClass { margin-top: 0 !important; } .topSingleClass { margin-top: 1.4em !important; } .topDoubleClass { margin-top: 2.4em !important; } .bottomZeroClass { margin-bottom: 0 !important; } .bottomSingleClass { margin-bottom: 1.4em !important; } .bottomDoubleClass { margin-bottom: 2.4em !important; } .w25Class { width: 24.999% !important; } .w33Class { width: 33.333% !important; } .w38Class { width: 37.999% !important; } .w50Class { width: 49.999% !important; } .w60Class { width: 59.999% !important; } .w66Class { width: 66.666% !important; } .w75Class { width: 74.999% !important; } p { margin: 0 0 1.4em 0; } .pClass { margin: 0 0 1.4em 0; } .firstClass { margin-top: 0em; } p.listTitleClass { font-weight: normal; margin-bottom: 5px; } table { border-width: 0; margin: 0 0 1.4em 0; border-collapse: collapse; empty-cells: hide; } th, td { background-color: transparent; } table p, table ul, table ol { margin-bottom: 0; } img { border: 0; } strong, b { font-weight: bold; } em, i { font-style: italic; } pre, code { font-family: "Courier New", Courier, monospace; } address { font-style: normal; margin: 0 0 1.4em 0; } acronym, abbr { letter-spacing: 0.07em; border-bottom: 1px dashed #000; cursor: help; } blockquote, cite { margin: 0 0 1.4em 1.4em; width: auto; } sup { font-size: 75%; } .paragraph-supersize sup { font-size: 50%; } sub { font-size: 75%; } sup, sub { position: relative; height: 0; line-height: 1; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } h1 { font-family: 'Bronx W01', 'Courier New', Georgia, Arial, Helvetica, Verdana, sans-serif; font-size: 200%; font-weight: normal; color: #fff; line-height: 1.2em; margin: 0 0 1.0em 0; } h2 { font-size: 100%; font-weight: bold; color: #fff; line-height: 1.5em; margin: 0 0 0em 0; } h3 { font-size: 100%; font-weight: bold; color: #fff; line-height: 1.5em; margin: 0 0 0em 0; } h1.notFirstClass, h2.notFirstClass, h3.notFirstClass { margin-top: 2.4em; } /* '------------------------------------------------- ' Listen '------------------------------------------------- */ ul, ol, dl { position: relative; margin: 0 0 1.4em 0; } ul { list-style-type: none; list-style-position: outside; margin-left: 0px; } ol { list-style-type: decimal; list-style-position: outside; margin-left: 15px; } /* Liste Navigation - horizontal */ div#navigationLayer ul { list-style-type: none; list-style-position: outside; display: inline; margin-left: 0px; overflow: hidden; width: 100%; } div#navigationLayer ul li { float: left; display: inline; } /************************************************/ }