﻿@media screen and(orientation: landscape) {
	@viewport {
		width: 1024;
		zoom:1;
	}
}

body{
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-family: Arial, sans-serif;
	color: #000000;
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../galerie/big/alternate-startseite.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

a, img{
	border-style: none;
}

.clearer{
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
}

ul{
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.title{
	visibility: hidden;
}

#pic_background {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}

#video_background{
	position: fixed;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 2;
	overflow: hidden;
}



@media (max-width: 1023px){
	#video_background{
		visibility: hidden !important;
		display: none;
		top: -2000px;
		
	}
}

#header{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 105px;
	width: 100%;
	z-index: 4;
	overflow: auto;
	background-color: #000;
}



.content{
	position: absolute;
	/*top: 0px;
	left: 0px;*/
	z-index: 3;
	top: 125px;
	width: 100%;
	/*height: 100%;*/
	padding-top: 20px;
}

#footer_base{
	position: fixed;
	bottom: -30px;
	left:0px;
	width: 100%;
	text-align: center;
	z-index: 5;
}

#footer{
	max-height: 300px;
	max-width: 100%;
	overflow: hidden;
}

@media (max-width: 1280px) {
	#footer{
		max-height: 200px;
		max-width: 100%;
	
	}
}

#footer2{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	max-height: 300px;
	z-index: 6;
	overflow: auto;
	width: 100%;
	visibility: visible;
}

#copyright{
	text-align: center;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 8;
	font-weight: bold;
	color: #CCC;
	font-size: 12px;
	line-height: 5px;
}

.copyright_handy{
	visibility: hidden;
	margin-bottom: -50px;
	display: none;
}

@media (max-height: 880px){
	#copyright{
		visibility: hidden;
	}
	.copyright_handy{
		visibility: visible;
		width: 100%;
		text-align: center;
		margin-bottom: 90px;
		display: block;
	}
	
	.copyright_handy_base{
		margin-top: 50px;
	}
}



/*.copyright_handy_base{
	height: 1000px;
}*/

.wrapper{
	background-color: #CCC;
	border: 1px solid #333;
	width: 960px;
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	-moz-border-radius: 14px 14px 14px 14px; /* Firefox */
	-webkit-border-radius: 14px 14px 14px 14px; /* Chrome, Safari */
	-khtml-border-radius: 14px 14px 14px 14px; /* Konqueror */
	border-radius: 14px 14px 14px 14px; /* CSS3 */
	box-shadow: 5px 4px 4px 5px rgba(0,0,0,.5);
	opacity: 0.6;
}

.wrapper_box{
	opacity: 1;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 50px;
}

#copyrightprint, #headerprint{
	display: none;
}
@media (max-width: 1024px) {
	.wrapper{
		width: 95%;
	}
}
/************************/
/**********navi**********/
/************************/
.navi{
	position: fixed;
	right: 0px;
	top: 70px;
	z-index: 7;
	margin-right: 50px;
	/*border: 1px solid #ccc;*/
	font-weight: bold;
}

.navi ul{
	display: block;
	margin-left: 300px;
}


.navi ul li{
	float: left;
	list-style-type: none;
	margin-left: 60px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom: 5px;
	background-color: #000;	
}

a {
	color: #FFFFFF;
}

a:hover{
	color: #999999;
}

.breadcrumb{
	color: #CCCCCC;
	text-decoration: none;
}

/*******************************/
/**********navi - ende**********/
/*******************************/
.sitemap ul{
	margin-left: 20px;
}

.wrapper a{
	color: #333333;
}

.wrapper a:hover{
	color: #999;
}

.vita .wrapper{
	background-image: url(../images/teaser_tasse.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
	opacity: 0.8;	
}
.vita .mask{
	float: right;
	width: 400px;
	height: 200px;
	margin-right: 20px;
	margin-left:30px;
	margin-bottom: 100px;

}

#federkiel{
	float: right;
	height: 250px;
	margin-right: 50px;
	margin-left:40px;
	margin-bottom: 20px;
}

#portrait{
	float: left;
	margin-right: 50px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	opacity: 1;
}

.home{
	text-align: center;
}

.home .wrapper{
	width: 960px;
	height : 550px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	opacity: 1;
	display: inline-block;
	text-align: left;
	background-color: #FFF;
}

.home .wrapper a{
	text-decoration: none;	
}

