/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 29, 2013 */



@font-face {
    font-family: 'makoregular';
    src: url('mako-regular-webfont.eot');
    src: url('mako-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('mako-regular-webfont.woff') format('woff'),
         url('mako-regular-webfont.ttf') format('truetype'),
         url('mako-regular-webfont.svg#makoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {

  	background-color: #e5f0da;
    font-family: 'makoregular';
	font-weight: normal;
	font-size:	85%;
	word-spacing: 0.1em;
	line-height: 140%;
	color: #ffffff;
	text-decoration: none;
}



#hauptinhalt {
	background:   url(bilder/hintergrund1.png) top left repeat-y;
	width: 1080px;
	min-height: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -15px;
}

#hauptinhalt  a:link,
#hauptinhalt  a:visited,
#hauptinhalt_kontakt  a:link,
#hauptinhalt_kontakt  a:visited
{
text-decoration: none;
color: #79b83e;
}

#hauptinhalt  a:hover,
#hauptinhalt_kontakt  a:hover
{
text-decoration: none;
color: grey;
}

#hauptinhalt_kontakt {
	background:   url(bilder/hintergrund2.png) top left repeat-y;
	width: 1080px;
	height: 1400px;
	min-height: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -15px;	
	margin-bottom: -15px;
}	

#showcase-wrapper {
	color: grey; 
}

#showcase-wrapper.showcase-onepage {
	margin-left: 400px; 
}

h2 { font-size: 120%; 
text-align: center; 
font-weight: normal;
padding: 0px;
}

a img { border:0px none; }

.kontakt {
	position: absolute;
	margin: 0px 0px 0px 250px;
}

.home {
	position: absolute;
	margin: 0px 0px 0px 330px;
}	

#wrapper{
	width:70%;
	margin-left:60px;
}

#nav {
	position:absolute;
	width:70%;
	margin:0;
	z-index: 500;
}

ul#navigation {
	margin:0px auto;
	position:relative;
	float:left;

}

ul#navigation li {
	display:inline;
	font-size:12px;
	line-height: 20px;
	font-weight:bold;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}


#menu {	

	}
    #menu ul, #menu_active ul { list-style: none; margin-top: 0px; heigth: 500px; margin-right: 70px; padding: 0px 0px 0px 0px; font-size: 15px; background: none; 
    } 

 

    #menu ul ul { position: absolute; background: #ffffff; opacity: 0.97; width: 800px; height: 750px; margin-left: 50px; margin-top: -100px; font-size: 100%; }
	#menu_active ul ul { position: absolute; background: none; opacity: 0.97; width: 700px; height: 750px; margin-left: -50px; margin-top: -5px; font-size: 100%; }
	#menu.fotomenue ul ul { position: absolute; background: #ffffff; opacity: 0.97; width: 700px; height: 750px; margin-left: -50px; margin-top: -5px; font-size: 100%; }
	#menu_active.fotomenue ul ul { position: absolute; background: none; opacity: 0.97; width: 700px; height: 750px; margin-left: -50px; margin-top: -5px; font-size: 100%; }
	#menu_active.grafikmenue ul ul { position: absolute; background: none; opacity: 0.97; width: 700px; height: 750px; margin-left: 50px; margin-top: -100px; font-size: 100%; }
	#menu.kontaktmenue ul ul { position: absolute; background: none; opacity: 0.97; width: 700px; height: 750px; margin-left: -50px; margin-top: -5px; font-size: 100%; }

    div#menu ul ul,
    div#menu ul li:hover ul ul,
    div#menu ul ul li:hover ul ul
      {display: none;} 

    div#menu ul li:hover ul,
    div#menu ul ul li:hover ul,
    div#menu ul ul ul li:hover ul
      {display: block;} 

    div#menu_active ul ul,
    div#menu_active ul li:hover ul ul,
    div#menu_active ul ul li:hover ul ul,
	div#menu_active ul li:hover ul,
    div#menu_active ul ul li:hover ul,
    div#menu_active ul ul ul li:hover ul
       {display: block;
	 }    






