/*
* 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
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background: #ffffff;
		font: 14px/21px Verdana, Helvetica, Arial, sans-serif;
		color: #333;
		margin-top: 15px;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }



	

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }

	img.runde-ecke {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;}

	img.schatten {
		-moz-box-shadow: 3px 3px 5px #333;
		-webkit-box-shadow: 3px 3px 5px #333;
		box-shadow:  3px 3px 5px #333;}
		
	img.zentriert {
		display: block;
		margin: 3px auto;}
		
		
		
/* #Layout Styles
================================================== */


/* #INTRO */

	.begruessung{
		padding: 0px;
		background: transparent url("../img/leiste-960.jpg");
		height: 525px;
		width: 940px;
		margin-bottom: 0px;
		}





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


/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px){

	
	.begruessung{
		padding: 0px;
		background: transparent url("../img/leiste-748.jpg");
		height: 418px;
		width: 748px;
		margin-bottom: 0px;
		}
		
}		

/* Tablet Portrait size to Tablet Landscape  (devices and browsers) */

@media only screen and (min-width: 600px) and (max-width: 767px){

	.begruessung{
		padding: 0px;
		background: transparent url("../img/leiste-580.jpg");
		height: 657px;
		width: 580px;
		margin-bottom: 0px;
		}

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 599px){

	.begruessung{
		padding: 0px;
		background: transparent url("../img/leiste-460.jpg");
		height: 520px;
		width: 460px;
		margin-bottom: 0px;
		}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 20px) and (max-width: 479px){

	.begruessung{
		padding: 0px;
		background: transparent url("../img/leiste-300.jpg");
		height: 340px;
		width: 300px;
		margin-bottom: 0px;
		}

}



/* #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; }
*/

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

}