/* Grundaufbau der Seite */

* {
	margin:0px;
	padding:0px;
	border:0px;
	font-family:helvetica, verdana, arial;
	color:#333;
	line-height:150%;
	}
	
html, body {
	height:100%;
	background-color:#300;
	}

#content_start, #content_vita, #content_work, #content_contact{
	margin:0 auto;
    position:relative;
   	width:982px;
    height:620px;
    clear:left;
    font-size:10px;
    background:url(../picture/background_start.jpg);}
    
#content_vita{
	    background:url(../picture/background_vita.jpg);}
	    
#content_work{
	    background:url(../picture/background_work.jpg);}
	    
#content_contact{
	    background:url(../picture/background_contact.jpg);}

.distant	{
		position:relative;
		clear:left;
		height:50%;
		width:1px;
		margin-bottom:-350px;
		}
		
p, .formular		{
		position: absolute;
		top: 70px;
		left: 600px;
		width: 290px;
		}
		
span.bold{
		font-weight:bold;
		}
		
.logo a:link, .logo a:visited, .logo a:hover, .logo a:active {
	background:url(../picture/logo.jpg) no-repeat 0 0;
	position: absolute;
	left: 63px;
	bottom: 30px;
   	width:282px;
    height:97px;}

.logo a:hover, .logo a:active {
	background:url(../picture/logo.jpg) no-repeat 0px -97px;}
	
	
/* Navigationselemente */
#navi{
	width:220px;
	height:300px;
	position:absolute;
	top:13%;
	margin-left:100px;
	}

.vita a:link,.vita a:visited,.vita a:hover,.vita a:active,.vita_active,
.vita_v a:link,.vita_v a:visited,.vita_v a:hover,.vita_v a:active,.vita_v_active,
.work a:link,.work a:visited,.work a:hover,.work a:active,.work_active,
.work_v a:link,.work_v a:visited,.work_v a:hover,.work_v a:active,.work_v_active,
.download a:link,.download a:visited,.download a:hover,.download a:active,.download_active,
.download_v a:link,.download_v a:visited,.download_v a:hover,.download_v a:active,.download_v_active,
.contact a:link,.contact a:visited,.contact a:hover,.contact a:active,.contact_active,
.contact_v a:link,.contact_v a:visited,.contact_v a:hover,.contact_v a:active,.contact_v_active,
.imprint a:link,.imprint a:visited,.imprint a:hover,.imprint a:active,.imprint_active,
.imprint_v a:link,.imprint_v a:visited,.imprint_v a:hover,.imprint_v a:active,.imprint_v_active{
	width:100%;
	display:block;
	position:relative;
	clear:both;}

.vita a:link,.vita a:visited,.vita a:hover,.vita a:active,.vita_active{
	width:209px;
	height:33px;
	background:url(../grafik/vita.png) no-repeat 0 0;
	}

.vita a:hover,.vita a:active,.vita_active{
	background:url(../grafik/vita.png) no-repeat 0px -32px;}
	
.vita_v a:link,.vita_v a:visited,.vita_v a:hover,.vita_v a:active,.vita_v_active{
	width:139px;
	height:33px;
	margin-left: -38px;
	background:url(../grafik/vita_v.png) no-repeat 0 0;
	}

.vita_v a:hover,.vita_v a:active,.vita_v_active{
	background:url(../grafik/vita_v.png) no-repeat 0px -32px;}


.work a:link,.work a:visited,.work a:hover,.work a:active,.work_active{
	background:url(../grafik/work.png) no-repeat 0 0;
	margin-left: -10px;
	width:210px;
	height:29px;}

.work a:hover,.work a:active,.work_active{
	background:url(../grafik/work.png) no-repeat 0px -30px;}
	
.work_v a:link,.work_v a:visited,.work_v a:hover,.work_v a:active,.work_v_active{
	background:url(../grafik/work_v.png) no-repeat 0 0;
	margin-left: -25px;
	width:126px;
	height:30px;}

.work_v a:hover,.work_v a:active,.work_v_active{
	background:url(../grafik/work_v.png) no-repeat 0px -32px;}

.download a:link,.download a:visited,.download a:hover,.download a:active,.download_active{
	background:url(../grafik/download.png) no-repeat 0 0;
	margin-left: 20px;
	width:206px;
	height:45px;}

