/*
Theme Name: d6l_13
Theme URI: 
Description: d6l 2013
Author: Frieder Gööck
Author URI:
*/

/* ANFANG
Normalisierung */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-top-width: 0px;
  border-right-width-value: 0px;
  border-bottom-width: 0px;
  border-left-width-value: 0px;
  border-top-style: none;
  border-right-style-value: none;
  border-bottom-style: none;
  border-left-style-value: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

a img{
	border: 0;
}

a{
	color: #fff;
}

/* Normalisierung
ENDE */


/* ANFANG
Webfont */

@font-face{
	font-family: 'FuturaBT-Book';
	src: url('2C1AE0_0_0.eot');
	src: url('2C1AE0_0_0.eot?#iefix') format('embedded-opentype'),
	url('2C1AE0_0_0.woff') format('woff'),
	url('2C1AE0_0_0.ttf') format('truetype');
}

/* Webfont
ENDE */


html{
	height: 100%;
}

body{
	font-family: FuturaBT-Book;
	font-size: 16px;
	line-height: 1.3em;
	color: #000;
}

h1, h2, h3{
	font-family: Georgia;
	font-size: 1.2em;
	color: #00D9FA;
	margin-bottom: 25px;
}


/* ***** Navigation ***** */

header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000;
	z-index: 100;
	padding-top: 2em;
	padding-bottom: 3em;
}

nav{
	position: relative;
	margin: auto;
	display: block;
}

nav div{
	float: left;
	display: block;
}

#menu_link{
	color: #fff;
	display: none;
}

#menu_link:hover{
	cursor: pointer;
}

nav ul{
	list-style-type: none;
}

nav ul li{
	position: relative;
	float: left;
	padding-right: 1em;
}

nav ul li a{
	color: #fff;
	text-decoration: none;
	padding: 0.2em;
	padding-bottom: 0.4em;
}

nav ul li a:hover{
	border-bottom: 2px solid #00D9FA;
}

.active{
	border-bottom: 2px solid #00D9FA;
}

.logo{
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 767px) {
	nav{
		width: 90%;
	}
	
	nav div img{
		width: 100%;
		height: auto;
	}
	
	nav ul{
		padding-top: 30px;
		min-width: 300px;
		margin: auto;
		display: none; /**/
	}
	
	nav ul li{
		clear: both;
		margin-bottom: 1.3em;
		margin-left: 2.3em;
	}

	#menu_link{
		position: absolute;
		right: 0;
		top: 3em;
		display: block;
		font-size: 0.9em;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px)
and (max-width : 1023px) {
	nav{
		width: 760px;
	}
	
	.logo{
		margin-left: 50px;
	}
	
	nav ul{
		padding-top: 25px;
		width: 460px;
		margin-left: 160px;
		display: block;
	}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px) {
	nav{
		width: 950px;
	}
	
	.logo{
		margin-left: 0;
	}
	
	nav div{
		width: 460px;
		float: left;
	}
	
	nav ul{
		padding-left: 40px;
		padding-top: 22px;
		margin-left: 
		width: 460px;
		display: block;
	}
}


/* ***** Content Formatierung ***** */


main{
}

section{
	position: relative;
}

section img{
	position: relative;
	z-index: 99;
}

section ul li {
	list-style-type: none; /* if you’re not already using a reset */
}

section ul li::first-line{
    /*color: #f00;*/
}

section ul li:before {
	color:#00D9FA; /* set color */
	content:"\2022"; /* /2022 is the numerical unicode for • */
	padding-right: .25em; /* give the bullet some padding from the text Make sure to use em*/
	position: relative;
    width: 0.5em;
}

.space{
    position: relative;
    display: inline-block;
    height: 1em;
    width: 1.2em;
}

#about{
}

#leistungen{
	background-color: #797979;
	color: #fff;
}

#leistungen ul{
}

#team{
	background-color: #fff;
}

#kontakt{
	background-color: #797979;
	color: #fff;
}

#kontakt img{
	position: relative;
	padding: -20%;
}

#kontakt tr td:first-child{
	width: 4em;
	padding-right: 1em;
}

#map{
	background-color: #797979;
	clear: both;
}

#impressum{
	background-color: #797979;
	color: #fff;
}

.kontaktfeld{
	position: relative;
	display: block;
}

