/*CSS - Styleguide*/

/*
	http://www.dasbildhaus.de/
   	css styles
   
   	Copyright 2009, Markus Spiske
   	http://www.temporausch.com
*/

/*------------------general styles------------------*/

* { 
	margin: 0; padding: 0;
}	

body { 
	background-color: #FFF; 
	font-family: Georgia, Arial, Times, serif; 
	font-size: 11px; 
}

a {text-decoration: none; outline: none; }

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

a.text_link:hover {
    text-decoration: none;
    color: #838383;
}

/*------------------classes------------------*/



/*------------------container------------------*/

#wrapper_intro { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_intro.gif) no-repeat;
}

#wrapper_info { 
    margin-top: 30px;
    text-align: center;
}

#wrapper_kontakt { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_kontakt.gif) no-repeat;
}

#wrapper_fotografinnen { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_fotografinnen.jpg) no-repeat;
}

#wrapper_industriekunden { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_ik.gif) no-repeat;
}

#wrapper_industriekunden_deko { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_ik_deko.gif) no-repeat;
}

#wrapper_industriekunden_image { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_ik_image.gif) no-repeat;
}

#wrapper_industriekunden_business { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_ik_business.gif) no-repeat;
}

#wrapper_industriekunden_reportage { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_ik_reportage.gif) no-repeat;
}

#wrapper_industriekunden_architektur { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_ik_architektur.gif) no-repeat;
}

#wrapper_industriekunden_food { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_ik_food.gif) no-repeat;
}

#wrapper_industriekunden_produkte { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_ik_produkte.gif) no-repeat;
}

#wrapper_industriekunden_industrie { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_ik_industrie.gif) no-repeat;
}

#wrapper_privatkunden { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_privatkunden.gif) no-repeat;
}

#wrapper_privatkunden_akt { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_pk_akt.gif) no-repeat;
}

#wrapper_privatkunden_kids { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_pk_kids.gif) no-repeat;
}

#wrapper_privatkunden_hochzeit { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_pk_hochzeit.gif) no-repeat;
}

#wrapper_privatkunden_familie { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_pk_familie.gif) no-repeat;
}

#wrapper_privatkunden_konfirmation { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_pk_konfirmation.gif) no-repeat;
}

#wrapper_privatkunden_schule { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_pk_schule.gif) no-repeat;
}

#wrapper_privatkunden_schwanger { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_pk_schwanger.gif) no-repeat;
}

#wrapper_privatkunden_portrait { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_pk_portrait.gif) no-repeat;
}

#wrapper_privatkunden_bewerbung { 
	width: 910px;
	height:700px;
    position:absolute;
	left:50%;
	top:50%;
	margin-left:-455px;
	z-index:2;
	margin-top:-350px;
	background: url(../img/bg_content_pk_bewerbung.gif) no-repeat;
}

#headline_intro {
	height:240px;
	float:left;
    background: url(../img/bg_intro_welcome.gif) no-repeat;
    padding-left:420px;
}

#headline_kontakt {
	height:240px;
	float:left;
    padding-left:420px;
}

#vcard {
    width: 240px;
	height:315px;
	float:right;
}

#vcard_fotografinnen {
    width: 240px;
	height:315px;
	float:right;
	padding-right:5px;
}

#navi {
	height:30px;
	float:left;
	margin-left: 30px;
	margin-top:10px;
}

#pics {
    width:390px;
    height:335px;
	float:left;
	margin-left: 55px;
	margin-top:10px;
}

#gallery {
    position: absolute;
    width:450px;
    height:425px;
    top:79px;
    left:99px;
}

#gallery_navi_previous {
    position: absolute;
    top:115px;
    left:20px;
}

#gallery_navi_next {
    position: absolute;
    top:250px;
    left:555px;
}

#navi_fotografinnen {
    position: absolute;
    top:65px;
    left:25px;
	height:30px;
	float:right;
}

#navi_privatkunden_top {
    position: absolute;
    top:65px;
    left:25px;
	height:30px;
	float:left;
}

#navi_privatkunden_bottom {
    position: absolute;
    bottom:85px;
    left:65px;
	height:30px;
	float:left;
}

#navi_industriekunden_bottom_1 {
    position: absolute;
    bottom:85px;
    right:245px;
}

#navi_industriekunden_bottom_2 {
    position: absolute;
    bottom:135px;
    right:65px;
}

#navi_gallery {
    position: absolute;
    bottom:205px;
    right:45px;
}

#navi_kontakt {
    position: absolute;
    bottom:100px;
    right:65px;
	height:30px;
	float:right;
}

#industriekunden_01 {
    position: absolute;
    top:150px;
    left:30px;
	float:left;
}

#industriekunden_02 {
    position: absolute;
    top:320px;
    left:30px;
	float:left;
}

#industriekunden_03 {
    position: absolute;
    top:481px;
    left:31px;
	float:left;
}

#privatkunden_01 {
    position: absolute;
    top:20px;
    left:240px;
	float:left;
}

#privatkunden_02 {
    position: absolute;
    top:182px;
    left:30px;
	float:left;
}

#privatkunden_03 {
    position: absolute;
    top:350px;
    left:30px;
	float:left;
}

#mail {
    position: absolute;
    top:240px;
    left:37px;
	height:30px;
	float:left;
}

#content_intro {
	float:right;
	margin-left: 30px;
	margin-top:10px;
}