/* ----------------------------------------------------------------------------- *
 * Änderung des default-Box-Modells aller Elemente auf "border-box"
 * http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 * << apply a natural box layout model to all elements >>
 * ----------------------------------------------------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/* ----------------------------------------------------------------------------- */

	html{
		font-family:Helvetica;
		font-weight:100;
	
	}


@media screen and (min-width:780px) {

@charset "UTF-8";

	
	
	body {
		width:100%;     /*width:980px;*/	
		max-width: none;	
		/*margin-left:  auto;
		margin-right: auto;*/
		margin:20px;
	}

	h1{
		font-weight:300;
	}
	
	h3{
		font-weight:100;
		margin-top:5px;
		margin-bottom:5px;
	}
		.sm0  {width: 4.166666666665%;}
		.sm1  {width: 8.333333333333%;}
		.sm15 {width:11.111111111110%;}
		.sm2  {width:16.666666666667%;}
		.sm3  {width:25%;}
		.sm4  {width:33.333333333333%;}
		.sm5  {width:41.666666666667%;}
		.sm6  {width:50%;}
		.sm7  {width:58.333333333333%;}
		.sm8  {width:66.666666666667%;}
		.sm9  {width:75%;}
		.sm10 {width:83.333333333333%;}
		.sm11 {width:91.666666666667%;}
		.sm12 {width:100%;}
		
		.px30 {width: 30px;}
		.px50 {width: 50px;}
		
		
		
		
		
		
	
.float {
    float: left;
}
	
.button {                  
	height:21px;
}

#editBild p{
	font-size: 10px;
    margin: 0px;
    padding: 0 5px;

}


#vkfenster1 {
    background-color: rgb(180,240,240);
	position:fixed; 
	top:80px;
	left:10px;
	opacity: 1.0;
	height:300px;
	width:300px;	
	margin: 20px;
	padding: 5px;
}

#vkfenster1 p{
	font-size: 12px;
	height:24px;
    margin: 0px;
    padding: 0px;
}

#vksuchbereich {
    background-color: rgb(180,240,240);
	position:fixed; 
	top:380px;
	left:180px;
	opacity: 1.0;
	height:150px;
	width:600px;	
	margin: 20px;
	padding: 5px;
}

#vksuchbereich p{
	font-size: 12px;
	height:24px;
    margin: 0px;
    padding: 0px;
}

	
#vkebene {
    background-color: rgb(180,240,240);
	position:fixed; 
	top:80px;
	left:10px;
	opacity: 1.0;
	height:350px;
	width:300px;	
	margin: 20px;
	padding: 5px;
}

#vkebene p{
	font-size: 12px;
    margin: 0px;
    padding: 0px;
}

#liefEingabe {
    background-color: rgb(140,240,240);
	position:fixed; 
	top:70px;
	left:0px;
	opacity: 1.0;
	height:300px;
	width:200px;	
	margin: 20px;
	padding: 5px;
}


#liefEingabe p{
	font-size: 12px;
	height:24px;
    margin: 0px;
    padding: 0px;
}


.hoehe2{
	font-size: 10px;
	height:40px;
    margin: 0px;
    padding: 0px;
}