.box_1{
	background-image: url(../images/zeichnungen.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;	
}

.box_dummy{
	background-image: url(../images/dummy.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;	
}


.linkpic img{
	width: 390px;
	height: 141px;
	margin-top: -40px;
	
}

.linkpic img:hover{
	border: 5px solid #FC6;
	-moz-border-radius: 14px 14px 14px 14px; /* Firefox */
		-webkit-border-radius: 14px 14px 14px 14px; /* Chrome, Safari */
		-khtml-border-radius: 14px 14px 14px 14px; /* Konqueror */
		border-radius: 0px 0px 14px 14px; /* CSS3 */
		margin-bottom: -10px;
	
}

.teaser{
	text-align: center;
	opacity: 0.6;
	margin-top: -41px;
	margin-bottom: 50px;
	background-color: #CCC;
}

.teaser img{
	max-width: 700px;
	opacity: 1;
	margin-bottom: -5px;
	margin-left:0px;
	margin-right:  -5px;
}

@media (max-width: 1500px){
	.teaser{
	background-repeat: repeat;
	background-position: center bottom;		
	}
	
	.teaser2{
		visibility: hidden;
		height: 0px;
		width: 0px;
	}
	
}
@media (max-width: 1030px){
	.teaser{
		background-image: none;
	}
}

@media (max-width: 900px){
	.teaser{
		visibility: hidden;
		height: 0px;
	}
}

/*@media (max-width: 1300px){
	.home .wrapper{
		width: 370px;
		margin-left: 40px;
		margin-right: 0px;
	}
	.linkpic img{
		width: 360px;
	}
}

@media (max-width: 1200px){
	.home .wrapper{
		width: 400px;
		margin-left: 60px;
		margin-right: 10px;
	}
	.linkpic img{
		width: 390px;
	}
}*/

.index{
	
	position: absolute;
	/*top: 0px;
	left: 0px;*/
	z-index: 3;
	top: 75px;
	width: 100%;
	height: 100%
	padding-top: 20px;
	text-align: center;
}



.index img{
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

#footerx{
	max-width: 100%;
	overflow: hidden;
}

.index p{
	 visibility: hidden;
 }

.galerie ul, .galerie li, .galerie a{
 margin: 0px;
 padding: 0px;
}

.galerie ul{
	display: block;
	width: 100px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	/*margin-left: 30px;*/
	background-color: #CCC;
	
}

.galerie li{
	display: none;
	margin-bottom: 10px;
	padding-top: 10px;
}



.galerie .current{
	display: block;
	
}

.galerie .current a{
	color: #666;
	text-decoration: underline;
}

.galerie ul:hover li{
	display: block;
}

.galerie_nav {
    float: left;
    height: 510px;
    /*margin-bottom: 20px;*/
    overflow: auto;
    width: 170px;
}

.galerie_nav img{
    width: 140px;
	margin-top: 10px;
}

iframe{
	float: left;
	width: 730px;
	height: 510px;
	/*margin-left: 10px;
	margin-bottom: 10px;*/
	margin-top: -30px;
	margin-left:20px;
	border: 0px none #FFF;
	overflow: hidden;
}



.blende2 img{
	margin-left: 200px;
	margin-top: -500px;
	width: 730px;
	height: 500px; 
	
}

.blende3 img{
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 300px;
}
@media (max-width: 1200px){
	.blende3 img{
		visibility: hidden;
		height: 0px;
	}
	
}

.galerie_big, .backlink{
	text-align: center;
	font-weight: bold;
}

.galerie_big{
	height: 410px;
}

.backlink{
	color: #CCC;
	height: 1000px;
}

.backlink a{
	color: #CCC;
}

.backlink p{
	font-style: italic;	
}

.galerie_big img{
	max-width:730px;
	max-height: 410px;
}

.blende4{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 420px;
}
.info{
	width: 640px;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
	 margin-left: auto; margin-right: auto;
	font-family: "Times New Roman", Times, serif;	
} 

.info h3, .info p{
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;	
} 

@media (max-width: 1023px){
	.galerie_big img{
		max-width:640px;
		max-height: 408px;
	}
}

/*******************************/
/**********Subnavi**************/
/*******************************/

#subnav_a, #menu{
	display:none;
}

.galerie ul:hover li{
	display: none;
}

.subnav ul:hover li{
	display: block;
}

.galerie li{
	display: block;
	font-size: 1em;
}

.galerie ul li a {
    height: 1.7em;
  }

#subnav_a, #menu{
	display: block;
	
}

#subnav_a{
	position: fixed;
	left: -350px;
	top: 125px;
	z-index: 11
	font-size: 1em;
	width: 200px;
	-moz-border-radius: 0px 0px 14px 14px; /* Firefox */
	-webkit-border-radius: 0px 0px 14px 14px; /* Chrome, Safari */
	-khtml-border-radius: 0px 0px 14px 14px; /* Konqueror */
	border-radius: 0px 14px 14px 0px; /* CSS3 */
	box-shadow: 5px 4px 4px 5px rgba(0,0,0,.5);
	border: 1px solid #666;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#subnav_a a:hover{
	margin-bottom: 0px;
}

#subnav_a:target{
	left: 0px;
}
/************************/
#subnav_b{
	display: none;
}


