/* Standard-CSS für www.projektname.de */

/* Wichtige Farben
Farbe 1 "cyan"		= #009ee0
Farbe 2	"yellow"	= #ffed00
Farbe 3	"magenta"	= #e2007a
Farbe 4	"grau"		= #3d3d3d
*/


/*Entfernen der lästigen Link-Umrandung*/
*:focus { outline: none; }
*::-moz-focus-inner { border: none; }


/* Hier werden alle html-Tags auf "Null" gesetzt und eine Standard-Schriftart vergeben */
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #3d3d3d;
}

/* Hier allgemeingültige Formatierungen */
a:link {
	text-decoration: none;
	color: #3d3d3d;
}

a:visited {
   
}

a:hover {
	color: #707070;   
}

a:active {
}



html {
	witdth: 100%;
	height: 100%;

}

body {
	background-image: url(../images/cover/bg.jpg);
/* Mittig setzen */	
	witdth: 100%;
	height: 100%;
	position: relative;
	min-height: 520px;
	min-width: 885px;
}

h1 {
	font-size: 140%;
}

h2 {
	font-size: 120%;
}

ul {
	line-height: 150%;
}


/* Formatierungen für die einzelnen Klassen */
.fett {
	font-weight: bold;
}
.text_weiß {
	color: #FFFFFF;
}
.text_weiß_fett {
	font-weight: bold;
	color: #FFFFFF;
}


/* hier beginnen die Regeln für die einzelnen div's */
/* Hülle der Homepage */
#cover {
	height: 520px;
	width: 900px;
	/* Mittig setzen */
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -442px;
	margin-top: -260px;
}

/* Obere Leiste Inhalt ist nur das Logo*/
#cover #header {
	height: 75px;
	width: 870px;
	position: absolute;
	margin-left: 30px;
}
#cover #header #sprache {
	font-size: 10px;
	color: #8f8f8f;
	padding-top: 10px;
	padding-left: 774px;
}
#cover #header #sprache a:link {
	color: #8f8f8f;
}
#cover #header #sprache a:visited {
	color: #8f8f8f;
	text-decoration: underline;
}
#cover #header #sprache a:hover {
	color: #3d3d3d;
}
/* hier beginnt die Projektnavigation */
#cover  #left {
	height: 415px;
	width: 30px;
	position: absolute;
	top: 75px;
	list-style-type: none;
}

#cover  #navi {
	position: absolute;
	top: 75px;
	left: 30px;
	height: 415px;
	width: 45px;
}

#cover #navi ul li {
	list-style-type: none;
	padding-left: 5px;
}

#cover #navi ul li a {
	text-indent: -6000px;
	display: block;
	height: 30px;
}


/*------------------- Blaue Links -------------------*/
#cover  #navi  a.blau:link {
	background-image: url(../images/navigation/blau_link.png);
	background-repeat: no-repeat;
}
#cover  #navi  a.blau:visited {
	background-image: url(../images/navigation/blau_link.png);
	background-repeat: no-repeat;
}
#cover  #navi  a.blau:hover  {
	background-image: url(../images/navigation/blau_active.png);
	background-repeat: no-repeat;
}

/* nur für den jeweils letzten Button, um so den Abstand zur nächsten Farbe zu bekommen */
#cover  #navi  a.blau1:link {
	background-image: url(../images/navigation/blau_link.png);
	background-repeat: no-repeat;
	padding-bottom: 5px;
}
#cover  #navi  a.blau1:visited {
	background-image: url(../images/navigation/blau_link.png);
	background-repeat: no-repeat;
	padding-bottom: 5px;

}
#cover  #navi  a.blau1:hover  {
	background-image: url(../images/navigation/blau_active.png);
	background-repeat: no-repeat;
	padding-bottom: 5px;

}

/*------------------- Gelbe Links -------------------*/
#cover  #navi  a.gelb:link {
	background-image: url(../images/navigation/gelb_link.png);
	background-repeat: no-repeat;
}
#cover  #navi  a.gelb:visited {
	background-image: url(../images/navigation/gelb_link.png);
	background-repeat: no-repeat;
}
#cover  #navi  a.gelb:hover  {
	background-image: url(../images/navigation/gelb_active.png);
	background-repeat: no-repeat;
}

