html {
overflow-y:scroll;
}

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 10px;
	line-height: 15px;

}

#dark {
	background-color: #000;
}

#light {
	background-color: #fff;
}

p {margin: 0; padding: 0; border: 0;}

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

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #4C4C4C;
}

#wrapper {
	background: transparent url(../img/stripe.png) no-repeat center 77.2%;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 6;
}

/* Für supersized jquery plugin */

#supersize {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
}

#dark #supersize {
	background-color: black;
}

#light #supersize {
	background-color: white;
}

#content_wrapper {
	width: 1000px;
	position: relative;
	margin: 0 auto;
}

/*#body_bg {
	background: transparent url(../img/body_bg.jpg) repeat-x left 70%;
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 100%;
	
}
*/
/* ========== NoScript begin ===========  */
#noJS {
	position: absolute;
	top: 0;
	width: 100%;
	height: 50px;
	background-color: black;
	opacity: 0.5;
	z-index: 100;
	padding: 10px 20px;
	color: white;
	text-align: center;
}

/* ========== NoScript end =============  */


/* ========== CONTENT begin ===========  */

#content {
	width: 400px;
/*	color: white;*/
	position: absolute;
	top: 100px;
	right: 168px;
	font-size: 1.2em;
	z-index: 100;
}

/*#content p {margin-bottom: 5px;}*/
#content ul {padding: 0; margin: 0; margin: 0 5px 0 2.5em;}


#content .csc-default {
	margin-bottom: 10px;
}

#content .csc-textpic {
	background-image: url(../img/bg.png);
}
/*div#illustration .csc-textpic {background-image: none;}*/

.content-wrap {
	padding: 10px 10px 5px 10px;
	background-image: url(../img/bg.png);
/*
	background-color: white;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
*/
}
.csc-textpic .content-wrap {
	background-image: none;
}
div.csc-textpic div.csc-textpic-single-image img {
	margin-bottom: 0;

}

#content p.bodytext {
	margin-bottom: 7px;
	line-height: 1.3em;
}

#content .csc-header h1, #content .csc-header h2 {
	padding: 2px 10px;
	background-color: #666666;
	font-size: 1.2em;
	font-weight: normal;
	color: white;
}

#content ol, #content ul {
	margin: 0;
	list-style-position: inside;
	padding-left: 0px;
	margin-bottom: 7px;
}

#content h1 {
	font-size: 1.2em;
	font-weight: normal;
	color: #666;
}

#content h2 {
	font-size: 1.1em;
	font-weight: normal;
	color: #666;
}


.accordion .csc-header {
	cursor: pointer;
	
}


.video, .book, .link, .download {
	padding-left: 26px !important;
}

.video {
	background: transparent url('../img/icons/video.png') no-repeat 5px center;
}

.book {
	background: transparent url('../img/icons/book.png') no-repeat 5px center;
}

.link {
	background: transparent url('../img/icons/link.png') no-repeat 5px center;
	
}


/* ========== CONTENT end =============  */


/* ========== NAVIGATION begin ===========  */


#illustration {
	position: absolute;
	bottom: 240px;
	z-index: 10;
}

#menu_wrapper {
	margin: 0 auto;

	
	width: 1000px;
	height: 680px;
	position: relative;
/*	bottom: 60px;*/
	bottom: 51px;
	font-size: 1.4em;
/*	background: transparent url('../img/menu_bg.png') no-repeat left 85%;*/
/*	font-family: "Handwriting - Dakota";*/
}

#menu_wrapper ul {
	list-style: none;
	padding: 0;
	margin-left: 0;
}

#menu_wrapper ul li a {
	height: 37px;
	display: block;
	text-decoration: none;
	line-height: 3em;
}

#main_menu {
	float: left;
	padding-left: 20px;
	position: relative;
	z-index: 20;
}

#main_menu a {
		color: white;
}

#main_menu div {
	position: absolute;
	width: 140px;
	top: 202px;
}

#main_menu ul li a {
	padding-left: 30px;
}

#main_menu ul {
	margin-top: 256px;
}

#main_menu .active {color: #000;}

#first {left: 0px;}

#second {left: 140px;}

#third {left: 280px;}


.oneline {
	padding-top: 12px !important;
	height: 25px !important;
}

.twoline {
	line-height: 1.2em !important;
	padding-top: 3px !important;
	height: 34px !important;
}

#second .active, #third .active {
		background: transparent url(../img/menuListIcon.png) no-repeat left 60%;
/*		padding-left: 6px;*/
}


/* ========== NAVIGATION end =============  */




/* ========== SERVICE MENÜ LINKS begin ===========  */

#service {
	float: right;
	width: 150px;
	padding-top: 372px;
	margin-top: 90px;
	
}

#service ul li a {
  line-height: 8px; 
  display: inline-block; 
  height: 16px !important;
}

#claim {
	height: 34px;
	display: block;
	text-decoration: none;
	line-height: 2.8em;
}

#claim .csc-default {
	padding-top: 4px !important;
	height: 25px !important;
}

/* ========== SERVICE MENÜ LINKS end =============  */


/* ========== Copyright begin ===========  */

#copy {
	margin: 15px 0;
	background-image: url(../img/bg.png);
/*
	background-color: white;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	*/
	padding: 3px 10px 2px 10px;
}
#copy p#print {float: right;}  
/* Default Styles TYPO3 übertynchen */


/* ========== Copyright end =============  */




.ie  {
	display: none;
} 


.no-js #supersize {
	display: none;
}

.no-js #menu_wrapper {
	bottom: 60px !important;
}

.no-js #service{
	margin-top: 76px !important;
}

.no-js #wrapper {
	background-image: none;
}

.no-js #menu_wrapper ul li a {
	line-height: 1em !important;
	padding-top:5px;
}

.no-js #first .active, .no-js #second .active, .no-js #third .active {
	background-color: #FFFA9E;
}

/*#dark.no-js {
	background: #000 url('../img/background/sunset.jpg');
}


#light.no-js {
	background: #fff url('../img/background/papier_1440.jpg');
}*/