.download a:hover,.download a:active,.download_active{
	background:url(../grafik/download.png) no-repeat 0px -44px;}
	
.download_v a:link,.download_v a:visited,.download_v a:hover,.download_v a:active,.download_v_active{
	background:url(../grafik/download_v.png) no-repeat 0 0;
	margin-left: -47px;
	width:150px;
	height:45px;}

.download_v a:hover,.download_v a:active,.download_v_active{
	background:url(../grafik/download_v.png) no-repeat 0px -43px;}


.contact a:link,.contact a:visited,.contact a:hover,.contact a:active,.contact_active{
	background:url(../grafik/contact.png) no-repeat 0 0;
	width:213px;
	height:37px;
	margin-left: 5px;
	}

.contact a:hover,.contact a:active,.contact_active{
	background:url(../grafik/contact.png) no-repeat 0px -37px;}
	
.contact_v a:link,.contact_v a:visited,.contact_v a:hover,.contact_v a:active,.contact_v_active{
	background:url(../grafik/contact_v.png) no-repeat 0 0;
	width:144px;
	height:38px;
	margin-left: -38px;
	}

.contact_v a:hover,.contact_v a:active,.contact_v_active{
	background:url(../grafik/contact_v.png) no-repeat 0px -39px;}

.imprint a:link,.imprint a:visited,.imprint a:hover,.imprint a:active,.imprint_active{
	width:212px;
	height:35px;
	margin-left: -20px;
	background:url(../grafik/imprint.png) no-repeat 0 0;}

.imprint a:hover,.imprint a:active,.imprint_active{
	background:url(../grafik/imprint.png) no-repeat 0px -35px;}
	
.imprint_v a:link,.imprint_v a:visited,.imprint_v a:hover,.imprint_v a:active,.imprint_v_active{
	width:119px;
	height:36px;
	margin-left: -20px;
	background:url(../grafik/imprint_v.png) no-repeat 0 0;}

.imprint_v a:hover,.imprint_v a:active,.imprint_v_active{
	background:url(../grafik/imprint_v.png) no-repeat 0px -36px;}

    
a.link:link, a.link:visited, a.link:hover, a.link:active, a.link_active {
	font-size:14px;
	text-decoration: none;
	font-weight:bold;
	}
	
a.link:hover, a.link:active, a.link_active {
	color:#600;
	}
	
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	font-weight:bold;
	}
	
a:hover, a:active {
	color:#600;
	}
	
/* Navi_Work */
#subnavi {
	width:350px;
	height:200px;
	position:absolute;
	top:420px;
	margin-left:590px;
	}

.fashion a:link,.fashion a:visited,.fashion a:hover,.fashion a:active,.fashion_active,
.typo a:link,.typo a:visited,.typo a:hover,.typo a:active,.typo_active,
.foto a:link,.foto a:visited,.foto a:hover,.foto a:active,.foto_active,
.film a:link,.film a:visited,.film a:hover,.film a:active,.film_active,
.print a:link,.print a:visited,.print a:hover,.print a:active,.print_active,
.art a:link,.art a:visited,.art a:hover,.art a:active,.art_active,
.web a:link,.web a:visited,.web a:hover,.web a:active,.web_active
{
	float:left;
	}

.fashion a:link,.fashion a:visited,.fashion a:hover,.fashion a:active,.fashion_active{
	width:75px;
	height:39px;
	margin-left: 5px;
	margin-top: 45px;
	background:url(../grafik/work_fashion.jpg) no-repeat 0 0;
	z-index: 1000;
	}
	
.fashion a:hover,.fashion a:active,.fashion_active{
	background:url(../grafik/work_fashion.jpg) no-repeat 0px -39px;
	}
	
.typo a:link,.typo a:visited,.typo a:hover,.typo a:active,.typo_active{
	width:71px;
	height:71px;
	margin-left: 10px;
	margin-top: -40px;
	background:url(../grafik/work_typo.gif) no-repeat 0 0;
	}

.typo a:hover,.typo a:active,.typo_active{
	background:url(../grafik/work_typo.gif) no-repeat 0px -71px;}
	
.foto a:link,.foto a:visited,.foto a:hover,.foto a:active,.foto_active{
	width:50px;
	height:38px;
	margin-left: -145px;
	margin-top: 43px;
	background:url(../grafik/work_foto.jpg) no-repeat 0 0;
	}

