@charset "utf-8";
/*   ==================================
Stylesheet für Martin Koos photographie
Dateiname: bildschirm.css
Datum: 24. Oktober 2011
Autor: Martin Koos

Aufbau:  1. Kalibirierung
         2. Allgemeine Styles
		 3. Styles für die Layoutbereiche
		 4. Sonstige Styles
     ================================== */




/*   ==================================
		1. Kalibrierung und Restauration
     ================================== */
	 
* { margin: 0; padding: 0; }
html { overflow-y: scroll;
}

/* Abstände nach unten und von links */

/* ggfs. weitere Abstände restaurieren */


/*   ==================================
		2. Allgemeine Styles
     ================================== */
	 
	 
body { 
	
	
	background-color: white;
	width: 100%;
	min-width: 960px;
	height: 100%;
	font-family: "Small Fonts", Verdana, Geneva, sans-serif, Arial, sans-serif; 
	font-size: small;  
	font-weight: 100;
	color: #999;
	
	

}

h1 {
	font-size: 130px;


}
h2 {font-size: 57px;

}


/* Hyperlinks gestalten */
a 	{ text-decoration:none;}
a:link {color: #999;}
a:visited { color:#999;}
a:hover, focus {color: #333;} 

	

a:active { color:#999;}

/* Allgemeine Klassen und IDs */



 /*   ==================================
	    3. Styles für die Layoutbereiche
     ================================== */
.cufon-loading { 
                visibility: hidden;
}
div#wrapper { 
position: relative;
width: 1200px;

  /* feste Breite definieren */

}

p#downloadlink {
	font-size: 24px; 
	position: absolute;
	top: 100px;
	right: 300px;
	}
p#downloadlink a {
	color: #900;
	
	}	

div#startnaviwrap { 
position: relative;

}
div#startnavi {
	
	 padding: 13% 10px 40px 15px;
	 
	margin-left: 2%;
  }
div#startnavi li{
width: 1300px;
list-style: none;
line-height: 0.8;


}
div#startnavi ul li a h1:hover h2:hover {color:#B1C572; }

 div#startnavi h2{
	
	font-size: 90px;
	font-weight: 100;

  	letter-spacing: -3px !important;
  margin-left: 6px;
    margin-bottom: 10px;
 
  }
div#startnavi a{
	
	font-size: 100px;
	font-weight: 100;
	color: #CCC;
  	letter-spacing: -6px !important;
  
  display: inline;
		
}

 div#startnavi h1{
	
	font-size: 100px;
	font-weight: 100;

  	letter-spacing: -6px !important;
  
  display: inline;
		
}

a:hover#rot {color: #C6311C; }
a:hover#gelb {color: #ECFB84;}
a:hover#grün {color: #B0EE6C;}
a:hover#grün2 {color: #B0EE6C;}
a:hover#azur {color: #9AD2F1;}
a:hover#pink {color: #EAACDB;}
a:hover#orange {color: #FAC069;}
a:hover#oliv {color: #B1C572;}
a:hover#rot {color:#FF7575;}
a:focus {outline: none;}

div#rechts { 




}



	
	
	
	




div#navibereich {

margin-top: -28px;

display: inline;
float: left;
background-color: white;



	}
div#navibereich ul {
/* position: fixed; /* fixiert die navileiste - aber Positionierung im float (verhältnis zu linker box) bleibt erhalten */

position: fixed;
font-size: 14px;



	}	
	
div#navibereich li {

display: inline;
list-style-type: none;
padding-right: 2px;


	}


div#navibereich li.sie-sind-hier { color: #333; 
}

/* Variante für "hochzeit" */


div#rechts2 { 




}


div#navibereich2 {



display: inline;

background-color: white;



	}
div#navibereich2 ul {
/* position: fixed; /* fixiert die navileiste - aber Positionierung im float (verhältnis zu linker box) bleibt erhalten */

position: fixed;
font-size: 14px;



	}	
	
div#navibereich2 li {

display: block;
list-style-type: none;
padding-bottom: 2px;
padding-left: 150px;


	}


div#navibereich2 li.sie-sind-hier { color: #333; 
}



/* div#kopfbereich {

float: left;
margin: 450px 10px auto;
background-color: red;
font-size: 25px;	

color: #999;
	} */
div#galerie {

width: 41000px;

margin-top: 80px;
 
background-color: transparent;

z-index: -5;
	}

div#galerie li {
float: left;
list-style: none;
padding: 0 12px 0 0;
display: inline;
	}

div#galerie_neu {

width: 500px;
margin-top: 80px;
 
background-color: transparent;

z-index: -5;
	}

#neu text {
	height: 540px;
	width: 400px;
position: relative;
padding: 0 0 0 40px;
	}
#neu p {

