/* CSS Document */

@import url(color.css);
@import url(typography.css);
@import url(slimbox.css);

/* Normalisiert margin, padding */
body,  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
	{ margin: 0; padding: 0;}
	
/* Normalisiert font-size für Überschriften */
h1, h2, h3, h4, h5, h6
	{font-size: 100%;}

/* Entfernt list-style aus Listen */
ul
	{list-style: none;}
	
/* Normalisiert font-style und font-weigth auf normal */
adress, caption, cite, code, dfn, em, strong, th, var
	{font-style: normal; font-weight: normal;}
	
/* Entfernt list-style aus Listen */
table
	{border-collapse: collapse; border-spacing: 0;}
	
/* Entfernt border aus fieldset und img */
fieldset, img
	{border: 0;}
	
/* Richtet Text in caption und th links aus */
caption, th
	{text-align: left;}
	
/* Entfernt Anführungszeichen aus q*/
q:before, q:after
	{content:'';}
	

/* ------------------- Ausrichtung & grössen Mittig (breite max 1000) ---------------------*/

html 
	{text-align: center;}

body
	{position: relative; width: 1000px; margin: 0 auto; text-align: left;}	

div#branding
	{position: relative; height: 225px;}
	
div#navigation
	{position: relative; height: 75px;}
	
div#content
	{position: relative;}

div#content_main
	{position: relative;}	

div#footer
	{position: relative;}
		
/*---------------------- 1.0 branding ----------------------------------------*/

div#branding blockquote
	{position: absolute; top: -9999px;}
	
div#branding h1
	{position: absolute; top: -9999px;}

div#branding h5
	{position: relative;}
	
div#branding h5 a 
	{display: block; width: 1000px; height: 225px; text-indent: -9999px;}
	
/*----------------------- 2.0 Navigation -----------------------------------------*/

div#navigation h2
	{position: absolute; top: -9999px;}
	
div#navigation li
	{display: inline; z-index: 6;}
	
li#nav_1 a, li#nav_2 a, li#nav_3 a, li#nav_4 a, li#nav_5 a
	{display: block; width: 200px; height: 75px; text-indent: -9999px;}

li#nav_1
	{position: absolute; left: 0;}
	
li#nav_2
	{position: absolute; left: 200px;}
	
li#nav_3
	{position: absolute; left: 400px;}
	
li#nav_4
	{position: absolute; left: 600px;}
	
li#nav_5
	{position: absolute; left: 800px;}	


/*---------------------- 3.0 Kontent --------------------*/

.banner_1HE h4 a
	{display: block; height: 68px; text-indent: -9999px;}

.teaser_1HE h4 a
	{display: block; height: 160px; text-indent: -9999px;}

.teaser_2HE h4 a
	{display: block; height: 320px; text-indent: -9999px;}
		
.teaser_1BE h4 a
	{display: block; height: 160px; text-indent: -9999px;}
	
.teaser_2BE h4 a
	{display: block; height: 160px; text-indent: -9999px;}	
	
.bild h4 a
	{display: block; height: 75px; text-indent: -9999px;}	
	
.content_1R
	{width: 333px;}

.content_2R
	{width: 666px;}
	
.content_3R
	{width: 999px;}	

.content_1R
	{position: absolute; left: 750px; top: 0;}
	
.content_1R_galerie
	{float: left;}
	
.content_3R_galerie li
	{float: left;}		

.content_3R, .content_2R
	{overflow: hidden;}

.content_full li
	{width: 999px; float: left;}

.content_3R li
	{width: 333px; float: left;}

.content_Banner li
	{width: 480px; float: left;}

.content_2R li
	{width: 666px;}
	
.content_3R p, h2, h3, h4, h5, img
	{margin: 1em;}
	
.content_2R p, h2, h3, h4, h5, dt
	{margin: 1em;}		

.content_1R p, h2, h3, h4, h5
	{margin: 2em;}
	
.links
	{width: 333px;}
	
.mitte
	{width: 333px;}
	
.subnavigation
	{width: 333px;}	
/*---------------------- 4.0 Footer --------------------*/

div#footer
	{clear: both;}

div#footer h5
	{position: absolute;}
	
div#footer h5 a 
	{display: block; width: 1000px; height: 175px; text-indent: -9999px;}
	
div#footer p
	{position: absolute;}