@charset "utf-8";
/* styles.css */
body {
	background-image:url(../images/PortfolioEnde2.jpg);
	background-position: center;
	background-attachment:fixed;
	margin:0px;
	padding:0px;
	color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	overflow:hidden;
}
#dose{
	/* dies ist der Hilfscontainer für alle Fenster mit Mouse-Over*/
	width:800px;
	height:500px;
	/*background:#C3F;*/
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-250px;
	position:absolute;
	display:block;
}

#doseklein1{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:96px;
	height:180px;
	margin-left:60px;
	margin-top:120px;
	position:absolute;
	/*background:#123456;*/
	display:block;
	/*display:none;background:#abc07d;*/
}
#W1{
	/*dies ist der Container mit dem leuchtenden Fenster*/
	width:140px;
	height:240px;
	margin-left:37px;
	margin-top:79px;
	position:absolute;
	background-image:url(../images/Fenster/W1.png);
	
	/*display:none;
	
	*/
	
}
#doseklein2{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:46px;
	height:150px;
	margin-left:205px;
	margin-top:110px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}

#doseklein2b{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:52px;
	height:75px;
	margin-left:155px;
	margin-top:185px;
	position:absolute;
	display:block;
/*	background:#123456;*/
}


#SPW2{
	
	width:160px;
	height:220px;
	background-image:url(../images/Fenster/SPW2.png);
	position:absolute;
	margin-left:132px;
	margin-top:83px;

	
}
#doseklein3{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:100px;
	height:100px;
	margin-left:140px;
	margin-top:270px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#FiD3{
	
	width:160px;
	height:124px;
	position:absolute;
	margin-left:99px;
	margin-top:248px;
	background-image:url(../images/Fenster/FiD3.png);
}
#doseklein4{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:104px;
	height:45px;
	margin-left:128px;
	margin-top:370px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#W4{
	
	width:140px;
	height:80px;
	position:absolute;
	margin-left:103px;
	margin-top:347px;
	background-image:url(../images/Fenster/W4.png);
}
#doseklein5{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:40px;
	height:65px;
	margin-left:260px;
	margin-top:220px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#P5{
	
	width:80px;
	height:120px;
	position:absolute;
	margin-left:239px;
	margin-top:198px;
	background-image:url(../images/Fenster/P5.png);
}
#doseklein6{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:35px;
	height:70px;
	margin-left:240px;
	margin-top:310px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#W6{
	
	width:80px;
	height:120px;
	position:absolute;
	margin-left:219px;
	margin-top:274px;
	background-image:url(../images/Fenster/W6.png);
}
#doseklein7{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:25px;
	height:20px;
	margin-left:260px;
	margin-top:399px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#S7{
	
	width:50px;
	height:40px;
	position:absolute;
	margin-left:239px;
	margin-top:378px;
	background-image:url(../images/Fenster/S7.png);
}
#doseklein8{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:40px;
	height:40px;
	margin-left:426px;
	margin-top:44px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#FiD8{
	
	width:80px;
	height:80px;
	position:absolute;
	margin-left:404px;
	margin-top:22px;
	background-image:url(../images/Fenster/FiD8.png);
}
#doseklein9{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:35px;
	height:39px;
	margin-left:426px;
	margin-top:84px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#S9{
	
	width:80px;
	height:80px;
	position:absolute;
	margin-left:406px;
	margin-top:65px;
	background-image:url(../images/Fenster/S9.png);
}
#doseklein10{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:50px;
	height:50px;;
	margin-left:420px;
	margin-top:122px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#Fi10{
	
	width:80px;
	height:100px;
	position:absolute;
	margin-left:400px;
	margin-top:103px;
	background-image:url(../images/Fenster/Fi10.png);
}
#doseklein11{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:36px;
	height:30px;
	margin-left:428px;
	margin-top:173px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#D11{
	
	width:80px;
	height:80px;
	position:absolute;
	margin-left:409px;
	margin-top:155px;
	background-image:url(../images/Fenster/D11.png);
}
#doseklein12{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:40px;
	height:57px;
	margin-left:428px;
	margin-top:204px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#Fo12{
	
	width:80px;
	height:120px;
	position:absolute;
	margin-left:405px;
	margin-top:182px;
	background-image:url(../images/Fenster/Fo12.png);
}
#doseklein13{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:40px;
	height:70px;
	margin-left:428px;
	margin-top:265px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#S13{
	
	width:80px;
	height:120px;
	position:absolute;
	margin-left:408px;
	margin-top:247px;
	background-image:url(../images/Fenster/S13.png);
}
#doseklein14{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:60px;
	height:50px;
	margin-left:417px;
	margin-top:389px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#SFo14{
	
	width:100px;
	height:90px;
	position:absolute;
	margin-left:395px;
	margin-top:366px;
	background-image:url(../images/Fenster/SFo14.png);
}
#doseklein15{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:37px;
	height:68px;
	margin-left:639px;
	margin-top:135px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#P15{
	
	width:80px;
	height:120px;
	position:absolute;
	margin-left:620px;
	margin-top:110px;
	background-image:url(../images/Fenster/P15.png);
}
#doseklein16{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:37px;
	height:60px;
	margin-left:641px;
	margin-top:204px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#Fo16{
	
	width:80px;
	height:120px;
	position:absolute;
	margin-left:622px;
	margin-top:182px;
	background-image:url(../images/Fenster/Fo16.png);
}
#doseklein17{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:38px;
	height:60px;
	margin-left:643px;
	margin-top:260px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#Fi17{
	
	width:80px;
	height:100px;
	position:absolute;
	margin-left:625px;
	margin-top:243px;
	background-image:url(../images/Fenster/Fi17.png);
}
#doseklein18{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:36px;
	height:70px;
	margin-left:648px;
	margin-top:320px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#SP18{
	
	width:80px;
	height:120px;
	position:absolute;
	margin-left:627px;
	margin-top:301px;
	background-image:url(../images/Fenster/SP18.png);
}
#doseklein19{
	/* Hilfscontainer für bild1, damit Mouse-Over funktoniert*/
	width:45px;
	height:220px;
	margin-left:705px;
	margin-top:90px;
	position:absolute;
	display:block;
	/*background:#123456;*/
}
#P19{
	
	width:80px;
	height:320px;
	position:absolute;
	margin-left:678px;
	margin-top:45px; 
	background-image:url(../images/Fenster/P19.png);
}

