/**
 * Stylesheet fuer Coolhunters.net 
 * Stylesheet by Christopher Eggert
 * for Coolhunters for Information 
 * please contact info@formkonstanz.de
 * or go to http://www.formkonstanz.de
 *
 */
 

/*##################################################*/
/* allgemeine Stylez ###############################*/


body , td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}


h1 {
	font-size: 12px;
	padding-bottom: 2px;
	color:#F08231; 
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}


img {
	border: 0px;
}

/*##################################################*/
/* Hauptnavigation #################################*/


#naviPos {
	position: absolute;
	top: 85px;
	left: 575px;
	z-index: 7;
}

#naviPos strong {
	font-weight: bold;
	color:#F08231;
}

a:link, a:active, a:visited {
	color:#000;
	text-decoration:none;
}

a:hover {
	border-bottom:2px solid #000;
}

#moveOn {
	position: absolute;
	top: 240px;
	left: 730px;
	z-index: 4;
}

/*##################################################*/
/* Hier das LOGO  ##################################*/


#logo{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/logo.gif);
	background-repeat: no-repeat;
	position:absolute;
	top:50px;
	left:570px;
	width:181px;
	height:35px;
}

#logo_blau{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/logo_blau.gif);
	background-repeat: no-repeat;
	position:absolute;
	top:50px;
	left:569px;
	width:181px;
	height:35px;
}

/*##################################################*/
/* Hier die Stylez fuer den Hintergrund ############*/

 
 #pink {
	margin-top: 1px;
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/bg_pink.gif);
	background-repeat: repeat-x;
	background-color: #F4CCCD;
}

 #blau {
	margin-top: 1px;
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/bg_blau.gif);
	background-repeat: repeat-x;
	background-color: #97CACB;
}

 #gruen {
	margin-top: 1px;
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/bg_gruen.gif);
	background-repeat: repeat-x;
	background-color: #BBDD0E;
}

 #grau {
	margin-top: 0px;
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/bg_grau.gif);
	background-repeat: repeat-x;
	background-color: #DBDBD7;
}


 #rosa {
	margin-top: 0px;
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/bg_rosa.gif);
	background-repeat: repeat-x;
	background-color: #E4D6D6;
}

 #blume {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/bg_blume.gif);
	background-color: #fff;
}

/*##################################################*/
/* Hier die Grafik fuer contest.htm ################*/


#contest_1{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/contest_1.gif);
	z-index: 2;
	position:absolute;
	top:2px;
	left:80px;
	width:164px;
	height:317px;
}

#contest_2{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/contest_2.gif);
	z-index: 2;
	position:absolute;
	top:2px;
	left:244px;
	width:164px;
	height:317px;
}

#boden{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/boden.gif);
	position:absolute;
	top:165px;
	left:0px;
	width:735px;
	height:150px;
}

/*##################################################*/
/* Hier die Grafik fuer arbeiten.htm ################*/

#arbeiten_1{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/arbeiten_1.jpg);
	background-repeat: no-repeat;
	z-index: 2;
	position:absolute;
	top:120px;
	left:115px;
	width:236px;
	height:179px;
}

#arbeiten_2{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/arbeiten_2.jpg);
	background-repeat: no-repeat;
	z-index: 2;
	position:absolute;
	top:120px;
	left:351px;
	width:236px;
	height:179px;
}

#arbeiten_3{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/arbeiten_3.jpg);
	background-repeat: no-repeat;
	z-index: 2;
	position:absolute;
	top:299px;
	left:115px;
	width:236px;
	height:179px;
}

#arbeiten_4{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/arbeiten_4.jpg);
	background-repeat: no-repeat;
	z-index: 2;
	position:absolute;
	top:299px;
	left:351px;
	width:236px;
	height:179px;
}

#boden_weiss{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/boden_weiss.gif);
	background-repeat: no-repeat;
	position:absolute;
	top:162px;
	left:215px;
	width:735px;
	height:150px;
}

#erweiterung{
	position: absolute;
	z-index: 2;
}

/*##################################################*/
/* Hier die Grafik fuer startseite.php ################*/

#face{
	position: absolute;
	top: 109px;
	left: 70px;
}

#cassetPlayer{
	position: absolute;
	top: 161px;
	left: 448px;
}

#placeBoomBox{
	position: absolute;
	top: 210px;
	left: 455px;
}

#checkMic{
	position: absolute;
	top: 225px;
	left: 650px;
}