#projekt {
width: 700px;
margin-left: auto;
margin-right: auto;
padding-top: 230px; 

}




#projekt td.thumbnails {
	padding: 15px 10px 0px 0px;

}



.nummer1 {
	position: absolute; 
	z-index: 501;
	width: 85px;
	top: 0px;
	left: 90px;
	opacity: 1.0;
	}

.nummer2 {
	position: absolute; 
	z-index: 902;
	width: 128px;
	top: 40px;
	left: 130px;
	opacity: 1.0;
}

.nummer3 {
	position: absolute; 
	z-index: 503;
	width: 96px;
	top: 250px;
	left: -10px;
	opacity: 1;
	}

.nummer4 {
	position: absolute; 
	z-index: 504;
	width: 156px;
	top: 200px;
	left: 20px;
	opacity: 1.0;
}

.nummer5 {
	position: absolute; 
	z-index: 505;
	width: 150px;
	top: 165px;
	left: 265px;
	opacity: 1.0;
	}

.nummer6 {
	position: absolute; 
	z-index: 507;
	width: 82px;
	top: 320px;
	left: 250px;
	opacity: 1.0;
	}

.nummer7 {
	position: absolute; 
	z-index: 506;
	width: 173px;
	top: 320px;
	left: 290px;
	opacity: 1.0;
	}

.nummer8 {
	position: absolute; 
	z-index: 508;
	width: 113px;
	top: 400px;
	left: 130px;
	opacity: 1.0;
	}

.nummer9 {
	position: absolute; 
	z-index: 501;
	width: 85px;
	top: 10px;
	left: 90px;
	opacity: 1.0;
	}

.nummer10 {
	position: absolute; 
	z-index: 502;
	width: 128px;
	top: 0px;
	left: 0px;
	opacity: 1.0;
}

.nummer11 {
	position: absolute; 
	z-index: 504;
	width: 96px;
	top: 190px;
	left: 40px;
	opacity: 1;
	}

.nummer12 {
	position: absolute; 
	z-index: 503;
	width: 156px;
	top: 270px;
	left: 50px;
	opacity: 1.0;
}

.nummer13 {
	position: absolute; 
	z-index: 505;
	width: 150px;
	top: 195px;
	left: 310px;
	opacity: 1.0;
	}

.nummer14 {
	position: absolute; 
	z-index: 507;
	width: 82px;
	top: 20px;
	left: 400px;
	opacity: 1.0;
	}

.nummer15 {
	position: absolute; 
	z-index: 504;
	width: 120px;
	top: 90px;
	left: 400px;
	opacity: 1.0;
	}

.beschreibung {
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	color: grey;
}

.textfeld {
	position: absolute;
	margin-left: 180px;
	margin-top: -5px;
}

.programmierbutton {
	position: absolute;
	margin-left: 0px;
	margin-top: -320px;
}

#text {	
	position: absolute;
	width: 300px;
	margin-left: 280px;
	margin-top: 360px;
	color: #606160;
}

#ich {
	font-weight: normal;
	width: 600px;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-left: -200px;
	padding-bottom: 150px;
	color: #595959;
}

#ich img {
	padding: 50px;
}

#programmierung {	
	font-weight: normal;
	width: 600px;
	padding-top: 150px;
	margin-left: auto;
	margin-right: auto;
	padding-left: -200px;
	padding-bottom: 150px;
	color: #595959;
}

#programmierung a:link,
#programmierung a:visited
{
text-decoration: none;
color: #79b83e;
}

