initialer import von douth-hiphop.de's Entwicklungsstand

css/format.css

@@ -0,0 +1,77 @@
+#arrleft {
+  position:absolute;
+  top:0px;
+  left:0px;
+}
+#arrright {
+  position:absolute;
+  top:0px;
+  left:464px;
+}
+#imgscroller {
+  position:absolute;
+  top:0px;
+  left:10px;
+  width:464px;
+  height:65px;
+  overflow:hidden;
+}
+#scrollable {
+  position:absolute;
+  top:0px;
+  left:0px;
+  height:65px;
+}
+div.thumbnail {
+  margin-left:3px;
+  float:left;
+}
+
+a.lightbox img {
+  border:0;
+}
+
+.bildposition {
+	margin: middle;
+	position:relative;
+	top:3px;
+	bottom:auto;
+	
+}
+#imagedescription {
+position:relative;
+  weight: 330px;
+  height: 25px;
+  top: 300px;
+  left: 0px;
+  color: #ffffff;
+  font-size:10px;
+  font-style:normal;
+  font-weight:normal;
+  text-align:center;
+  vertical-align:center;
+  
+}
+.imgdescription {
+  color: #ffffff;
+  position: absolute;
+  font-size:10px;
+  font-style:normal;
+  font-weight:normal;
+  text-align:center;
+}
+.sub_menu {
+  color:#FFFFFF;
+  font-size:10px;
+  font-weight:normal;
+  margin-left:2px;
+  margin-bottom:2px;
+}
+.sub_menu_colored {
+  color:#FF6600;
+  font-size:10px;
+  font-weight:normal;
+  margin-left:2px;
+  margin-bottom:2px;
+}
+

css/jquery.lightbox-0.4.css

@@ -0,0 +1,101 @@
+/**
+ * jQuery lightBox plugin
+ * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
+ * and adapted to me for use like a plugin from jQuery.
+ * @name jquery-lightbox-0.4.css
+ * @author Leandro Vieira Pinho - http://leandrovieira.com
+ * @version 0.4
+ * @date November 17, 2007
+ * @category jQuery plugin
+ * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
+ * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
+ * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
+ */
+#jquery-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 90;
+	width: 100%;
+	height: 500px;
+}
+#jquery-lightbox {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	z-index: 100;
+	text-align: center;
+	line-height: 0;
+}
+#jquery-lightbox a img { border: none; }
+#lightbox-container-image-box {
+	position: relative;
+	background-color: #fff;
+	width: 250px;
+	height: 250px;
+	margin: 0 auto;
+}
+#lightbox-container-image { padding: 10px; }
+#lightbox-loading {
+	position: absolute;
+	top: 40%;
+	left: 0%;
+	height: 25%;
+	width: 100%;
+	text-align: center;
+	line-height: 0;
+}
+#lightbox-nav {
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	z-index: 10;
+}
+#lightbox-container-image-box > #lightbox-nav { left: 0; }
+#lightbox-nav a { outline: none;}
+#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
+	width: 49%;
+	height: 100%;
+	zoom: 1;
+	display: block;
+}
+#lightbox-nav-btnPrev { 
+	left: 0; 
+	float: left;
+}
+#lightbox-nav-btnNext { 
+	right: 0; 
+	float: right;
+}
+#lightbox-container-image-data-box {
+	font: 10px Verdana, Helvetica, sans-serif;
+	background-color: #fff;
+	margin: 0 auto;
+	line-height: 1.4em;
+	overflow: auto;
+	width: 100%;
+	padding: 0 10px 0;
+}
+#lightbox-container-image-data {
+	padding: 0 10px; 
+	color: #666; 
+}
+#lightbox-container-image-data #lightbox-image-details { 
+	width: 70%; 
+	float: left; 
+	text-align: left; 
+}	
+#lightbox-image-details-caption { font-weight: bold; }
+#lightbox-image-details-currentNumber {
+	display: block; 
+	clear: left; 
+	padding-bottom: 1.0em;	
+}			
+#lightbox-secNav-btnClose {
+	width: 66px; 
+	float: right;
+	padding-bottom: 0.7em;	
+}

css/main.css

