@charset "UTF-8";
/* CSS Document */
 
body {
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	size:100%;
	
}

.home {
	position:fixed;
	font-size: 14px;
	font-family:"TheSerif", Georgia, "Times New Roman", Times, serif;
	color:#F5D504;
	text-align:left;
	line-height:14px;
	width: 50px;
	height :15px;
	letter-spacing: 1px;
	top:5px;
	margin-left: 5px;
}

.next-projekt{
	position:fixed;
	font-size: 14px;
	font-family:"TheSerif", Georgia, "Times New Roman", Times, serif;
	color:#F5D504;
	text-align:left;
	line-height:14px;
	width: 140px;
	height :15px;
	letter-spacing: 1px;
	top: 5px;
	margin-left: 56px;
}

/*______________________________________________________________________________________________________________________________________________________________________________________________________*/

.foto_platzhalter {
	position: absolute;;
	top: 50%;
	left: 1100px;
	margin-top: -200px;
}


.kontakt-menu{
	position:fixed;
	font-size: 14px;
	font-family:"TheSerif", Georgia, "Times New Roman", Times, serif;
	color:#F5D504;
	text-align:left;
	line-height:14px;
	width: 80px;
	height :15px;
	letter-spacing: 0.2px;
	top:5px;
	margin-left: 5px;
}


.impressum-headline{
	position:absolute;
	width: 210x;
	height: 40px;
	margin-left: 3300px;
	top: 50%;
	margin-top: 5px;
}
.impressum-1{
	font-size:11px;
	position:absolute;
	letter-spacing:0.2px;
	line-height:17px;
	width: 480px;
	height: 180px;
	margin-left: 3300px;
	top: 52%;
	margin-top: 45px;
}

.impressum-2{
	font-size:11px;
	position:absolute;
	letter-spacing:0.2px;
	line-height:17px;
	width: 480px;
	height: 180px;
	margin-left: 3820px;
	top: 52%;
	margin-top: 45px;
}

.kontakt-headline{
	position:absolute;
	width: 210x;
	height: 40px;
	margin-left: 2800px;
	top: 50%;
	margin-top: 5px;
}
.kontakt{
	font-size:11px;
	position:absolute;
	letter-spacing:0.2px;
	line-height:17px;
	width: 210px;
	height: 180px;
	margin-left: 2800px;
	top: 52%;
	margin-top: 45px;
}


/* Folgeseite Überschriften*/

.headline-schriften-mischen{
	background:url(../images/schriften-mischen/headline-schriften-mischen.gif) no-repeat;
	position:fixed;
	width: 140px;
	height: 40px;
	margin-left: 5px;
	top:20px;
	margin-left: 5px;
}

.headline-blickpunkt{
	background:url(../images/blickpunkt/headline-blickpunkt.gif) no-repeat;
	position:fixed;
	width: 210px;
	height: 40px;
	margin-left: 5px;
	top:30px;
	margin-left: 5px;
}

.headline-fachbuch{
	background:url(../images/fachbuch/headline-fachbuch.gif) no-repeat;
	position:fixed;
	width: 210px;
	height: 40px;
	margin-left: 5px;
	top:20px;
	margin-left: 5px;
}

.headline-homoeotypografie{
	background:url(../images/homoeotypografie/headline-homoeotypografie.gif) no-repeat;
	position:fixed;
	width: 210px;
	height: 40px;
	margin-left: 5px;
	top:20px;
	margin-left: 5px;
}
.headline-akte-staub{
	background:url(../images/akte-staub/headline-akte-staub.gif) no-repeat;
	position:fixed;
	width: 210px;
	height: 40px;
	margin-left: 5px;
	top:20px;
	margin-left: 5px;
}

.headline-buchcover-veronika{
	background:url(../images/buchcover-veronika/headline-buchcover-veronika.gif) no-repeat;
	position:fixed;
	width: 210px;
	height: 40px;
	margin-left: 5px;
	top:20px;
	margin-left: 5px;
}


/* Folgeseite Inhalt*/

.idee {
	font-size:12px;
	color:#F5D504;
	position:absolute;
	letter-spacing:0.2px;
	line-height:17px;
	width: 240px;
	height: 210px;
	margin-left: 220px;
	top: 50%;
	margin-top: 90px;
}


.konzept{
	font-size:12px;
	color:#666;
	position:absolute;
	letter-spacing:0.2px;
	line-height:17px;
	width: 240px;
	height: 210px;
	margin-left: 470px;
	top: 50%;
	margin-top: 90px;
}

