@charset "utf-8";


/* Haggis visual effects and animation */

body {
	background: #ffffff;
	color: #333333;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 100%;
}
html {height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;}


/* Schriften */

h1 {
font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 3em;
	font-weight: 900;
	text-align: center;
	margin: 0;
	padding: 40px 0 10px 0;
	color: #BBBBBB;
	}
h2 {
font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 1.8em;
	font-weight: 900;
	text-align: center;
	margin: 0;
	padding: 30px 0 25px 0;
	color: #BBBBBB;
	}	
h3	{
font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.3em;
	text-align: left;
	text-transform: uppercase;
	color: #666666;
	margin: 0;
	padding: 10px 30px 10px 30px;
	}
h4 {max-width: 600px;
font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.5em;
	text-align: center;
	color: #666666;
	margin: 0 auto;
	padding: 10px 10px 30px 10px;
	}
p {max-width: 600px;
font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 1.05em;
	font-weight: 400;
	line-height: 1.5em;
	text-align: center;
	color: #666666;
	margin: 0 auto;
	padding: 10px 10px 30px 10px;
	}
	
p.info {
font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.3em;
	text-align: left;
	color: #666666;
	margin: 0;
	padding: 10px 30px 10px 30px;
	}	


/* Links */

a:link, a:visited, a:hover, a:active {
	color: #3791E4;
	text-decoration: none;
}

	
a img {border: 0 none; margin:0; padding:0;}

/* Seitenaufbau */	

#seite {
	height: 100%;
	width: 100%;
	max-width: 1201px;	
	margin: 0 auto;
	padding: 0;	
	}

.header {display:block;
	width: 100%; height: auto;
	margin: 0;
	padding: 30px 0 30px 0;
	text-align: center;
	}
.logo {width: 100%;
	max-width: 600px;}

.zeile {display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	}
.text { display: inline-block;
	width: 590px;
	margin: 0;
	padding: 0 5px 0 0;}
/*.einzeltext { float: right;
	max-width: 600px;
	margin: 0;
	padding: 0 5px 0 0;}
*/


/* Bilder */
.bilder {display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0 0 0;
	font-size: 0;
	text-align: center;
	}
.bildeinzel {display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 30px 0;
	font-size: 0;
	text-align: center;
	}	
.bildgross {
	width: 100%;
	margin: 0;
	padding: 0;
}
.bildmittel {
	width: 49%;
	max-width: 600px;
	margin: 0;
	padding: 0;
	border: 1px solid #ffffff;
}
.bildklein {
	width: 16.4%;
	margin: 0;
	padding: 0;
	text-align: center;
	border: 1px solid #ffffff;
	}
}
.bildproject {
	width: 25%;
	margin: 0;
	padding: 0;
	text-align: center;
	}
.vorstellung {border: 1px solid #666666; display: inline-block; max-width: 400px; text-align: center; margin-bottom: 20px; padding-top: 20px; }
.logobild {text-align: center; margin: 20px; padding: 0; }

.clear {clear: both;}
.clearing {clear: both;}

@media (max-width: 1200px) {
.text { width: 49%;}		
}

@media (max-width: 800px) {
h3 {text-align: center;}
.bildmittel {width: 75%;}
.bildklein {width: 30%; margin: 0 auto;	}
p.info {
	max-width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;}	
.text { display: block;
	width: 84%;
	margin: 10px auto 0 auto;
	padding: 0;}
}



@media (max-width: 580px) {
body {font-size: 90%;}
h1 {font-size: 2.5em; padding: 30px 0 10px 0;}
p {	
	font-size: 1.1em;
	line-height: 1.45em;
	padding: 10px 10px 30px 10px;
	}
.header {padding: 30px 0 30px 0;	}
.logo {
	width: 94%;
	margin: 0 auto;
	padding: 0;
	text-align: center;}
.bildmittel { width: 100%; 
border-top: 1px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 0px solid #ffffff;}
.bildklein { width: 48%;}

.text { width: 90%;
	margin: 0 auto 0 auto;}
	
	
}