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

/* ################################################################################################## */
/* ------------------          Reset the per-browser varying "defaults"         --------------------- */
/* ################################################################################################## */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body { line-height:1em; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
:focus { outline:0; }
ins, a { text-decoration:none; }
del { text-decoration:line-through; }
table {
	border-collapse:collapse;
	border-spacing:0;
}
input, textarea { outline:none; } /* check ob mans löchen kann?! */

/* ################################################################################################## */
/* ------------------------------          Rahmen Main         -------------------------------------- */
/* ################################################################################################## */

body {background-color:#262626; }
#index {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#262626; }
#nav {position:relative; top:0px; left:0px; width:100%; height:50px;}
#rahmen {position:relative; top:0px; left:0px; width:100%; height:460px;}/* bei bild.php verwendet! */
#nav2 {position:absolute; left:0px; width:100%; height:40px; top:533px;}

/* ################################################################################################## */
/* ---------------------------          Linie oben/unten         ------------------------------------ */
/* ################################################################################################## */

#linieoben, #linieunten, #linieunten22 {position:absolute; padding:0; margin:0 0 0 0;  left:0; width:100%; height:0px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#929292; z-index:101;}

#linieoben { top:50px; }
#linieunten { top:523px; }


/* ################################################################################################## */
/* ---------------------------------          Navigation oben         ------------------------------- */
/* ################################################################################################## */

div#logo, div#m1, div#m2, div#mm1, div#mm2, div#m4, div#m3 {position:relative; top:0px; left:0px; padding:0; height:22px;}

div#logo { margin:8px 0px 0px 20px; float:left;}
div#m1 { width:40px; margin:8px 0px 0px 50px;  float:left;}
div#m2 { width:40px; margin:8px 0px 0px 30px;  float:left;}
div#m3 { width:40px; margin:8px 5px 0px 30px;  float:left;}
div#mm1, div#mm2 { width:21px; height:15px; margin:18px 0px 0px 60px;  float:left;}
div#m4 { margin:8px 0px 0px 50px; float:right;}

/*allgemeine deklarationen von Text darunter */
div#nav a:hover span { text-decoration:underline; }

div#nav a span {
   display: inline-block;
   position: absolute;
   z-index: 100;
   color: #fff; 
   background: #262626;
   font: 10px Arial, serif; 
   text-align: center;
 }
/*Position von Text darunter */
div#m1 a span, div#m2 a span, div#m3 a span {   /* Slave, Salve2, Band */
   width:70px;
   top: 26px; 
   left: -15px; 
}

div#mm1 a span, div#mm2 a span {  /* Bilderliste, Beschreibung */
   top: 2px; 
   left: 25px;
}
  
/* ################################################################################################## */
/* ------------------------------          Navigation unten         --------------------------------- */
/* ################################################################################################## */

div#submenu {position:relative; left:0px; padding:0; width:100%; float:left; text-align:center;}
div#sprache {position:absolute; top:0px; right:0px; width:100px; padding:0; margin:8px 20px 0px 20px; float:left; text-align:right;}
div#dt_eng {position:relative; top:0px; left:0px; padding:0px; margin:8px 130px 0px 130px; float:center; text-align:center;}
div#copyright {position:absolute; top:0px; left:0px; width:100px; padding:0; margin:5px 20px 0px 20px; float:left; text-align:left;}



/* border: solid 1px #929292; */

/* ################################################################################################## */
/* -------------------------          Projekte  slave/slave2        ---------------------------------- */
/* ################################################################################################## */

div#pro_master {margin-right:25px; margin-left:0px; margin-bottom:5px; width:604px; height:20px; border-bottom:solid 1px #fff;} /* Überschrift Masterprojekte */
div#pro_projekt {margin-right:25px; width:604px; height:113px;} /* Div um Projekt */
div#pro_bild {margin-top:3px; float:left;} /* Div um Bild */
div#pro_text {width:294px; height:86px; float:right;} /* Div um Text */

/* ################################################################################################## */
/* ------------------------------          Bilderliste         -------------------------------------- */
/* ################################################################################################## */

div#list_bild {margin-right:-20px; width:110px;height:110px;} /* Div um Bild */

/* ################################################################################################## */
/* ---------------------------------          Bild         ------------------------------------------ */
/* ################################################################################################## */