.gestaltung {
	font-size:12px;
	color:#CCC;
	position:absolute;
	letter-spacing:0.2px;
	line-height:17px;
	width: 240px;
	height: 210px;
	margin-left: 740px;
	top: 50%;
	margin-top: 90px;
}



/*______________________________________________________________________________________________________________________________________________________________________________________________________*/
/*Hintergrund index*/

.motiv_01{
	background:url(../images/background-01.gif) no-repeat;
	position: absolute;
	width: 2560px;
	height: 480px;
	top: 50%;
	margin-top: -180px;
}

.motiv_02{
	background:url(../images/background-02.gif) no-repeat;
	position: absolute;
	width: 2560px;
	height: 480px;
	top: 50%;
	margin-top: -180px;
	margin-left: 2535px;
}
.motiv_03{
	background:url(../images/background-03.gif) no-repeat;
	position: absolute;
	width: 2560px;
	height: 480px;
	top: 50%;
	margin-top: -180px;
	margin-left: 5095px;
}

/*Hintergrund Folgeseiten*/

.motiv-01-schriften-mischen{
	background:url(../images/schriften-mischen/background-01.gif) no-repeat;
	position: absolute;
	width: 1650px;
	height: 480px;
	top: 50%;
	margin-top: -180px;
	margin-left: -10px;
}
.motiv-02-schriften-mischen{
	background:url(../images/schriften-mischen/background-02.gif) no-repeat;
	position: absolute;
	width: 2560px;
	height: 480px;
	top: 50%;
	margin-top: -180px;
	margin-left: 2550px;
}


/*_______________________________________________________________________________________________________________________________________________________________________________________________________________*/
/* Navigation*/


/* Jaja-Tooltip*/

.xbtooltip {
	position:absolute;
	font-family: "TheSerif", Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	letter-spacing:0,5px;
	color:#666;
	display: none;
	width:100%;
	
}

/* portfolio-01*/

.portfolio-01 {
	background:url(../images/portfolio-thumb-01.jpg);
	position:absolute;
	width: 215px;
	height: 215px;
	top: 50%;
	margin-left: 1100px;
	margin-top: 20px;
}


/* portfolio-02*/
	
.portfolio-02 {
	background:url(../images/portfolio-thumb-02.jpg);
	position:absolute;
	width: 215px;
	height: 215px;
	top: 50%;
	margin-left: 1350px;
	margin-top: 20px;
}

/* portfolio-03*/

.portfolio-03 {
	background:url(../images/portfolio-thumb-03.jpg);
	position:absolute;
	width: 215px;
	height: 215px;
	top: 50%;
	margin-left: 1600px;
	margin-top: 20px;
}


/* portfolio-04*/

.portfolio-04 {
	background:url(../images/portfolio-thumb-04.jpg);
	position:absolute;
	width: 215px;
	height: 215px;
	top: 50%;
	margin-left: 1850px;
	margin-top: 20px;
}

/* portfolio-05*/

.portfolio-05{
	background:url(../images/portfolio-thumb-05.jpg);
	position:absolute;
	width: 215px;
	height: 215px;
	top: 50%;
	margin-left: 2100px;
	margin-top: 20px;
}

/* portfolio-06*/

.portfolio-06{
	background:url(../images/portfolio-thumb-06.jpg);
	position:absolute;
	width: 215px;
	height: 215px;
	top: 50%;
	margin-left: 2350px;
	margin-top: 20px;
}

/* uebermich-7*/

.portfolio-07{
	background:url(../images/portfolio-thumb-07.jpg);
	position:absolute;
	width: 215px;
	height: 215px;
	top: 50%;
	margin-left: 2970px;
	margin-top: 20px;
}

/*______________________________________________________________________________________________________________________________________________________________________________________________________
/*Definiert die verschiedenen Instanzen der menu1 buttons*/

a.menu1:link {
	letter-spacing: 0.2px;
	color:#F5D504;
	text-decoration: none;
}

a.menu1:visited {
	letter-spacing: 0.2px;
	color:#000;
	text-decoration: none;
}

a.menu1:hover {
	letter-spacing: 0.2px;
	color:#666;
	text-decoration: none;
}
a.menu1:active {
	letter-spacing: 0.2px;
	color:#666;
	text-decoration: none;
}