position: absolute;
/* box-shadow: 6px 4px 4px #999; */ 
bottom: 0px;

}
div#galerie_neu li {
float: left;
list-style: none;
padding: 0 12px 0 0;
display: inline;
	}
div#galerie_land {

width: 36080px;

margin-top: 80px;
 
background-color: transparent;

z-index: -5;
	}

div#galerie_land li {
float: left;
list-style: none;
padding: 0 130px 0 0;
display: inline;
	}

div#galerie_stadt {

width: 38677px;

margin-top: 80px;
 
background-color: transparent;

z-index: -5;
	}

div#galerie_stadt li {
float: left;
list-style: none;
padding: 0 130px 0 0;
display: inline;
	}

div#galerie_mensch {

width: 60090px;

margin-top: 80px;
 
background-color: transparent;

z-index: -5;
	}

div#galerie_mensch li {
float: left;
list-style: none;
padding: 0 45px 0 0;
display: inline;
	}
div#galerie_szenen {

width: 55740px;

margin-top: 80px;
 
background-color: transparent;

z-index: -5;
	}

div#galerie_szenen li {
float: left;
list-style: none;
padding: 0 12px 0 0;
display: inline;
	}


div#galerie_artefakte {

width: 32000px;

margin-top: 80px;
 
background-color: transparent;

z-index: -5;
	}

div#galerie_artefakte li {
float: left;
list-style: none;
padding: 0 12px 0 0;
display: inline;
	}

div#galerie_serien {

width: 55740px;

margin-top: 80px;
 
background-color: transparent;

z-index: -5;
	}

div#galerie_serien li {
float: left;
list-style: none;
padding: 0 50px 0 0;

display: inline;
	}

/* neues div# hochzeit */
div#galerie_hochzeit {

width: 70640px;

margin-top: 80px;
 
background-color: transparent;

z-index: -5;
	}

div#galerie_hochzeit li {
float: left;
list-style: none;
padding: 0 50px 0 0;

display: inline;
	}
.hochzeit_info {
	height: 540px;
	width: 240px;
position: relative;
padding: 0 0 0 100px;
background-color: #EEE;
text-align: start;

	}
.hochzeit_info p {

position: absolute;
/* box-shadow: 6px 4px 4px #999; */ 
top: 270px;	
font-size: 15.5px;
color: #333;

}	
.hochzeit_info h1 {

/* box-shadow: 6px 4px 4px #999; */ 
position: absolute;
	top: 270px;
font-size: 15.5px;
color: #333;

}	
  .hochzeit_info a {

/* box-shadow: 6px 4px 4px #999; */ 
position: relative;
	top: 340px;
font-size: 15.5px;
color: #333;

}	


.hochzeit_mehr {
	height: 540px;
	width: 60px;
position: relative;

padding: 0 0 0 50px;
background-color: #EEE;


	}
.hochzeit_mehr p {

position: absolute;
/* box-shadow: 6px 4px 4px #999; */ 
top: 100px;	
  
font-size: 15.5px;
color: #333;

}	

div#preise {
position: absolute;
left: 400px;
top: 305px;	}
div#preise a {color: #700707}
div#preise a:visited { color:#999;}
div#preise a:hover, focus {color: #999;
}
	

a:active { color:#999;}

div#blog_text {
width: auto;
margin-top: 80px;
margin-left: 80px;
background-color: transparent;
padding: 180px 0 0 0;
z-index: -5;

	}

div#blog_text li {
font-size: 31px;
list-style: none;
padding: 0 12px 0 0;
display: inline;
	
	}

div#links_blog {

	float: left; /* IE 8 Fix für gleichen vertikalen Abstand in FF und IE 8 */
	min-height: 200%;
	display: inline;

	
	}
	
div#links_blog h1 {
	
	float: left;
	color: #333;
	margin-top: 412px;
	padding: 0 290px 0 30px;
	  
	
	}
	

div#kontakt_text {

width: 13240px;
margin-top: 80px;
margin-left: 80px;
background-color: transparent;
padding: 20px 0 0 0;
z-index: -5;

	}

	
	
	
div#kontakt_text li {
float: left;
font-size: 31px;
list-style: none;
padding: 20px 20px 0 0;
display: inline;
	
	}
		.kontakt_info {
	height: 540px;
	width: 340px;
position: relative;
padding: 0 0 0 20px;
background-color: #E9EFEF;
text-align: start;

	}
.kontakt_info p {

position: absolute;
/* box-shadow: 6px 4px 4px #999; */ 
top: 270px;	
font-size: 15.5px;
color: #333;

}
div#koos {
	position: relative;
	text-align: right;
	top: -100px;
	right: 148px;
	clear: both;
	
	}	

