/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

#logo{
	float:left;
	line-height:0;
}

#logo h1{
	text-indent:-9999px;
	height: 0;
	margin: 0;	
}

a#logo{
	width:350px;
	height:62px;
}

h2#projekte, h2#kontakt, h2#buero{
	text-indent:-9999px;
	height: 50px;
	width: 50px;
	margin:0;
	margin-left:-50px;	
	padding: 5px 0 5px 0;
	background-repeat:no-repeat;
	background-position: 0 5px;
}

h2#projekte{
		background-image:url("../images/Pict_Projekte.jpg");
}
h2#kontakt{
		background-image:url("../images/Pict_Kontakt.jpg");
}
h2#buero{
		background-image:url("../images/Pict_Buero.jpg");
}
h2#projekte:hover{
		background-image:url("../images/Pict_Projekte_MOV.jpg");
}
h2#kontakt:hover{
		background-image:url("../images/Pict_Kontakt_MOV.jpg");
}
h2#buero:hover{
		background-image:url("../images/Pict_Buero_MOV.jpg");
}

#mainnav{
	float:right;
	margin-top:12px;
}

#mainnav ul{
	list-style:none;
}

#mainnav ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	margin-left:10px;	
}

#mainnav ul li a{
	display:inline-block;
	width:50px;
	height:50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#mainnav ul li a{
}

#mainnav ul li a.projekte{
	background:url("../images/Pict_Projekte.jpg");
}
#mainnav ul li a.projekte:hover,#mainnav ul li a.projekte.nav-selected, #mainnav ul li a.projekte.nav-path-selected{
	background:url("../images/Pict_Projekte_MOV.jpg");
}

#mainnav ul li a.buero{
	background:url("../images/Pict_Buero.jpg");
}
#mainnav ul li a.buero:hover,#mainnav ul li a.buero.nav-selected, #mainnav ul li a.buero.nav-path-selected{
	background:url("../images/Pict_Buero_MOV.jpg");
}
	

#mainnav ul li a.kontakt{
	background:url("../images/Pict_Kontakt.jpg");
}
#mainnav ul li a.kontakt:hover,#mainnav ul li a.kontakt.nav-selected, #mainnav ul li a.kontakt.nav-path-selected{
	background:url("../images/Pict_Kontakt_MOV.jpg");
}


footer p, footer a{
	text-decoration: none;
	font-size:18px;
	margin:0;
	padding:0;
	line-height:24px;
}
	
footer hr{
	margin-bottom:40px;
}
	

h2, p{
	width:80%;
}

img{
	max-width:100%;
	height: auto;
}

/* #Page Styles
================================================== */

/*
* Projekt
*/
.referenz_galerie figure{
	float:left;
	margin-left:20px;
	margin-bottom: 20px;
	line-height: 0;
}

.referenz_galerie{
	margin-left:-20px;
	margin-top:60px;
}

.projektliste{
	margin-left:-20px;
}
.projektliste a{
	display:table;
}
.projektliste figure{
	float:left;
	margin-left:20px;
	margin-bottom:15px;
	line-height: 0;	
	display:table;
}
.projektliste figcaption{
	font-size:16px;
	line-height:16px;	
    display: table-caption;
    caption-side: bottom;		
	padding-top:6px;
	min-height:16px;
}
.projektliste figcaption a{
	display:none;
}
.projektliste figure:hover figcaption a{
	display:inline;
	color:#464646;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/