.foto a:hover,.foto a:active,.foto_active{
	background:url(../grafik/work_foto.jpg) no-repeat 0px -38px;}


.film a:link,.film a:visited,.film a:hover,.film a:active,.film_active{
	background:url(../grafik/work_film.jpg) no-repeat 0 0;
	margin-top: 10px;
	margin-left: -90px;
	width:36px;
	height:41px;}

.film a:hover,.film a:active,.film_active{
	background:url(../grafik/work_film.jpg) no-repeat 0px -41px;}
	
.print a:link,.print a:visited,.print a:hover,.print a:active,.print_active{
	background:url(../grafik/work_print.jpg) no-repeat 0 0;
	margin-left: 70px;
	margin-top: 30px;
	width:79px;
	height:35px;}

.print a:hover,.print a:active,.print_active{
	background:url(../grafik/work_print.jpg) no-repeat 0px -35px;}

.art a:link,.art a:visited,.art a:hover,.art a:active,.art_active{
	background:url(../grafik/work_art.jpg) no-repeat 0 0;
	margin-left: 0px;
	margin-top: -20px;
	width:65px;
	height:49px;}

.art a:hover,.art a:active,.art_active{
	background:url(../grafik/work_art.jpg) no-repeat 0px -49px;}
	
.web a:link,.web a:visited,.web a:hover,.web a:active,.web_active{
	background:url(../grafik/work_web.gif) no-repeat 0 0;
		margin-top: 3px;
		margin-left: 0px;
			width:61px;
	height:79px;}

.web a:hover,.web a:active,.web_active{
	background:url(../grafik/work_web.gif) no-repeat 0px -79px;}
	
/* Flash */

#pictureshow {
		position: absolute;
		top: 60px;
		left: 250px;
		}

.logodesign a:link,.logodesign a:visited,.logodesign a:hover,.logodesign a:active,
.s_zeichen a:link,.s_zeichen a:visited,.s_zeichen a:hover,.s_zeichen a:active,
.wvm a:link,.wvm a:visited,.wvm a:hover,.wvm a:active,
.atlas a:link,.atlas a:visited,.atlas a:hover,.atlas a:active,
.form_farbe a:link,.form_farbe a:visited,.form_farbe a:hover,.form_farbe a:active,
.miscell a:link,.miscell a:visited,.miscell a:hover,.miscell a:active,
.ts a:link,.ts a:visited,.ts a:hover,.ts a:active,
.mutterliebe a:link,.mutterliebe a:visited,.mutterliebe a:hover,.mutterliebe a:active,
.calendar a:link,.calendar a:visited,.calendar a:hover,.calendar a:active,
.l_woman a:link,.l_woman a:visited,.l_woman a:hover,.l_woman a:active,
.product a:link,.product a:visited,.product a:hover,.product a:active,
.gegen a:link,.gegen a:visited,.gegen a:hover,.gegen a:active,
.moment a:link,.moment a:visited,.moment a:hover,.moment a:active,
.moni a:link,.moni a:visited,.moni a:hover,.moni a:active  {
			position:absolute;
			top:285px;
			margin-left:600px;
			height:15px;}
			
.product a:link,.product a:visited,.product a:hover,.product a:active  {
	background:url(../grafik/product.png) no-repeat 0 0;
			width:79px;
			}

.product a:hover,.product a:active  {
	background:url(../grafik/product.png) no-repeat 0px -15px;}

			
.l_woman a:link,.l_woman a:visited,.l_woman a:hover,.l_woman a:active  {
	background:url(../grafik/l_woman.png) no-repeat 0 0;
			width:138px;
			}

.l_woman a:hover,.l_woman a:active  {
	background:url(../grafik/l_woman.png) no-repeat 0px -16px;}
			
.calendar a:link,.calendar a:visited,.calendar a:hover,.calendar a:active  {
	background:url(../grafik/calendar.png) no-repeat 0 0;
			width:105px;
			}

.calendar a:hover,.calendar a:active  {
	background:url(../grafik/calendar.png) no-repeat 0px -16px;}
			
.mutterliebe a:link,.mutterliebe a:visited,.mutterliebe a:hover,.mutterliebe a:active  {
	background:url(../grafik/mutterliebe.png) no-repeat 0 0;
			width:122px;
			}