#programmierung a:hover
{
text-decoration: none;
color: grey;
}



		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 

			position: absolute; left: 1em; top: 3.5em; z-index: 901;
			margin-left: 0; padding: 3px;
		}
		
		.tooltip:hover em {
			font-family: 'makoregular'; font-size: 1.6em;  color: rgb(132,190,77); font-weight: normal;
			display: block; padding: 0.2em ;
		}
		.classic { padding: 0.8em 1em; color: rgb(132,190,77); font-size: 1.9em; font-family: 'makoregular'; letter-spacing: 1px; font-weight: normal; }

		* html a:hover { background: transparent; }
		.classic {background: #FFF; border: none; ;}
	

		.tooltip2 span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip2:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 

			position: absolute; left: 2.5em; top: 1.5em; z-index: 99;
			margin-left: 0; padding: 3px;
		}
		
		.tooltip2:hover em {
			font-family: 'makoregular'; font-size: 1.6em;  color: rgb(132,190,77); font-weight: normal;
			display: block; padding: 0.2em ;
		}

		.tooltip3 span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip3:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  
			position: absolute; left: 0em; top: 0em; z-index: 99;
			margin-left: 0; padding: 3px; line-height: 90%; 
		}
			
		.tooltip3:hover em {
			font-family: 'makoregular'; font-size: 1.6em;  color: rgb(123,190,77); font-weight: normal; 
			display: block; padding: 0.2em ;
		}
		
#wrapper2{
	position:fixed;
	width:200px;
	z-index: 998;
		margin-left: 3%;
}

#nav2 {
	position:relative;
	width:250px;

}

ul#navigation2 {
	margin:0px auto;
	position:relative;
	float:left;

}

ul#navigation2 li {
	display:inline;
    font-family: 'makoregular';
	font-weight: normal;

	margin:0;
	padding:0;
	float:left;
	position:relative;
	border: none;
	
}

ul#navigation2 li a {
	padding:12px 15px 10px 15px;
	color:grey;
	text-shadow:1px 1px 0px #fff;
	text-decoration:none;
	display:inline-block;

	background: white;
		border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
			 
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}

ul#navigation2 li a:hover {
	background:#f8f8f8;
	color:rgb(132,190,77);
}

ul#navigation2 li:hover > a {
		background: white;
}

/* Drop-Down navigation2 */
ul#navigation2 li:hover > ul
{
	visibility:visible;
	opacity:1;
}

ul#navigation2 ul, ul#navigation2 ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 999;
	width:150px;
	background: white;
	box-shadow:1px 1px 3px #ccc;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 
	border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
	
	font-weight: normal;
	font-size:	100%;
	word-spacing: 1px;
}

ul#navigation2 ul {
    top: 43px;
    left: 1px;
}


ul#navigation2 ul li ul {
    top: 0;
    left: 155px;
}

ul#navigation2 ul li {
	clear:both;
	width:100%;
	border:0 none;

}

ul#navigation2 ul li a {
	background: none;
	padding:7px 15px;
	color:grey;
	text-shadow:1px 1px 0px #fff;
	text-decoration:none;
	display:inline-block;
	border: none;
	float:left;
	clear:both;
	width:120px;
}

ul#navigation2 li a.first {
	border-left: 0 none;
}

ul#navigation2 li a.last {
	border-right: 0 none;
}		

#text-inhalt {
	position: absolute;
	width: 250px;
	text-align: left;
	font-size: 80%;
	line-height: 130%;
	margin-left: 650px;
	margin-top: 400px;
	color: #606160;
}

#beschreibung {
	width: 600px;
	color: #606160;
	background: white;
	padding: 20px;
	margin-left: -40px;
		border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
}

#inhalt {
width: 600px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-top: 200px;
z-index: 900;
}


dd { display:none; }

.closed {  }

.open {  }

.details {
text-decoration: none;
text-align: center;
}

#box.details
{
	position: absolute;
	z-index: 900;
	margin: 70px 0px 0px -220px;
	padding: 8px 12px;
	border: 2px solid rgb(132,190,77);
	background: white;
	border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
}

#startseite {
width: 600px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 200px;
line-height: 130%;
color: rgb(132,190,77); font-size: 1.9em; font-family: 'makoregular'; letter-spacing: 1px; word-spacing: 3px; font-weight: normal;
z-index: 900;

}