@@ -0,0 +1,232 @@
+@charset "UTF-8";
+/* CSS Document */
+
+
+body {
+	font-family:Verdana;
+	font-size:12px;
+	font-weight:bold;
+	text-decoration:none;
+	background-color:#660000;
+	color:#000000;
+	line-height:1,5;
+	margin:0px;
+	padding:0px;
+	onload:initScrollLayer();
+	margin-bottom: auto;
+	margin-top: auto;
+}
+
+td {
+font-family:Verdana,Arial,Helvetica;
+font-size:12px;
+font-weight:bold;
+color:#000000;
+}
+	
+ a:link {
+	font-family:Verdana,Arial,Helvetica;
+	font-size:10px;
+	font-weight:normal;
+	text-decoration:none;
+	color:#FFFFFF;
+	margin-left: 1px;
+}
+a:visited {
+	font-family:Verdana,Arial,Helvetica;
+	font-size:10px;
+	font-weight:normal;
+	text-decoration:none;
+	color:#FFFFFF;
+	margin-left: 1px;
+}
+a:active {
+	font-family:Verdana,Arial,Helvetica;
+	font-size:10px;
+	font-weight:normal;
+	text-decoration:none;
+	color:#FF6600;
+	margin-left: 1px;
+}
+#left {
+position:absolute; 
+width:202px; 
+height:100%; 
+background-color:#333333;
+left: 0px;
+top: 0px;
+}
+
+#right {
+position:absolute; 
+width:202px; 
+height:100%; 
+background-color:#333333; 
+left: 808px;
+top: 0px;
+}
+
+
+
+#content {
+	position:absolute;
+	width:616px;
+	height:100%;
+	background-color:#660000;
+	top: 0px;
+	left: 50%;
+	margin-top: 0px;
+	margin-left: -308px;
+	border-left: 3px #454648 solid;
+	border-right: 3px #454648 solid;
+}
+
+#content_container {
+	position:absolute;
+	width:490px;
+	height:492px;
+	background-color:#3D0000;
+	border:3px;
+	border-style:solid;
+	border-color:#454648;
+	left: 63px;
+	top: 57px;
+}
+
+#invisible {
+position:absolute; 
+width:490px; 
+height:492px;  
+left: 0px;
+top: 0px;
+z-index:1;
+}
+
+
+#content_container_s {
+position:absolute; 
+width:490px; 
+height:492px; 
+border:0px;
+border-style:solid;
+border-color:#454648; 
+left: 63px;
+top: 57px;
+}
+
+#menu {
+position:absolute; 
+width:330px; 
+height:14px;  
+left: 143.5px;
+top: 553px;
+margin-top:2px;
+z-index:10;
+}
+
+#sub_menu {
+position:absolute; 
+width:490px; 
+height:14px;  
+left: 0px;
+top: 450px;
+margin-top:2px;
+text-align:center;
+z-index:1;
+font-family:Verdana;
+	font-size:12px;
+	font-weight:normal;
+	text-decoration:none;
+}
+
+#sub_menu_produkte {
+position:absolute;
+width:490px;
+height:19px;
+background-color:#000000;
+font-family:Verdana;
+	font-size:12px;
+	font-weight:normal;
+	text-decoration:none;
+	color:#FFFFFF;
+left:0px;
+top:425px;
+margin-top:2px;
+text-align:center;
+z-index:2;
+}
+
+#slider {
+	position:absolute;
+	width:474px;
+	height:65px;
+	background-color:#333333;
+	left: 8px;
+	top: 8px;
+	padding:0px;
+}
+
+#slider_2 {
+	position:absolute;
+	width:474px;
+	height:67px;
+	left: 0px;
+	top: 0px;
+}
+
+
+#content_sub {
+	position:absolute;
+	width:330px;
+	height:330px;
+	left: 143px;
+	top: 149px;
+}
+
+#content_nav {
+position:absolute; 
+width:20px; 
+height:10px; 
+left: 298px;
+top: 305.5px;
+z-index:1;
+}
+
+#content_main {
+	position:absolute;
+	width:311px;
+	height:311px;
+	top: 9.5px;
+	left: 9.5px;
+	text-align:center;
+	font-weight: normal;
+}
+
+#content_main_s {
+	position:absolute;
+	width:311px;
+	height:311px;
+	top: 9.5px;
+	left: 9.5px;
+	text-align:center;
+	background-image: url(../content/portraet/bilder/port_back.jpg);
+}
+
+#content_main_in {
+border:0px;
+margin-left:3px;
+margin-top:3px;
+}
+
+
+
+//////////////Menu///////////////////
+
+
+.kontakt a {background-image: url("../grafiken/kontakt_1.png"); width:64px;height:13px;border:0px;}
+.kontakt a:hover {background-image: url("../grafiken/kontakt_2.png")}
+
+////////////////////////////////////
+
+
+

css/slider.css

@@ -0,0 +1,59 @@
+/* Styles for scrolling layers  
+	 Specify width and height in hold and wn, and in clip for wn */
+div#hold	{ 
+	position:relative; 
+	overflow:hidden;
+	width:454px;
+	height:67px;
+	top:0px;
+	left:0px; 
+	z-index:100
+	}
+div#wn	{ 
+	position:absolute; 
+	left:0px; 
+	top:0px; 
+	width:475px; 
+	height:67px; 
+	clip:rect(0px, 454px, 66px, 0px); 
+	overflow:hidden;	
+	z-index:1; 
+	padding:0px;
+	}
+div#lyr1	{ 
+	position:absolute; 
+	visibility:hidden; 
+	left:0px; 
+	top:0px;
+	width:474px;
+	height:67px; 
+	z-index:1; 
+	}
+  
+/* Styles for demo, not necessary for scrolling layers */  
+body {
+	overflow:hidden;
+	text-align:left;
+	font: 12px verdana, arial, helvetica, sans-serif;
+	margin-top: 0px;
+	margin-left: 0px;
+	margin-right: 0px;
+	width: auto;
+	height: auto;
+  }
+h1 { 
+  font-size:1.4em; 
+  margin:1.5em 0 2em 0; 
+  }
+a:link { color:#33c }	
+a:visited { color:#339 }	
+a img { border:none }
+
+table.main { 
+  width:475px; margin:0px;
+  height:65px;
+  background-color:#eee; border:1px dashed #666 
+  }
+td.arrows a { padding:0 1em }
+td.spacer { width:38px }
+td.footer { text-align:center; margin:0 }