/* zählt für alles*/
* { margin:0; z-index:100;		font-family: "proxima-nova","Gotham-Book",sans-serif;
	font-style: normal;
	font-weight: 400;}
	
a {font-weight: normal;}

a { color:  black;text-decoration: underline; }
a:visited { color: black;text-decoration: underline;}
a:hover { color: #F3C; text-decoration: none;}
a:focus { outline: thin dotted;}
a:hover, a:active { outline: 0;}

html,body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	/*overflow-x: hidden;
	-webkit-overflow-scrolling: touch;*/
}


/*body {
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	}*/

/*zählt dann für alle h1*/
h1 { font-size:24px; font-style:italic; }
/*zählt nur für h1.gerahmt als zusatz oder änderung zu h1, wenn h1 nicht davor steht, als zusatz oder Ersatz für jeden Selektor?==???==????? */
h1.grun { font-size:20px; color: #093; text-decoration: underline; }
.gerahmt { font-size:14px; border:1px solid #FC3; }


/*zählt für genau den so markierten teil innerhalt von egal was*/
span { font-size: 17px; }
rosa {  color: # 093; }
durch {text-decoration: line-through; }

 
/***************** Textformen *****************/

.fett2 {
	font-family: "proxima-nova",Gotham,sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 50px;
	letter-spacing: 0.09em;
	line-height:60px;	
 }
 
 
 .fett {
	 
 font-family: "ratio",sans-serif;
font-style: normal;
font-weight: 300;
	font-size: 50px;
	letter-spacing: 0.09em;
	line-height:60px;	
 }
 

 
  .head {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0.09em;
	line-height:23px;
	margin-bottom:15px;
 }
 
 
.head2 {
	
	font-family: "proxima-nova","Gotham-Light",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 0.09em;
	line-height:23px;
	margin-bottom:15px;
 }
 
 
  .info {
	font-family: "proxima-nova","Gotham-Light", sans-serif;
	font-style: normal;
	font-weight: 300;
  	font-size: 10px;
  	line-height:14px;
  	margin-bottom:10px;
	letter-spacing: 0.1em;
 }
 
   .info2 {
	font-family: "proxima-nova","Gotham-Book", sans-serif;
	font-style: normal;
	font-weight: 400;
  	font-size: 13px;
  	line-height:22px;
	letter-spacing: 0.2em;
  	margin-top:10px;
 }
 
 
 .text {
	font-family: "proxima-nova","Gotham-Book",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.105em;
	line-height:22px;
 }
 
 

 

 
/***************** Rand Außenrum *****************/

.rand {
  position:fixed;
 }

#unten{ height: 20px; top:100%; margin-top:-10px; width:100%; z-index:500; right: 0px; background-image:url(img/bg.gif);}
#oben{ height: 20px; bottom:100%; margin-bottom:-10px; width:100%; z-index:500; right: 0px;background-image:url(img/bg.gif);}
#rechts{ display:none;}
.no-cssscrollbar #rechts{ display:block; width: 20px; left:100%; margin-left:-10px; height:100%; z-index:500;background-image:url(img/bg.gif);}
#links{ width: 20px; right:100%; margin-right:-10px; height:100%; z-index:500;background-image:url(img/bg.gif);}


/***************** kästen *****************/


.textkastenHead{ 
	/*margin-top:130px;*/
	margin-top:75px;
	margin-right:100px; 
	margin-left:200px;
	z-index:1000; 
	position:fixed;
	text-align:left;
	/*mix-blend-mode:difference;*/

	}

.projects{ 
	padding-right:0px; 
	padding-left:150px;
	z-index:400; 
	text-align:center;
	}
	
.projects .info{
	letter-spacing:0.3em;
 }
 
 
.projects a {color: white ;text-decoration: none; opacity:0.8;}
.projects a:visited { color: none;text-decoration: noneh;opacity:0;}
.projects a:hover { color:white; text-decoration: none; opacity:1;}
.projects a:focus { outline: thin dotted;}
.projects a:hover, a:active { outline: 0;}

	
	



/***************** bildkästen *****************/


.spacer100{ 
	margin-top:100px;
	z-index:100;
	width:100%;
	float: left;
	}



.spacer200{ 
	margin-top:200px;
	z-index:100;
	width:100%;
	float: left;
	}


.spacer300{ 
	margin-top:300px;
	z-index:100;
	width:100%;
	float: left;
	}
	

.spacer400{ 
	margin-top:400px;
	z-index:100;
	width:100%;
	float: left;
	}
	
	
.spacer500{ 
	margin-top:500px;
	z-index:100;
	width:100%;
	float: left;
	}
	
.containerThumbs{ 
	width:100%;
	background-image:url(img/bg.gif);
	background-color:white;
	float:left;
	z-index:600;
	position:relative;
	}

.containerContent{ 
	width:100%;
	background-color:white;
	float:left;
	z-index:450;
	position:relative;
	}

	 
.thumb_01{ 
	height:250px;
	width:250px;
	margin-top:100px;
	margin-left:50px; 
	z-index:100; 
	float: left;
	}


.bild_01{ 
	margin-top:90px;
	margin-left:00px; 
	margin-right:300px;
	z-index:100; 
	margin-bottom:100px;
	float: left;
	}


	
.bild_01{ 
	margin-top:90px;
	margin-left:40px; 
	margin-right:300px;
	z-index:100; 
	margin-bottom:100px;
	float: left;
	}

.bild_02{ 
	margin-top:130px;
	margin-left:200px;
	z-index:100; 
	float: left;
	margin-bottom:140px;
	/*cursor:url(img/cursor.png),move;*/
	}
	
	
.bild_03{ 
	margin-top:120px;
	margin-left:250px;
	z-index:100; 
	float: left;
	margin-bottom:180px;
	/*cursor:url(img/cursor.png),move;*/
	}
	
.bild_04{ 
	margin-top:100px;
	margin-left:200px;
	margin-right:200px; 
	z-index:100; 
	float: right;
	margin-bottom:180px;
	/*cursor:url(img/cursor.png),move;*/
	}
	
.bild_05{ 
	margin-top:110px;
	margin-right:100px; 
	margin-left:100px;
	margin-bottom:250px;
	z-index:100; 
	float: right;
	}
	
.bild_info{ 
	margin-top:130px;
	margin-left:200px;
	z-index:100; 
	float: left;
	margin-bottom:40px;
	/*cursor:url(img/cursor.png),move;*/
	}
	
/***************** textkästen *****************/

	
.text_01{ 
	margin-top:100px;
	margin-left:200px; 
	margin-bottom:50px;
	width: 400px;
	z-index:100; 
	float: left;
	}
	
	

.text_02{ 
	width: 400px;
	z-index:100; 
	position: fixed;
	/*background-image:url(img/bg.gif);*/
	background-color:rgba(255, 255, 255, 0.0);*/
	padding: 5px;
	top:130px;
	left:600px;
	cursor:move;
	}
	
.text_03{ 
	margin-top:300px;
	margin-left:400px; 
	margin-bottom:50px;
	width: 400px;
	z-index:100; 
	float: left;
	position: fixed;
    background-color:rgba(255, 255, 255, 0.50);
	padding: 5px;
	}
	
.textkasten_oben{ 
	/*margin-top:100px;*/
	margin-top:48px;
	margin-right:0px; 
	margin-left:200px;
	z-index:100; 
	float: left;
	width: 350px;
	}


.text_blog{ 
	z-index:100; 
	float: left;
	width: 100%;
	margin-top:100px;

	}
	
.text_blog p{
		padding-left:200px;
	}
	
/*
img {
	width: auto;
	max-width:100%;
	}
*/
	
	
	
/***************** logo *****************/
	
#logo {
	position: fixed;
	top: 25px;
	left: 38px;
	width: 114px;
	height: 176px;
    z-index: 700;
	opacity:1;
}

/***************** sidenavi *****************/
nav#side {
	position: fixed;
	top: 100%;
	margin-top:-135px;
	left: 0px;
    z-index: 700;
}
nav#side ul li {
	display:  block;
	height: 26px;
	padding-top: 5px;
	background-color: none;
}
nav#side ul li a {
	padding: 0 10px 5px 10px;
	font-family: "proxima-nova","Gotham",sans-serif; 
	font-weight: 700 ;	
	letter-spacing:0.15em;
	font-size: 15px;
}