/*---------------------------------------------------------hier beginnt die Navigation---------------------------------------------*/
.nav{
	background:#000000;
	position:absolute;
	bottom:0px;
	height:30px;
	width:100%;
	padding:0px;
	text-decoration:none;
	color:#999797;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:30px;
	font-weight:lighter;
	/*text-align:	center;*/
}
/*Mauszeiger ändern*/
.nav:hover{	
	text-decoration:none;
	color:#999797;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:30px;
	font-weight:lighter;
	cursor: pointer; 
}
/*.floatkiller{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
	margin:0px;
	padding:0px;
}
*/
.cont1{
	width:696px;
	position:absolute;
	left:50%;
	margin-left:-348px;
	height:31px;
	padding:0px;
}
/*.continnen1, .continnen2, .continnen3, .continnen4, .continnen5, .continnen6, .continnen7, .continnen8{
	width:auto;
	height:30px;
	margin-right:20px;
	display:block;
	float:left;
	text-align:right;
	background: transparent url(../images/normal.jpg) no-repeat center left;
	padding-left: 15px;
}
*/
#Webdesign{
	width:auto;
	height:30px;
	margin-right:20px;
	display:block;
	float:left;
	text-align:right;
	background: transparent url(../images/normal.jpg) no-repeat center left;
	padding-left: 15px;
}
#Fotografie{
	width:auto;
	height:30px;
	margin-right:20px;
	display:block;
	float:left;
	text-align:right;
	background: transparent url(../images/normal.jpg) no-repeat center left;
	padding-left: 15px;
}
#Print{
	width:auto;
	height:30px;
	margin-right:20px;
	display:block;
	float:left;
	text-align:right;
	background: transparent url(../images/normal.jpg) no-repeat center left;
	padding-left: 15px;
}
#DreiD{
	width:auto;
	height:30px;
	margin-right:20px;
	display:block;
	float:left;
	text-align:right;
	background: transparent url(../images/normal.jpg) no-repeat center left;
	padding-left: 15px;
}
#Film{
	width:auto;
	height:30px;
	margin-right:20px;
	display:block;
	float:left;
	text-align:right;
	background: transparent url(../images/normal.jpg) no-repeat center left;
	padding-left: 15px;
}
#Sonstiges{
	width:auto;
	height:30px;
	margin-right:20px;
	display:block;
	float:left;
	text-align:right;
	background: transparent url(../images/normal.jpg) no-repeat center left;
	padding-left: 15px;
}
#Uebermich{
	color:#999797;
	text-decoration:none;
	width:auto;
	height:30px;
	margin-right:20px;
	display:block;
	float:left;
	text-align:right;
	background: transparent url(../images/normal.jpg) no-repeat center left;
	padding-left: 15px;
}
#Kontakt{
	color:#999797;
	text-decoration:none;
	width:auto;
	height:30px;
	margin-right:20px;
	display:block;
	float:left;
	text-align:right;
	background: transparent url(../images/normal.jpg) no-repeat center left;
	padding-left: 15px;
}