.imprint{
	font-size: 0.8em;
	padding-bottom: 28em;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 767px) {
	
	section{
		padding-left: 5%;
		padding-right: 5%;
		margin-top: -4em;
		padding-top: 8em;
		width: 90%;
	}
	
	section img{
		width: 100%;
		left: 0;
		margin-top: 2em;
	}
		
	#about{
		margin-top: 2em;
	}
	
	#kontakt{
		padding-bottom: 4em;
	}
	
	.kontaktfeld{
		width: 100%;
		margin-top: 2em;
		margin-bottom: 0em;
	}
	
	.zweispaltig{
		column-count: 1;
		-moz-column-count: 1; /* Firefox */
		-webkit-column-count: 1; /* Safari u. Chrome */
	}
	
	.dreispaltig{
		column-count: 1;
		-moz-column-count: 1; /* Firefox */
		-webkit-column-count: 1; /* Safari u. Chrome */
	}
	
	.imprint{
		padding-bottom: 10em;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px)
and (max-width : 1023px) {
	
	section{
		padding-left: 0;
		padding-right: 0;
		margin: auto;
		margin-top: -12em;
		padding-top: 16em;
		width: 100%;
		overflow: hidden;
	}
	
	section p, ul, h1, h2, h3{
		width: 700px;
		margin: auto;
	}
	
	h1, h2, h3{
		margin-bottom: 1em;
	}
	
	section img{
		width: 90%;
		padding-left: 5%;
		left: 0;
		margin-top: 3em;
	}
	
	#about{
		margin-top: 0em;
	}
	
	#kontakt{
		padding-bottom: 5em;
	}
	
	
	#leistungen ul{
		min-height: 14em;
	}
	
    
	#team ul{
		margin-top: -2rem;
    }
	
	#team li{
		margin-bottom: 1em;
	}
    #team ul li:first-child{
        margin-top: 3.7rem;
    }
	
	.kontaktfeld{
		width: 700px;
		margin: auto;
		margin-top: 2em;
		margin-bottom: 0em;
	}
	
	.zweispaltig{
		column-count: 1;
		-moz-column-count: 1; /* Firefox */
		-webkit-column-count: 1; /* Safari u. Chrome */
	
		column-gap: 20;
		-moz-column-gap: 20; /* Firefox */
		-webkit-column-gap: 20; /* Safari u. Chrome */
	}
	
	.dreispaltig{
		column-count: 2;
		-moz-column-count: 2; /* Firefox */
		-webkit-column-count: 2; /* Safari u. Chrome */
	
		column-gap: 20;
		-moz-column-gap: 20; /* Firefox */
		-webkit-column-gap: 20; /* Safari u. Chrome */
	}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px) {
	
	section{
		padding-left: 0;
		padding-right: 0;
		margin-auto;
		width: 100%;
		margin-top: -20em;
		padding-top: 22em;
		overflow: hidden;
	}
	
	section p, ul, h1, h2, h3{
		width: 960px;
		margin: auto;
	}
	
	h1, h2, h3{
		margin-bottom: 1em;
	}
	
	section img{
		width: 990px;
		left: 50%;
		margin-left: -495px;
		margin-top: 3em;
	}
	
	#about{
		margin-top: -9em;
	}
	
	#kontakt{
		padding-bottom: 3em;
	}
	
	
	#leistungen ul{
		min-height: 10em;
	}
	
	#team li{
		margin-bottom: 1em;
	}
    section ul li:first-child{
        margin-top: 3.7rem;
    }
	
	#kontaktfeld_wrapper{
		position: relative;
		width: 990px;
		left: 50%;
		margin-left: -495px;
		z-index: 98;
	}
	
	.kontaktfeld{
		width: 330px;
		float: left;
		margin-top: 2em;
	}
	
	.zweispaltig{
		column-count: 2;
		-moz-column-count: 2; /* Firefox */
		-webkit-column-count: 2; /* Safari u. Chrome */
	
		column-gap: 20;
		-moz-column-gap: 20; /* Firefox */
		-webkit-column-gap: 20; /* Safari u. Chrome */
	}
	
	.dreispaltig{
		column-count: 3;
		-moz-column-count: 3; /* Firefox */
		-webkit-column-count: 3; /* Safari u. Chrome */
	
		column-gap: 20;
		-moz-column-gap: 20; /* Firefox */
		-webkit-column-gap: 20; /* Safari u. Chrome */
	}
    
    ul.dreispaltig{
        margin-top: -2rem;
    }
}

/* ***** Klassen ***** */

.cyan{
	position: relative;
	display: block;
	margin-top: 1em;
	color: #00D9FA;
}
.signatur{}

.img_map{
	width: 100%;
	position: relative;
	display: block;
	z-index: 98;
}