div#bild {position:relative; left:0px; top:20px; float:left;} /* Div um Bild */
div#bild_projekt {position:relative; top:20px; left:0px; float:left;} /* Div um ProjektTitel (links) */
div#bild_p_bottom {position:absolute; bottom:0px; right:0px; text-align:right; margin-bottom:20px; padding-right:20px;} /* Div für Textausrichtung rechts unten */
div#bild_text {position:relative; top:20px; left:0px; float:left; padding-left:20px; padding-right:20px; margin-top:-3px;} /* Div um Bildbeschreibung */
div#bild_weiter {position:absolute; bottom:0px; right:0px; text-align:right; margin-bottom:20px; padding-right:11px;} /* Div für Bild weiter/zurück */
div#bildvorzuruck {position:relative; right:0px; bottom:0px; padding:0; height:15px; width:20px; float:right; border: solid 1px #262626;}


/* ################################################################################################## */
/* ---------------------------------          Text        ------------------------------------------ */
/* ################################################################################################## */

div#text_titel {position:relative; left:0px; top:20px; height:auto; width:100%; margin-left:20px; margin-bottom:20px; float:left;} /* Div um Text */
div#text_beschr {position:relative; left:0px; top:20px; height:auto; width:294px; margin-left:20px; float:left;} /* Div um Text */

/* ################################################################################################## */
/* ---------------------------------          Über mich        -------------------------------------- */
/* ################################################################################################## */

div#ume_bild {position:relative; left:0px; top:20px; height:auto; width:294px; margin-left:20px; float:left;} /* Div um Bild */
div#ume_text {position:relative; left:0px; top:20px; height:auto; width:294px; margin-left:20px; float:left;} /* Div um Text */

/* ################################################################################################## */
/* ---------------------------------          Kontakt       ------------------------------------------ */
/* ################################################################################################## */

div#kontakt_spalte {position:relative; left:0px; top:20px; height:auto; width:294px; margin-left:20px; float:left;} /* Div um Text */
div#kontakt_zeile_text {position:relative; left:0px; height:auto; width:294px; margin-bottom:0px; float:left; bottom:0px;} /* Div um Text */
div#kontakt_zeile {position:relative; left:0px; height:auto; width:294px; margin-bottom:15px; float:left; bottom:0px;} /* Div um Text */
div#kontakt_zeile_fehler {position:relative; top:10px; left:0px; height:auto; width:90%; margin-left:20px; margin-bottom:5px; float:left; bottom:0px;} /* Div um Text */

/* ################################################################################################## */
/* ---------------------------------          Slideshow / Index       ------------------------------- */
/* ################################################################################################## */

div#index_top {position:relative; top:0px; height:auto; width:100%; margin-left:0px; clear:both;} /* Div Willkommenstext und Slideshow */
div#index_projekte {position:relative; top:0px; height:auto; width:100%; margin-left:0px;; clear:both;} /* Div Projektebuttons */
div#index_text {position:relative; left:0px; top:20px; height:176px; width:628px; margin-left:0px; float:left; } /* Div für Willkomenstext */
div#index_text_spalte {position:relative; left:0px; top:0px; height:176px; width:294px; margin-left:20px; float:left; overflow:hidden; } /* Div um Text */
div#index_einespalte {position:relative; left:0px; top:0px; height:176px; width:608px; margin-left:20px; float:left;} /* Div für Spalten */
div#index_spalte {position:relative; left:0px; top:60px; height:auto; width:294px; margin-left:20px; float:left;} /* Div um Text */

div#slideshow_main {
	position:relative;
	width:294px;
	left:0px;
	margin-left:20px;
	margin-top:20px;
	height:176px;
	float:left;
}


div#pro_text_master { width:294px; height:20px; float:left; border-bottom:solid 1px #fff; }
div#pro_bild_master  {margin-top:15px; float:left;} /* Div um Bild */

div#stage0 {
	position:absolute;
	top:0;left:0;
	width:294px;
	height:176px;
	overflow:hidden;
}
div#stage0 a {
	position:relative;
	display:block;
	width:294px;
	height:176px;
	text-decoration:none;
}
div#stage0 a img {
	height:251px;
	width:auto;
	position:absolute;
}
div#stage0 span.info {
	position:absolute;
	display:none;
	bottom:0px;
	left:0px;
	z-index:100;
	padding:1px;
	width:294px;
	font-size: 12px; 
	font-family: Arial, serif;
	text-decoration:none;
	background:#262626;
	color:#fff;
	/*filter:alpha(opacity=70);*/
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
div#stage0:hover span.info {
	display:block;
}

/* slideshow */
div.slideshow {
	position:relative;
	margin:0 0 0 0;
	height:176px;
	width:294px;
	clear:both;
}

.hidden { display:none; }