/************************
RESET
************************/

* {
	padding:0;
	margin:0;
	outline:none;
}

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,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: lighter;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

input,textarea {
	outline:none;
}




/************************
ALLGEMEIN
************************/

body, html {
	height: 100%;
}

body {
	font-size:11px;
	font-family: Helvetica, Verdana, sans-serif;
	line-height:1.5em;
	letter-spacing:0.05em;
	word-spacing:0.1em;
	color:#999;
	background:#eee url(../img/_layout/container_bg.gif) top fixed;
	overflow-y:auto;
	overflow-x:hidden;
}

a {
	outline:none;
	text-decoration:none;
	color:#000;
}

a:hover {
}

p {
}

#content {
	width:100%;
}




/************************
BG
************************/

HTML {_background: no-repeat fixed;}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
}
.bgstretcher {
	background: #eee url(../img/_layout/container_bg.gif);
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}





/************************
BOX
************************/

.box {
	position:relative;
	height: 24em;
	padding:1.35em;
	background-color: #eee;
	border: 0.15em solid #fff;
	float: left;
	overflow: hidden;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


@media all and (min-width: 0px) { .box { width: 100%; } }
@media all and (min-width: 500px) { .box { width: 50%; } }
@media all and (min-width: 750px) { .box { width: 33.33%; } }
@media all and (min-width: 1000px) { .box { width: 25%; } }
@media all and (min-width: 1250px) { .box { width: 20%; } }
@media all and (min-width: 1500px) { .box { width: 16.66%; } }
@media all and (min-width: 1750px) { .box { width: 14.28%; } }
@media all and (min-width: 2000px) { .box { width: 12.5%; } }
@media all and (min-width: 2250px) { .box { width: 11.111%; } }

.box.aktiv,.box.aktiv:hover {
	background-color:#ddd;
}

.box.hauptpunkt {
	background-color:#999;
}





/************************
BOX WERBUNG
************************/

.box.werbung {
	padding:0;
	text-align:center;
}

.box.werbung img {
	width:auto;
	height:23.7em;
	text-align:center;
}




/************************
NAVIGATION
************************/

#navigation {
	width:100%;
	min-height:2.25em;
	padding:0.5em 0;
	background:#333;
	overflow:hidden;
	border-bottom: 0.25em solid #fff;
}

#navigation ul {
}

#navigation ul li {
	float:left;
	line-height:1.5em;
	padding:0 2.5%;
	margin:0 0.25em;
	margin-top:0.5em;
}

#navigation ul li:last-child {
	padding-right:0;
	margin-right:0;
	margin-top:0.5em;
}

#navigation ul li a {
	color:#fff;
	text-transform:uppercase;
}

#navigation ul li a:hover {
	color:#aaa;
}

#navigation ul li a.aktiv {
	color:#aaa;
}

/*--------- SUBNAVIGATION ---------*/

#navigation ul#subnavigation {
	margin-left:2.5%;
	width:11em;
	float:right;
}

#navigation ul#subnavigation li {
	float:left;
	line-height:none;
	padding:0;
	margin:0 0.75em;
	margin-top:0.5em;
}

#navigation ul#subnavigation li a {
}

#navigation ul#subnavigation li img {
	width:auto;
	height:1.5em;
}





/************************
LOGO
************************/

.box.logo {
	text-align:center;
}

.box.logo a img {
	width:auto;
	height:19em;
	margin-top:2em;
}




/************************
FOOTER
************************/

.box.footer {
	background-color:#333;
	color:#fff;
}

.box.footer ul {
}

.box.footer ul li {
	line-height:2.1em;
	padding:0 0.5em;
	padding-top:0.3em;
	border-bottom:0.1em dotted #fff;
}

.box.footer ul li:first-child {
	line-height:2em;
	border-top:0.1em dotted #fff;
}

.box.footer ul li a {
	display:block;
	color:#fff;
}

.box.footer ul li a:hover {
	color:#999;
}