@charset "utf-8";
/* CSS Document */

/*------------CSS RESET-------------
----------------------------------*/
* {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;}
ul,li {
	list-style:none;}
b,strong {
	font-weight:bold;}	
img,a img {
	border:none;}
a {
	text-decoration:none;}
/*------------SCHRIFT---------------
----------------------------------*/
h2 {
	color:rgba(250,250,250,1);
	font-family:"Cinzel";
	font-size:30px;
	text-transform:capitalize;
	letter-spacing:3px;
	text-shadow:0 1px 0 #000, 3px 5px 5px #000;}
.zurueck {
	color:rgba(250,250,250,1);
	font-family:"Cinzel";
	font-size:30px;
	text-transform:capitalize;
	letter-spacing:3px;
	text-shadow:0 1px 0 #000, 3px 5px 5px #000;
	margin:20px;}
/*------------BODY------------------
----------------------------------*/
body {
	background:url(bilder/background-body.jpg);}
header {
	width:1400px;
	height:100px;
	margin-top:10px;
	background:rgba(255,255,255,0.3);
	border-top: solid  #FFF 2px;
	border-bottom: solid  #FFF 2px;}
#approduction-logo {
	width:294px;
	height:100px;
	margin:auto;}
#hintergrund-home {
	width:1400px;
	height:800px;
	background-image:url(bilder/body.jpg);
	margin:10px auto;
	border:solid #FFF 2px;
	border-radius:20px;}
/*---HOME NAVIGATION GROßER BLOCK---
----------------------------------*/
#navi-home {
	width:700px;
	height:700px;
	background:rgba(255,255,255,0.5);
	margin:10px 10px;
	padding:5px;
	border: solid #FFF 2px;
	border-radius:10px;
	position:relative;}
/*---HOME NAVIGATION KLEINE BLOCKS--
----------------------------------*/	
.navi-home {
	width:336px;
	height:336px;
	background:#00F;
	margin:5px;
	border:solid #FFF 2px;
	border-radius:10px;
	position:relative;
	display:block; 
	float:left;}
.text-position-home-navi {
	width:250px;
	height:auto;
	margin:270px auto 0px;
	position:relative;
	text-align:center;
	border-radius:10px;
	background: -moz-linear-gradient(left,  rgba(211,211,211,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(211,211,211,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,  rgba(211,211,211,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,  rgba(211,211,211,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left,  rgba(211,211,211,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(211,211,211,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#00ffffff',GradientType=1 );}
#links-oben {
	background-image:url(bilder/1.jpg);
	opacity:0.9;}
#rechts-oben {
	background-image:url(bilder/2.jpg);
	opacity:0.9;}
#links-unten {
	background-image:url(bilder/3.jpg);
	opacity:0.9;}
#rechts-unten {
	background-image:url(bilder/4.jpg);
	opacity:0.9;}
/*----HOME NAVIGATION MAUS HOVER----
----------------------------------*/
.navi-home:hover {
	border-color:#000;}
#links-oben:hover {
	opacity:1;}	
#rechts-oben:hover {
	opacity:1;}	
#links-unten:hover {
	opacity:1;}	
#rechts-unten:hover {
	opacity:1;}
/*-----------BODY ALLE--------------
----------------------------------*/
#hintergrund {
	width:1400px;
	height:800px;
	background-image:url(bilder/background-body2.jpg);
	position:relative;
	margin:10px auto;
	border:solid #FFF 2px;
	border-radius:20px;}
#galerie-body {
	height:625px;
	width:1360px;
	background-color:rgba(255,255,255,0.3);
	margin:0px auto;
	padding:3px;
	border:solid #FFF 2px;
	border-radius:10px;}
.navi-galerie {
	width:440px;
	height:565px;
	margin:50px 4px 4px 5px;
	display:inline-block;
	float:left;
	border: solid #FFF 2px;
	border-radius:10px;}
.text-position-galerie-navi {
	width:180px;
	height:auto;
	text-align:center;
	position:relative;
	margin:auto;
	top:-50px;}
#outdoor {
	background-image:url(bilder/approductiongalerie1.jpg);
	opacity:0.9;}
#hochzeit {
	background-image:url(bilder/approductiongalerie2.jpg);
	opacity:0.9;}
#kinder {
	background-image:url(bilder/approductiongalerie3.jpg);
	opacity:0.9;}
/*--GALERIE NAVIGATION MAUS HOVER---
----------------------------------*/
.navi-galerie:hover {
	border-color:#000;}
#outdoor:hover {
	opacity:1;}
#hochzeit:hover {
	opacity:1;}
#kinder:hover {
	opacity:1;}
/*----------GALERIE BILDER----------
----------------------------------*/
#galerie-body-bilder {
	height:625px;
	width:1365px;
	background-color:rgba(255,255,255,0.3);
	margin:0px auto;
	padding:3px;
	border:solid #FFF 2px;
	border-radius:10px;
	overflow:auto;}	
.galerie {
	float:left;
	display:block;
	margin:3px;}
/*-----------KONTAKT----------------
----------------------------------*/
#mein-nahme {
	list-style-image:url(bilder/photograph.png);
	margin-top:120px;}
#addresse {
	list-style-image:url(bilder/stadt.png);}
#handy-nummer {
	list-style-image:url(bilder/handy.png);}
#email {
	list-style-image:url(bilder/email.png);
	text-transform:none;}
#odnoklassniki {
	list-style-image:url(bilder/odnoklassniki.png);}
.kontakt-text {
	width:620px;
	color:rgba(255,255,255,1);
	font-family:"Cinzel";
	font-size:30px;
	text-transform:capitalize;
	letter-spacing:3px;
	text-shadow:0px 1px 0px #000, 3px 5px 5px #000;
	margin:30px 0 0 100px;}
#kontakt-bild {
	width:440px;
	height:565px;
	float:right;
	margin:30px;
	border:solid #FFF 2px;
	border-radius:10px;}
/*------------PREIS-----------------
----------------------------------*/
#text-preis {
	width:450px;
	color:rgba(255,255,255,1);
	font-family:"Cinzel";
	font-size:50px;
	text-transform:capitalize;
	letter-spacing:3px;
	text-shadow:0px 1px 0px #000, 3px 5px 5px #000;
	margin:240px auto;}
/*------------IMPRESUM--------------
----------------------------------*/
#text-impressum {
	width:605px;
	height:605px;
	margin:10px auto;
	color:rgba(255,255,255,1);
	font-family:"times-new-roman";
	font-size:23px;
	letter-spacing:2px;
	text-shadow:0px 1px 0px #000, 3px 5px 5px #000;
	text-align:center;}