/*stylesheet für nicole-hey.de */

body, html { /*Festlegeung des Bildschirmhintergrundes*/
	margin: auto;
	background-color: rgb(200, 200, 200);
	color: rgb(0, 102, 52);
	line-height: normal;
	width: 900px;
	height: 550px;
	position: relative;
	background-position: center; 
	z-index: 0; }
	 
#navUnten {position: absolute;
    height: 100px;
    top: 450px;
    background-color: white;
    z-index: 0;
    width: 900px ! important; }

/* Seiteninhalte */
.content {
	position: absolute;
	width: 900px;
	height: 438px;
	background-color: white;
	left: auto;
	top: 10px; }
	
    
.box {
	position: absolute;
	width: 498px;
	height: 400px;
	left: 201px;
	top: 20px;
	background-color: white;
	border: 0px solid;
	z-index: 1; }
    

.boxoverflow {
	position: absolute;
	width: 498px;
	height: 400px;
	left: 201px;
	top: 20px;
	background-color: white;
	border: 0px solid;
	overflow: scroll;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	text-align: left;
}
	
.boxlargeoverflow {
	position: absolute;
	width: 704px;
	height: 400px;
	left: 93px;
	top: 20px;
	background-color: white;
	border: 0px solid;
	overflow: scroll;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	text-align: center;
}

.boxfrage {
	position: absolute;
	width: 704px;
	height: 400px;
	left: 93px;
	top: 20px;
	background-color: white;
	border: 0px solid;
	overflow: scroll;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: rgb(127, 127, 127);
	text-align: left;
}
	
.boxlarge {	
	position: absolute;
	width: 704px;
	height: 400px;
	left: 98px;
	top: 20px;
	background-color: white;
	border: 0px solid;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	text-align: center; }

/* Textformatierung */    
p {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: rgb(127, 127, 127);
	text-align: center; }
	

h1 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: rgb(164,29,34);
	text-align: left; }
	
	
.wrotcenter72pt {
	color: rgb(164,29,34);
	text-align: center;
	font-size: 72pt;
	font-family: Arial,Helvetica,sans-serif;  }

.namewrotuppercase {
	color: rgb(164,29,34);
	text-align: center;
	font-size: 8pt;
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	word-spacing: 4px;
	letter-spacing: 2px;
	text-align: center;  }
	
/* Farben*/
.wrot {color: rgb(164,29,34) }

.wrot7pt {
	color: rgb(164,29,34);
	font-size: 7pt; }
  
/* Linkeigenschaften*/  
a:link { color: rgb(164,29,34);
    text-decoration: none; }

a:visited { color: rgb(164,29,34);
text-decoration: none; }

a:hover { color: rgb(127, 127, 127); }

a:active { color: rgb(127, 127, 127); }  

/* Menüstruktur */
.sitename {
	position: absolute;
	top:470px;
	left: 379px;
	width: 142px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-transform: uppercase;
	color: rgb(127, 127, 127);
	text-align: center; }
	
#shirt	{ /*Ort und Aussehen für den Schalter SHIRT*/
	display: block;
	position: absolute;
	top: 460px;
	left: 27px;
	width: 60px;
	height: 40px;
	background-image: url(../logos/shirt.gif);}

#shirt:hover	{ /*Ausehen bei überfahren mit Mauszeiger*/
	background-image: url(../logos/shirt_rot.gif);}
	
					#ich	{ /*Ort und Aussehen für den Schalter Über Mich*/
	display: block;
	position: absolute;
	top: 460px;
	left: 114px;
	width: 60px;
	height: 40px;
	background-image: url(../logos/ich.gif);}

#kontakt { /*Ort und Aussehen für den Schalter KONTAKT*/
	display: block;
	position: absolute;
	top: 460px;
	left: 201px;
	width: 60px;
	height: 40px;
	background-image: url(../logos/kontakt.gif);}
	
#impressum { /*Ort und Aussehen für den Schalter Impressum*/
	display: block;
	position: absolute;
	top: 460px;
	left: 288px;
	width: 60px;
	height: 40px;
	background-image: url(../logos/impressum.gif);}
	