.hoehe3{
	font-size: 10px;
	height:100px;
    margin: 0px;
    padding: 0px;
}

	
	.grid1  {width:60px;}
	.grid2  {width:140px;}
	
	.grid3  {width:180px;}
	
	.grid4  {width:300px;}
	.grid5  {width:380px;}
	.grid6  {width:460px;}
	.grid7  {width:540px;}
	.grid8  {width:620px;}
	.grid9  {width:700px;}
	.grid10 {width:780px;}
	.grid11 {width:860px;}
	.grid12 {width:940px;}
	
	.refT {
		width:180px;
		height:80px;
		/*padding:5px 5px;*/
	
	
	}
	
	
	
	.bild3  {
	   	display: block;
    	margin-left: auto;
    	margin-right: auto;  		
	}
	.
	box3   {
		width:160px;
		height:200px;
	}
	
	.fig3   {
		background-color: rgb(240,240,240);
		position:relative; 
		width:180px;
		height:260px;
	}

	.txt3l {
		position:absolute; 
		top:180px;
		left:0px;
		font-size: 10px;
		width:180px;
		height:80px;
		padding:5px 5px;
	}
	.txt3r {
		position:absolute; 
		top:180px;
		left:0px;
		font-size: 10px;
		width:180px;
		height:80px;
		padding:5px 5px;
		text-align:right;
	}

	.bildbox{
		background-color: rgb(240,240,240);
  		left:300px;
 		width:150px;
 		height:150px;
  		/*margin: 0px auto;*/
	
	}
	
	.box12   {height:80%;}
	.bild12  {height:500px;}   
	
	.fig12   {
		position:relative; 
		width:100%;
		height:100%;
		font-size: 20px;
	}

	.txt12l {
		position:absolute; 
		top:80%;       
		left:300px;
		width:600px;
		height:50px;
		padding:5px 5px;
		text-align:left;
	}
	.txt12r {
		position:absolute; 
		top:80%;       
		left:300px;
		width:600px;
		height:50px;
		padding:5px 5px;
		text-align:right;
	}

	#d12 {
		width:600px;
		margin: 0px auto;
	}
	
	
	
	
	.fix1920 {
		width:100%     
		margin:0px;
		padding:0px 38px;
	}
	.fix1880 {
		position:relative;
   		top:100px;
   		left:178px;		
   		width: 85%;       s
		margin:0px 30px;
	}

	[class*="grid"] {
		float: left;
		margin-left:  10px;
		margin-right: 10px;
		margin-bottom: 20px;
	}

	figure{
		margin:0px;
		padding:0px;

	}
	figcaption{
		font-size: 10px;
	}	
	.strich3{
		background-color: rgb(102,123,180);
		width:160px;
		height:6px;
	}

header{
	-webkit-appearance: none;
	background-color: rgb(256,256,256);
	position:fixed; 
	top:0px;
	left:0px;
	width:100%;
  	height:60px;
}
nav{
	-webkit-appearance: none;
	background-color: rgb(256,256,256);
	position:fixed; 
	top:60px;
	left:0px;
	width:100%;
  	height:40px;
}
main {
 
}


footer{
	-webkit-appearance: none;
	background-color: rgb(256,256,256);
	position:fixed; 
	bottom:0px;
	left:0px;
	width:100%;
  	height:40px;
	font-size: 15px;
	padding:10px 0px;

}

#GB {
	-webkit-appearance: none;
	background-color: rgb(256,256,256);
	position:fixed; 
	top:0px;
	left:0px;
  	width:100%;
  	height:100%;


}
#seite{
	-webkit-appearance: none;
	background-color: rgb(256,256,256);
/*	position:fixed; */
	top:100px;
	left:0px;
  	width:15%;
  	height:85%;
}
#nav {	
	position:absolute; 
	top:100px;
	left:50px;
}

#editBild {
    background-color: rgb(140,240,240);
	position:fixed; 
	top:70px;
	left:180px;
	opacity: 1.0;
	height:380px;
	width:600px;	
	margin: 20px;
	padding: 5px;
}


#Kuenstler {
    background-color: rgb(255,255,255);
	position:fixed; 
	top:80px;
	left:20px;
	height:85%;
	width:160px;	
	margin: 20px;
	padding: 5px;
	
	overflow-y:auto;
							/*<div id=bildvariante style=" height:108px; width:100%; font-size:8px; overflow-y:auto; overflow-x:auto; border: 4px solid #FFFFFF; padding:0px;"></div> */  

}

#Bilder {
    background-color: rgb(255,255,255);
	position:fixed; 
	top:80px;
	left:160px;
	height:85%;
	width:85%;	
	margin: 20px;
	padding: 5px;
	
	overflow-y:auto;
							/*<div id=bildvariante style=" height:108px; width:100%; font-size:8px; overflow-y:auto; overflow-x:auto; border: 4px solid #FFFFFF; padding:0px;"></div> */  

}





.ro {background-color: rgb(40,240,240);}

}