@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; }
:focus { outline:0; }


/* ######################################################################################### */
/* --------------------------          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#m3, div#m4, div#m5, div#m6 {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 0px 0px 30px;  float:left;}
div#m4 { width:40px; margin:8px 0px 0px 30px;  float:left;}
div#m5 { width:40px; margin:8px 0px 0px 30px;  float:left;}
div#m6 { margin:20px 0px 0px 50px; float:right;}

/*allgemeine deklarationen von Text darunter */


div#m1 a span, div#m2 a span, div#m3 a span, div#m4 a span, div#m5 a span{
   display: inline-block;
   position: absolute;
   z-index: 100;
   color: #fff; 
   font: 10px Arial, serif; 
   text-align: center;
 }
 
div#m1 a, div#m2 a, div#m3 a, div#m4 a, div#m5 a{
    text-decoration: none;
}

div#m1 a:hover span, div#m2 a:hover span, div#m3 a:hover span, div#m4 a:hover span, div#m5 a:hover span  { text-decoration:underline; }
 
/*Position von Text darunter */
div#m1 a span, div#m2 a span, div#m3 a span, div#m4 a span, div#m5 a span {   /* Slave, Salve2, Band */
   width:70px;
   top: 26px; 
   left: -15px;

}

/* ######################################################################################## */
/* -----------------------------          Admin       ------------------------------------- */
/* ######################################################################################## */

div#admin {position:absolute; right:0px; top:0px; margin-right:20px; text-align:right;}
div#admin_body {position:relative; left:0px; top:0px; height:auto; width:auto; padding-left:20px; margin-top:20px; float:left;}

/* ######################################################################################### */
/* --------------------------          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; 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; margin-right:15px;} /* Div um Bild */
div#pro_text {width:294px; height:86px; float:left; } /* 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:left; 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_text_bottom {position:absolute; bottom:0px; left:0px; padding-left:20px; padding-right:20px; margin-bottom:20px;} /* 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_center {position:relative; left:0px; top:20px; height:auto; width:100%; margin-left:20px; margin-bottom:20px; float:left; text-align:center;} /* Div zum Zentrieren */
div#text_center2 {position:relative; height:auto; width:648px; margin:auto; text-align:left;} /* Div zum Zentrieren */
div#text_titel {position:relative; height:auto; width:auto; margin-left:334px; margin-top:20px; text-align:left;} /* Div um Text */
div#text_beschr {position:relative; left:0px; top:0px; height:auto; width:294px; margin-left:20px; margin-top:20px; float:left;} /* Div um Text */
div#text_spacer {position:relative; left:0px; top:0px; width:294px; height:225px;} /* Div zwischen Projektbild und Projektvorschlag */
div#text_next {position:relative; left:0px; top:0px; width:294px; height:114px; padding:5px; margin-left:-6px;} /* Div um Projektvorschlag */
#text_next {border: solid 1px #262626;}
#text_next:hover {border: solid 1px #ffffff;}
div#text_next_button {position:relative; left:0px; top:0px; margin-bottom:5px; float:left;} /* Next Project Button */
div#text_next_text {position:relative; left:0px; top:0px; margin:3px; height:23px;} /* Text Weiter zu */


/* ######################################################################################### */
/* -----------------------------          Ü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; }