/* nur für den jeweils letzten Button, um so den Abstand zur nächsten Farbe zu bekommen */
#cover  #navi  a.gelb1:link {
	background-image: url(../images/navigation/gelb_link.png);
	background-repeat: no-repeat;
	padding-bottom: 5px;
}
#cover  #navi  a.gelb1:visited {
	background-image: url(../images/navigation/gelb_link.png);
	background-repeat: no-repeat;
	padding-bottom: 5px;
}
#cover  #navi  a.gelb1:hover  {
	background-image: url(../images/navigation/gelb_active.png);
	background-repeat: no-repeat;
	padding-bottom: 5px;
}


/*------------------- Magenta Links -------------------*/
#cover  #navi  a.magenta:link {
	background-image: url(../images/navigation/magenta_link.png);
	background-repeat: no-repeat;
}
#cover  #navi  a.magenta:visited {
	background-image: url(../images/navigation/magenta_link.png);
	background-repeat: no-repeat;
}
#cover  #navi  a.magenta:hover  {
	background-image: url(../images/navigation/magenta_active.png);
	background-repeat: no-repeat;
}



/*------------------ hier beginnt der Contentbereich-------------------- */
/* im content1 steht jeweils die Projektbeschreibung und ist nur sichtbar 
wenn er durch eine Regel im html Dokument aktiviert wird */ 
/*Dieses geschieht jeweils auf der 2.Projektseite */
#cover #content1 {
	height: 390px;
	width: 285px;
	position: absolute;
	left: 90px;
	top: 76px;
	z-index: 200;
	display: none;
}
#cover #content1 h1 {
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 15px;
	padding-top: 15px;
}
#cover #content1 p {
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 8px;
}


/* im content2 befinden sich die Projektbilder. Standartmäßig hat er eine 
Breite von 795px. Für die Seite 2 muss eine Regel im html Dokument 
aktiviert werden um die größe auf 495 px zu verkleinern */ 

#cover #content2 {
	height: 425px;
	width: 795px;
	left: 90px;
	top: 75px;
	position: absolute;
	background-image: url(../images/cover/content2-795.png);
}
#cover #content2 h1 {
	font-size:16px;
	font-weight: normal;
	padding-bottom:25px;
	padding-top:15px;
	padding-left: 25px;
}
#cover #content2 p {
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 15px;
	padding-left:25px;
}

/* Hier beginnt der Bereich für die Tabellen auf für die "about" Seiten */
#cover #content2 table {
	margin-left: 25px;
}
#cover #content2 table tr td {
	font-size: 12px;
	vertical-align: top;
	padding-bottom: 15px;
	line-height: 17px;
}


/* im content3 werden die Bildüberschriften eingestellt */
#cover #content3 {
	height: 40px;
	width: 795px;
	position: absolute;
	z-index: 300;
	left: 90px;
	top: 76px;
}
#cover #content3 h1 {
	font-size: 16px;
	font-weight: normal;
	padding-top: 15px;
	padding-left: 15px;
}


/* hier beginnt die Vor- und Rückwärtsnavigation */
#cover #navi_links {
	height: 415px;
	width: 250px;
	position: absolute;
	left: 90px;
	top: 76px;
	z-index: 400;
}
#cover #navi_rechts {
	height: 415px;
	width: 250px;
	position: absolute;
	top: 76px;
	left: 635px;
	z-index: 400;
}


/* hier beginnt der Bereich für das impressum */
#cover #right {
	height: 425px;
	width: 15px;
	position: absolute;
	left: 885px;
	top: 75px;
}


/* hier beginnt der Bereich für die Seitennavigation*/
#cover #navi2 {
	height: 10px;
	width: 780px;
	position: absolute;
	left: 90px;
	top: 499px;
}
#cover #navi2 ul li {
	list-style-type: none;
	float: right;
}
#cover #navi2 ul li a {
	display: block;
	text-indent: -6000px;
	height: 10px;
	width: 10px;
	border: 1px solid #3d3d3d;
	margin-left: 5px;
}
#cover #navi2 ul li a:hover {
	background-color: #FFFFFF;
}