/*
* 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
================================================== */
	body {
		background: url('/images/Hintergrundbild_Anne_4b.jpg') no-repeat #37a59a center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		font: 19px/26px "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

#AnneImage img {
    max-width: 100%;
    height: auto;
    float: left; 
    display: inline;
}

#header img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 250px;
}


#header p {
   		font: 43px/21px "UniversLTPro-BoldCond", sans-serif;
   		font-weight: normal;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
}

/* #Navigation*/

#nav ul li {
    margin: 0 20px 0 0;
    margin-bottom: 0px;
}
 
#nav a {
	font-family: 'UniversLTPro-BoldCond', sans-serif;
	font-weight: normal; 
    text-decoration: underline;
    letter-spacing: 0px;
}
 
#nav a:hover {
    text-decoration: underline;
}

/* #Typo*/

h3 { 
	font-family: 'UniversLTPro-BoldCond', sans-serif;
	font-weight: normal; 
	font-size: 34px;
	color: #37a59a;
	margin-top: 10px;
	margin-bottom: 15px; 
	letter-spacing: -1px;
}

h4 { 
	font-family: 'UniversLTPro-BoldCond', sans-serif;
	font-weight: normal; 
	font-size: 24px;
	color: #37a59a;
	margin-top: 13px; 
	margin-bottom: 13px; 
	letter-spacing: 0px;
}

strong { 
	font-weight: normal; 
	background-color: #fff2c1;
}

p {
margin: 0;
}
	
/* #Liste*/

li { 
	line-height: 26px; "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px;
}

ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }

/* #Links */
	a, a:visited { font-family: 'UniversLTPro-BoldCond', sans-serif;
	font-size: 20px; font-weight: normal; color: #333; text-decoration: underline; outline: 0; letter-spacing: 0px; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }
	
	
/* #Up Icon */
	
	#upicon {
    max-width: 100%;
    height: auto;
    float: right; 
    display: inline;
}

	
	/*
	.upiconb {
    background-image: url("http://localhost/AnneKaftan5/images/up_icon16px.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    margin-right: 10px;
    margin-bottom: 10px;
}
*/	


/* #Karte*/

#Map  {
    width: 480px;
    height: 300px;
    float: left; 
    display: inline;
}

#Map iframe 
{
    width: 100%;
    height: 100%;
 }
 

/* #Footer */

#footer {
	font: 15px/22px "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
}

#footer a, footer a:visited, footer a:visited { font-size: 16px; color: #123; }

#footer p {margin-bottom: 15px;}



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

/* #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) {
		
		#AnneImage img {
   		 max-width: 50%;
    	height: auto;
    	float: left; 
    	display: inline;}
    	
    	
    	body {
		font: 16px/24px "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
	
		/* #Typo*/

		h3 { 
		font-size: 26px;
		margin-top: 10px;
		margin-bottom: 10px;}

		h4 { 
		font-size: 20px;
		margin-top: 10px; 
		margin-bottom: 10px; }

		/* #Liste*/

		li { 
		line-height: 24px; "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px;}

		/* #Links */
		a, a:visited { font-family: 'UniversLTPro-BoldCond', sans-serif;
		font-size: 17px; font-weight: normal; color: #333; text-decoration: underline; outline: 0; letter-spacing: 0px; }
		a:hover, a:focus { color: #000; }
		p a, p a:visited { line-height: inherit; }
	
		#Map  {
   		 width: 384px;
   		 height: 300px;
    	float: left; 
    	display: inline;
		}
	
		/* #Footer */

		#footer {
		font: 13px/22px "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;}
	
		#footer a, footer a:visited, footer a:visited { font-size: 13px; color: #123; }

		#footer p {margin-bottom: 15px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	#header img {
	max-width: 85%;
	height: auto;
	float: left; 
	display: inline;
	margin-bottom: 135px;}
	
	body {
		font: 16px/24px "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
	
	/* #Typo*/

	h3 { 
	font-size: 26px;
	margin-top: 10px;
	margin-bottom: 10px;}

	h4 { 
	font-size: 20px;
	margin-top: 10px; 
	margin-bottom: 10px; }

	/* #Liste*/

	li { 
	line-height: 24px; "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px;}

	/* #Links */
	a, a:visited { font-family: 'UniversLTPro-BoldCond', sans-serif;
	font-size: 17px; font-weight: normal; color: #333; text-decoration: underline; outline: 0; letter-spacing: 0px; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }
	
	
	
	/* #Footer */

	#footer {
	font: 13px/22px "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;}
	
	#footer a, footer a:visited, footer a:visited { font-size: 13px; color: #123; }

	#footer p {margin-bottom: 15px;}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#header img {
    max-width: 90%;
    height: auto;
    float: left; 
    display: inline;}
	
	body {
		font: 15px/24px "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;background-image: none; background-color: #37a59a;}
	
	/* #Typo*/

	h3 { 
	font-size: 26px;
	margin-top: 10px;
	margin-bottom: 10px;}

	h4 { 
	font-size: 20px;
	margin-top: 10px; 
	margin-bottom: 10px; }

	/* #Liste*/

	li { 
	line-height: 24px; "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px;}

	/* #Links */
	a, a:visited { font-family: 'UniversLTPro-BoldCond', sans-serif;
	font-size: 17px; font-weight: normal; color: #333; text-decoration: underline; outline: 0; letter-spacing: 0px; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }
	
		#Map  {
   		width: 420px;
   		height: 198px;
    	float: left; 
    	display: inline;
		}
	
	/* #Footer */

	#footer {
	font: 13px/22px "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;}
	
	#footer a, footer a:visited, footer a:visited { font-size: 13px; color: #123; }

	#footer p {margin-bottom: 15px;}
	
}

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

	body {font: 14px/22px "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; background-image: none; background-color: #37a59a;}
	
	/* #Typo*/

	h3 { 
	font-size: 26px;
	margin-top: 10px;
	margin-bottom: 10px;}

	h4 { 
	font-size: 20px;
	margin-top: 10px; 
	margin-bottom: 10px; }
	
	/* #Liste*/

	li { 
	line-height: 22px; "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px;}

	/* #Links */
	a, a:visited { font-family: 'UniversLTPro-BoldCond', sans-serif;
	font-size: 15px; font-weight: normal; color: #333; text-decoration: underline; outline: 0; letter-spacing: 0px; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }
	
	#Map  { 
    	display: none;
		}
	
	/* #Footer */

	#footer {
	font: 12px/20px "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;}
	
	#footer a, footer a:visited, footer a:visited { font-size: 13px/20px; color: #123; }

	#footer p {margin-bottom: 15px;}
	
}

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