#placeAniMic{
	position: absolute;
	top: 260px;
	left: 670px;
}

#placeBooks{
	position: absolute;
	top: 390px;
	left: 565px;
	z-index: 3;
}

#placeAniBooks{
	position: absolute;
	top: 405px;
	left: 580px;
	z-index: 4;
}

#placeLogo{
	position: absolute;
	top: 50px;
	left: 560px;
}

#placeStartText {
	position: absolute;
	top: 90px;
	left: 449px;
	width: 280px;
	font-size: 9px;
}

#logoLeiste{
	position:absolute;
	top: 542px;
	left: 16px;
	width: 900px;
}

#projekt_p{
	position:absolute;
	top: 541px;
	left: 835px;
}

/*Startseite subnavi */
#subnavi{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/subnavi_lines.gif);
	background-repeat: no-repeat;
	position:absolute;
	top: 380px;
	left: 45px;
	width:300px;
	height: 57px;
}

#impressum{
	position:absolute;
	top: 60px;
	left: -30px;
	z-index: 2;
}

#credits{
	position:absolute;
	top: 60px;
	left: 45px;
	z-index: 2;
}

#newsletter{
	position:absolute;
	top: 60px;
	left: 100px;
	z-index: 2;
	width:600px;
}



#msg{
	position:absolute;
	top:40px;
	left:0px;
	z-index:2;
}

a.normalerLink:link, a.normalerLink:active, a.normalerLink:visited {
	color:#000;
	text-decoration:none;
}

a.normalerLink:hover {
	color: #000;
	text-decoration:none;
	border:0px;
}

/*##################################################*/
/* Hier die Styles fuer anleiten.htm ################*/
#mic_gross{
	position:absolute;
	top:70px;
	left:405px;
	width: 92px;
	height: 62px;


}

#buch_gross{
	position: absolute;
	left: 405px;
	top: 14px;
}

#logo_weiss{
	position:absolute;
	top:30px;
	left:511px;
}

#anleiten_text{
	position:absolute;
	top:181px;
	left:88px;
	width: 407px;
}

.headline {
	font-size: 12px;
	padding-bottom: 2px;
	font-weight: bold;
	padding-bottom: 5px;
	
}

a.orange:link, a.orange:active, a.orange:visited {
	color:#F08231;
	text-decoration:underline;
}

a.orange:hover {
	color: #F08231;
	text-decoration:none;
	border:0px;
}

/*##################################################*/
/* Hier die Styles fuer abmelden.php ################*/
#abmelden {
	position: absolute;
	top: 100px;
	left: 200px;
	background-color: #fff;
	border: 1px dotted;
	border-color: #000;
	text-align: center;
	padding: 10px 10px 10px 10px;
}


/*##################################################*/
/* Hier die Styles fuer impressum.htm ################*/
#impressumText{
	position: absolute;
	top: 200px;
	left: 20px;
	width: 350px;
}

#impressumBalken{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/impressum_balken.gif);
	background-repeat: no-repeat;
}

/*##################################################*/
/* Hier die Styles fuer credits.htm ################*/
#kopf{
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/credits_balken.gif);
	background-repeat: no-repeat;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 402px;
	height: 160px;
}

#creditsText{
	position: absolute;
	top: 180px;
	left: 15px;
	width: 350px;
	/*padding: 10px 10px 10px 10px;
	border: 1px dotted;
	background-color: #fff;*/
}




/*##################################################*/
/* Hier die Stylez fuer die einzelnen Arbeiten.htm #*/

#grafik_klein_1 {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/grafik_klein_1.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 68px;
	left: 57px;
	width: 147px;
	height: 225px;
}

#grafik_klein_2 {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/grafik_klein_2.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 68px;
	left: 204px;
	width: 147px;
	height: 225px;
}

#naegel {
	background-image: url(../../../jobs.groundwork.de/coolhunters/struktur/images/naegel.gif);
	position: absolute;
	top: 300px;
	left: 270px;
	width: 52px;
	height: 17px;
}

#zurueck{
	position: absolute;
	top: 68px;
	left: 57px;
	z-index: 2;
}


a.arbeiten:link, a.arbeiten:active, a.arbeiten:visited {
	text-decoration:none;
}

a.arbeiten:hover {
	border:0px;
}



/*##################################################*/
/* Positionierung der Textboxen Contestsite ########*/

#inhalt{
	position:absolute;
	z-index: 3;
	top: 300px;
	left: 31px;
}