div#koos p {
	
	font-size: 31px;
	
	}	
	
	

div#koos h1 {
	
	display: inline;
	font-size: 31px;
	
	}
 
	
/* linke seite für "blog" und "kontakt" */
div#links_blog {

	float: left; /* IE 8 Fix für gleichen vertikalen Abstand in FF und IE 8 */
	min-height: 100%;
	display: inline;

	
	}
	
div#links_blog h1 {
	
	float: left;
	color: #333;
	margin-top: 412px;
	padding: 0 290px 0 30px;
	  
	
	}
	
div#impressum_text {
width: auto;
margin-top: 80px;
margin-left: 80px;
background-color: transparent;
padding: 45px 0 0 0;
z-index: -5;

	}

div#impressum_text li {
font-size: 16px;
list-style: none;
padding: 0 12px 0 0;

display: inline;
	
	}
div#impressum_text h1 {
font-size: 16px;	
color: #2897B7;
	
	}	
div#impressum_text p {
font-size: 16px;
color: #666;
	
	}	
	
.szenen_info {
	height: 540px;
	width: 240px;
position: relative;
padding: 0 0 0 100px;
background-color: #EEE;
text-align: start;

	}
.szenen_info p {

position: absolute;
/* box-shadow: 6px 4px 4px #999; */ 
top: 270px;	
font-size: 15.5px;
color: #333;

}	





.serien_info_berlin{
	height: 540px;
	width: 240px;
position: relative;
padding: 0 0 0 100px;
background-color: #EEE;
text-align: start;

	}
.serien_info_berlin p {

position: absolute;
/* box-shadow: 6px 4px 4px #999; */ 
top: 270px;	
font-size: 15.5px;
color: #333;

}

.hochzeit_info_berlin{
	height: 540px;
	width: 240px;
position: relative;
padding: 0 0 0 100px;
background-color: #EEE;
text-align: start;

	}
.hochzeit_info_berlin p {

position: absolute;
/* box-shadow: 6px 4px 4px #999; */ 
top: 270px;	
font-size: 15.5px;
color: #333;

}

.bildtitel {
	height: 540px;
	width: 400px;
position: relative;
padding: 0 0 0 40px;
	}
.bildtitel p {

position: absolute;
/* box-shadow: 6px 4px 4px #999; */ 
bottom: -3px;
font-size: 15.5px;
}

.bildtitel_last {
	height: 540px;
	width: 100px;
position: relative;
padding: 0 0 0 40px;
	}
.bildtitel_last p {
position: absolute;
/* box-shadow: 6px 4px 4px #999; */ 
bottom: -3px;
font-size: 15.5px;
}

.serien_info {
	height: 540px;
	width: 240px;
position: relative;
padding: 0 0 0 80px;
background-color: #B8D0D8;
box-shadow: 10px 0px 10px 4px #CCC;
text-align: start;

	}
.serien_info p {

position: relative;
/* box-shadow: 6px 4px 4px #999; */ 
top: 100px;	
left: -20%;
margin-right: 5%;
font-size: 15.5px;
color: #333;
}


div#links {

	float: left; /* IE 8 Fix für gleichen vertikalen Abstand in FF und IE 8 */
	min-height: 100%;
	display: inline;

	
	}
	
div#links h1 {
	
	float: left;
	color: #333;
	margin-top: 412px;
	padding: 0 60px 0 30px;
	
	
	}

div#links h2 {
	
	float: left;
	color: #333;
	margin-top: 412px;
	padding: 0 60px 0 30px;
	
	
	}


/* Variante für "Hochzeit" */

div#links2 {

	float: left; /* IE 8 Fix für gleichen vertikalen Abstand in FF und IE 8 */
	min-height: 100%;
	display: inline;
	

	
	}
	
div#links2 h1 {
	
	float: left;
	color: #333;
	margin-top: 412px;
	padding: 0 60px 0 30px;
	
	
	}

div#links2 h2 {
	
	float: left;
	color: #333;
	margin-top: 50px;
	margin-left: 290px;
	padding: 0 50px 0 30px;
	
	
	
	}



div#fussbereich {
	
	font-size: 13px;
	bottom: 2px;
	position: fixed;
	right: 15px;
	background-color: transparent;

	} 

div#fussbereich p {
color: #333;

	}

div#fussbereich a{
color: #333;

	}
div#fussbereich a 	{ text-decoration:none;}
div#fussbereich a:link {color: #333;}
div#fussbereich a:visited { color:#999;}
div#fussbereich a:hover, focus {color: #999;}  


/*   ==================================
		4. Sonstige Styles
     ================================== */
/* floats clearen */	 
/*.clearing {clear: both; }	 */
	 
	 
 /*   ==================================
		Ende des Stylesheet bildschirm.css
      ================================== */