#proben { /*Ort und Aussehen für den Schalter REFERENZEN*/
	display: block;
	position: absolute;
	top: 460px;
	right: 288px;
	width: 60px;
	height: 40px;
	background-image: url(../logos/proben.gif);}

#lustiges { /*Ort und Aussehen für den Schalter LUSTIGE GESTALTUNG*/
	display: block;
	position: absolute;
	top: 460px;
	right: 201px;
	width: 60px;
	height: 40px;
	background-image: url(../logos/lustiges.gif);}
	
#fotografie { /*Ort und Aussehen für den Schalter FOTOGRAPHIE*/
	display: block;
	position: absolute;
	top: 460px;
	right: 114px;
	width: 60px;
	height: 40px;
	background-image: url(../logos/fotos.gif);}
	
#kunst { /*Ort und Aussehen für den Schalter KÜNSTLERISCHE GESTALTUNGEN*/
	display: block;
	position: absolute;
	top: 460px;
	right: 27px;
	width: 60px;
	height: 40px;
	background-image: url(../logos/kunst.gif);}

#flag_en { /*Ort und Aussehen für den Schalter zur englischen Seite*/
	display: block;
	position: absolute;
	top: 460px;
	left: 436px;
	width: 28px;
	height: 14px;
	background-image: url(../logos/en_flag.gif);}

#flag_de { /*Ort und Aussehen für den Schalter zur deutschen Seite*/
	display: block;
	position: absolute;
	top: 460px;
	left: 436px;
	width: 28px;
	height: 14px;
	background-image: url(../logos/de_flag.gif);}
	
#start { /*Ort und Aussehen für den Schalter STARTSEITE*/
	display: block;
	position: absolute;
	top: 501px;
	left: 379px;
	width: 142px;
	height: 48px;
	background-image: url(../logos/logo_klein.gif); } 
	
.textmiddleuebermichup {  /*Textbox oben mitte*/
	position: absolute;
	width: 150px;
	height: 200px;
	left: 375px;
	top: 29px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	text-align: center;
	color: rgb(127, 127, 127);
	border: 1px none; }                                              

.textleftuebermichbottom {  /*Textbox unten linksbündig*/
	position: absolute;
	width: 200px;
	height: 200px;
	left: 175px;
	top: 230px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	text-align: right;
	color: rgb(127, 127, 127);
	border: 1px none; }
	
.textrightuebermichbottom {  /*Textbox unten rechtsbündig*/
	position: absolute;
	width: 200px;
	height: 200px;
	left: 525px;
	top: 230px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	text-align: left;
	color: rgb(127, 127, 127);
	border: 1px none; }
	
.picmiddlebottom {  /*Bildbox unten mitte*/
	position: absolute;
	width: 130px;
	height: 153px;
	left: 385px;
	top: 234px;
	border: 1px none; }

.newsbox {  /*Textbox für Neuigkeiten*/
	position: absolute;
	width: 300px;
	height: 50px;
	left: 300px;
	top: 380px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	padding-top: 10px; 
	text-align: center;
	color: rgb(164,29,34);
	border-top: 1px solid;
	border-color: rgb(127, 127, 127);
	z-index: 1; }

#newsbox {  /*Linkbox für Neuigkeiten*/
	position: absolute;
	width: 300px;
	height: 50px;
	left: 300px;
	top: 380px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	padding-top: 10px; 
	text-align: center;
	color: rgb(164,29,34);
	border-top: 1px solid;
	border-color: rgb(127, 127, 127);
	z-index: 1; }		
	
.webdesign_left { /*Bildbox für screenshots erstellter websites : linke Seite*/
	position:absolute;
	width: 200px;
	height: 114px;
	left: 30px;
	padding-top: 10px;
	}
	
.webdesign_right { /*Bildbox für screenshots erstellter websites : rechte Seite*/
	position:relative;
	width: 200px;
	height: 114px;
	left: 260px;
	padding-top: 10px;
	}