.mutterliebe a:hover,.mutterliebe a:active  {
	background:url(../grafik/mutterliebe.png) no-repeat 0px -15px;}

		
		
.ts a:link,.ts a:visited,.ts a:hover,.ts a:active  {
	background:url(../grafik/t_s.png) no-repeat 0 0;
			width:140px;
			}

.ts a:hover,.ts a:active  {
	background:url(../grafik/t_s.png) no-repeat 0px -15px;}


.logodesign a:link,.logodesign a:visited,.logodesign a:hover,.logodesign a:active {
	background:url(../grafik/logodesign.png) no-repeat 0 0;
			width:100px;
			}

.logodesign a:hover,.logodesign a:active {
	background:url(../grafik/logodesign.png) no-repeat 0px -15px;}
	
.s_zeichen a:link,.s_zeichen a:visited,.s_zeichen a:hover,.s_zeichen a:active {
			background:url(../grafik/s_zeichen.png) no-repeat 0 0;
			width:160px;}
			
.s_zeichen a:hover,.s_zeichen a:active {
	background:url(../grafik/s_zeichen.png) no-repeat 0px -15px;}
	
.wvm a:link,.wvm a:visited,.wvm a:hover,.wvm a:active {
			background:url(../grafik/wvm.png) no-repeat 0 0;
			width:228px;}
			
.wvm a:hover,.wvm a:active {
	background:url(../grafik/wvm.png) no-repeat 0px -14px;}
	
.atlas a:link,.atlas a:visited,.atlas a:hover,.atlas a:active {
			background:url(../grafik/atlas.png) no-repeat 0 0;
			width:62px;
			margin-top:23px;}
			
.atlas a:hover,.atlas a:active {
	background:url(../grafik/atlas.png) no-repeat 0px -16px;}

.form_farbe a:link,.form_farbe a:visited,.form_farbe a:hover,.form_farbe a:active {
			background:url(../grafik/form_farbe.png) no-repeat 0 0;
			width:124px;
			}
			
.form_farbe a:hover,.form_farbe a:active {
	background:url(../grafik/form_farbe.png) no-repeat 0px -16px;}
	
.miscell a:link,.miscell a:visited,.miscell a:hover,.miscell a:active {
			background:url(../grafik/miscell.png) no-repeat 0 0;
			width:135px;
			}
			
.miscell a:hover,.miscelle a:active {
	background:url(../grafik/miscell.png) no-repeat 0px -15px;}
	
	
.gegen a:link,.gegen a:visited,.gegen a:hover,.gegen a:active {
			background:url(../grafik/gegen.png) no-repeat 0 0;
			width:107px;
			}
			
.gegen a:hover,.gegen a:active {
	background:url(../grafik/gegen.png) no-repeat 0px -15px;}
	
.moment a:link,.moment a:visited,.moment a:hover,.moment a:active {
			background:url(../grafik/moment.png) no-repeat 0 0;
			width:107px;
			}
			
.moment a:hover,.moment a:active {
	background:url(../grafik/moment.png) no-repeat 0px -15px;}
	
.moni a:link,.moni a:visited,.moni a:hover,.moni a:active {
			background:url(../grafik/moni.png) no-repeat 0 0;
			width:64px;
			}
			
.moni a:hover,.moni a:active {
	background:url(../grafik/moni.png) no-repeat 0px -15px;}
	
/* Kontakt */
	
.formular {}

.form{
     background:url(../grafik/bild_k.gif) 0 0 no-repeat;
     height:28px;
     width:150px;
     }

.form_2{
     background:url(../grafik/bild_k_2.gif) 0 0 no-repeat;
     height:28px;
     width:115px;
     }
     
.form, .form_2{
     padding: 10px 35px 0px 13px;
     margin-left:25px;
     }

.form_3{
     background:url(../grafik/comment.gif) 0 0 no-repeat;
     padding: 12px 0px 0px 20px;
     position:absolute;
     height:90px;
     width:190px;
     font-size: 11px;
     line-heigth: 16px;
     }

.send{
     margin: 70px 0px 0px 40px;
     }

.auswertung{
           position:absolute;
           left:380px;
           top:220px;
           }
           
.button, .button_2{
border:0px none;
height: 29px;
width: 65px;
background-color: #aeada1;
}

.button_2{
border:0px none;
height: 28px;
width: 62px;
background-color: #a5a097;
}