td {
	vertical-align: top;
}

#textBox1 {
	position:absolute;
	z-index: 5;
	top: 331px;
	left: 31px;
	width:300px;
	height: 247px;

}
/*##################################################*/
/* Flashfilmchen Navi ##############################*/


a.flash:link, a.flash:active, a.flash:visited {
	color:#000;
	text-decoration:none;
}

a.flash:hover {
	color: #F08231;
	text-decoration:none;
	border:0px;
}

#line_projekt1 {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/line_nuke.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	top: 430px;
	left: 380px;
	width: 50px;
	height: 30px;
}

#line_fb4essen {

     background-image: url(http://noss.design.uni-essen.de/coolhunters/struktur/bilder/line_marl.gif);

     background-repeat: no-repeat;

     position: absolute;

     z-index: 3;

     top: 70px;

     left: 170px;

     width: 47px;

     height: 92px;

}

 

#fb4essen {

     position: absolute;

     top: 50px;

     left: 66px;

     z-index: 4;

}



#line_projekt2 {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/line_projekt2.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	top: 270px;
	left: 200px;
	width: 85px;
	height: 139px;
}

#line_projekt3 {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/line_projekt3.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	top: 190px;
	left: 530px;
	width: 58px;
	height: 58px;
}

#uniLandau{
	position:absolute;
	top: 200px;
	left: 590px;
	z-index: 3;
}

#gymDuesseldorf{
	position: absolute;
	top: 410px;
	left: 150px;
	z-index: 3;
}


#uni_frankfurt {
	position: absolute;
	top: 460px;
	left: 380px;
	z-index: 4;
}

#line_foto {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/regal_line.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	top: 110px;
	left: 430px;
	width: 50px;
	height: 30px;
}

#line_nizza {
	position: absolute;
	z-index: 3;
}

#foto {
	position: absolute;
	top: 100px;
	left: 483px;
	z-index: 4;
}


#line_regal {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/regal_line.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	top: 30px;
	left: 280px;
	width: 50px;
	height: 30px;
}

#regal {
	position: absolute;
	top: 20px;
	left: 335px;
	z-index: 7;
}

#line_surf {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/line_surf.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	top: 130px;
	left: 100px;
	width: 50px;
	height: 30px;
}

#surf {
	position: absolute;
	top: 120px;
	left: 35px;
	z-index: 4;
}

#line_nuke {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/line_nuke.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	top: 180px;
	left: 320px;
	width: 50px;
	height: 30px;
}

#line_marl {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/line_marl.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	top: 120px;
	left: 300px;
	width: 47px;
	height: 92px;
}

#gymMarl {
	position: absolute;
	top: 80px;
	left: 280px;
	z-index: 4;
}


#nuke {
	position: absolute;
	top: 210px;
	left: 350px;
	z-index: 4;
}

#klickRegal{
	position: absolute;
	top: 10px;
	left: 200px;
	z-index: 6;
}

#klickSurf{
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 6;
}

#klickNuke{
	position: absolute;
	top: 150px;
	left: 280px;
	z-index: 6;
}

#klickFoto{
	position: absolute;
	top: 105px;
	left: 395px;
	z-index: 6;
}

/*###### Stylez fuer Ableiten.htm*/
.linie {
	background-image:  url(../../noss.design.uni-essen.de/coolhunters/struktur/bilder/linie.gif);
	background-repeat: repeat-x;
}

.unten {
	vertical-align: bottom;
}

/*###### position fuer den IFrame*/

#teaser{
	position: absolute;
	top: 28px;
	left: 740px;
}

/*##### position fuer die Bilder auf der anleiten site*/

#anleitenPics{
	position: absolute;
	top: 1050px;
	left: 550px;
	z-index: 2;
}

/*##################################################*/
/* Chat  ###########################################*/

.chatBgOben{
	background: #fff;
	padding-left: 20px;
	top: 20px;
}

.chatBgUnten{
	background-image:  url(../bilder/bg_chat_unten.gif);
}

.chatInput{
	padding-left: 20px;
	padding-top: 10px;
	margin-bottom: 1000px;
}

.chatEintrag{
	padding-left: 20px;
	padding-top: 2px;
	width: 500px;
}

.chatTime{
	color: #ccc;
	font-size: 9px;
}


.chatEintragModerator{
	padding-left: 20px;
	padding-top: 2px;
	color: #E4227D;
	width: 500px;
}