@charset "utf-8";
/*------GENERAL---------------------------------------------------------------*/

* { margin: 0; padding: 0; outline: 0; }

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*------LAYOUT---------------------------------------------------------------*/
body {background:#e03c26; font-family: Verdana, sans-serif; color: #000; background:url(../img/hg.jpg) no-repeat center center fixed;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#headercontainer, #inhalt, #footercontainer { width: 960px; margin: 0 auto; position: relative;}

#inhalt {float: none; padding-top: 0px;}

#neues{background-color:#fff;}

#bisher{}
#ankunft{ background:#FFF; margin-top:48px; padding-bottom:48px;}
#arbeitsbericht{ background:url(../img/weiss.gif); border-width:20px; border-style:solid;border-color:#aed136; padding-bottom:60px;}
.txt_ab{ padding-top: 48px;}
#ehrenpreis{ background:url(../img/ehrenpreis.jpg) no-repeat; height: 580px; color: white;}
#textil{ background:#ffff01; color: black; }
#bechamel{ background:#0d1411; color: white; }
#fairytales{ background:#63F; color: white; }
#xmas{ background: red; color: white; }
#visionen{border-width:48px; border-style:solid;border-color:#71acde; background:#e03c26; color:white;}
#werksalon{background:url(../img/ws.jpg) no-repeat; height: 850px; color: #fff; font-size: 2.6em; font-weight:bold; font-style:italic; padding-bottom: 60px;}
#kontakt{background-color:#fff;}
#stipendien2012{ padding-bottom:60px; color:white; font-weight:bold;}
#headercontainer{}


footer { width: 100%; height:60px; bottom:0; position: fixed; z-index: 50; float: left;}

section {padding-top: 200px; float: left;}

header {width: 100%; height:270px; position: fixed; z-index: 40; float: left; }

nav { width: auto; float: left; font-size: 2em; line-height:1.5em; font-weight:bold; }
nav ul { display: block; margin-top: -145px; position: absolute;}
nav ul li { display: inline; margin-right: 12px;}
nav ul li a { border-bottom: none; background-color: white; padding-left: 10px; padding-right:10px;}
nav ul li a:hover { border-bottom: 4px solid #aed136;}
.main{}
.main ul{position: absolute; right: 0; }

.aufruf{ font-size:1.8em; text-align:left; padding-top:48px; font-weight: bold; padding-bottom:24px;}
.headep{ padding-top: 120px; padding-left: 24px; padding-bottom:160px; padding-right:100px;}
.clear { clear:both;}
.displace {position: absolute;left: -5000px;}
.txt{ text-align:justify; }
.txtstip{ padding-top: 64px;}
.abstand{ padding-top:60px; padding-bottom:60px;}
.abstand2{margin-bottom:60px;}
.left{ float:left; padding-right: 24px;}
.right{ float:right;}
.megaline{ font-size:5em; font-style:italic; font-weight:bolder; text-align:center; color:#fff; padding-bottom:48px;}
.megaline2{ font-size:5em; font-style:italic; font-weight:bolder; text-align:center; color:#fff; padding-bottom:48px; padding-top:48px;}
.sponsor{ float:right; font-weight:bold; padding-right: 24px; padding-top: 72px; padding-bottom:12px;}
.aufrufk { font-size:3em; font-weight:bold; font-style:italic; text-align:center; padding-bottom: 48px;}
.txtws{ padding-top: 280px;}
.down{ padding-bottom:48px;}
.stipi{ margin-left: 120px; margin-right: 120px; background:#FFF; color:#000; margin-bottom:24px;}
.headank{ padding-left:24px; color:#e03c26;}
.txtank{padding-left:240px; padding-right:240px;}
/*------COLORS---------------------------------------------------------------*/
.rot {color:#e03c26;}
.gruen{color:#aed136;}
.blau{color:#71acde;}

/*------LINKS---------------------------------------------------------------*/
a { color: #000; text-decoration: none; }
a:hover { color: #aed136; text-decoration: none; }
a:active { color: #000; text-decoration: none; }

#ehrenpreis a {color:#aed136; font-weight:bold;}
#ehrenpreis a:hover {color: #e03c26; text-decoration: none;}
#ehrenpreis a:active {color: #71acde; text-decoration: none;}

#werksalon a {color:#aed136; font-weight:bold;}
#werksalon a:hover {color: #e03c26; text-decoration: none;}
#werksalon a:active {color: #71acde; text-decoration: none;}

/*------HTML ELEMENTS---------------------------------------------------------------*/
p{padding-left:24px; padding-right:24px; padding-top:12px; line-height:1.4em; word-spacing: 5px;}
h1{font-size: 4em;}
h2{ font-size:2.3em; font-weight:bold; padding-left:12px; padding-bottom:24px; padding-top: 48px;}
h3{ font-size:1.8em; font-weight:bold; font-style:italic; text-align:center; padding-bottom:24px;}