#side a { color:  black;text-decoration:underline;}
#side a:visited { color: black;text-decoration:underline;}
#side a:hover { color: #F9F; text-decoration:none;}
#side a:focus { outline: thin dotted; }
#side a:hover, #side a:active { outline: 0; }


/***************** scrollbar *****************/


::-webkit-scrollbar-thumb:vertical { 
	background-image:url(img/bg.gif);
	background-color:white;
	}

::-webkit-scrollbar-thumb:horizontal { 
	background-color:white; 
	height:10px !important;
	}

::-webkit-scrollbar-track-piece {
	background-color: white;}

::-webkit-scrollbar {
 	height:0px; 
	width:10px; 
/*	background-image:url(img/bg.gif);*/
	}

/***************** selektion *****************/

	::selection {
	color:  white;
	
	background: #FCF; /* Safari */
	}
    ::-moz-selection {
	color: white;
	background: #FCF; /* Firefox */
}


.contenthover {  /*padding:20px 20px 10px 20px; background-image: */}
.contenthover, .contenthover h3, contenthover a { color:#000; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }
.contenthover a.mybutton { text-decoration:underline; /*display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/ }
.contenthover a.mybutton:hover {color:#F9F;text-decoration:none;}
.ch_hover{
	opacity:0.9;
	/*background-image:url(img/bg.gif);*/
	}