html, body {

	margin:0;
	padding:0;
	background-color:#000000;
	background-image:url(assets/bgtoblack.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-attachment:fixed;
	text-align:center;
	font-family: 'Klavika','Klavika Medium','Klavika Md','Lucida Grande',Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
}


@font-face {
  font-family: "Versaleszett";
  src: url(../fonts/versaleszett.ttf) format("truetype");
}

@font-face {
  font-family: "Versaleszett2";
  src: url(../fonts/versaleszett.eot);
}

.versaleszett {
	font-family: Versaleszett2,Versaleszett,sans-serif;
	font-size:150px;
	margin-top:50px;
	margin-bottom:20px;
	color:#ec7405;
}


#container {

	margin:0 auto;

	padding-top:50px; 
	padding-bottom:100px;
	height:632px;
	overflow:visible;
}

#container-inner {
		width:700px;
		margin:0 auto;
}


a {

	color:#dc0054;
}


#wrapper {

	width:960px;
	text-align:left;
	margin:0 auto;
}

.main-navi {

	
	float:right;
	text-align:right;
	font-size:12px;
	letter-spacing:1px;
	border-bottom:1px solid #FFF;
	margin:0;
	padding:0;
		margin-top:30px;

}

.main-navi li {

	display:inline;
	margin:0;
	padding:0;
	margin-left:2px;
	text-transform:uppercase;

	
	
}

.main-navi a {

	color:#FFFFFF;
	text-decoration:none;
}

.main-navi a:hover {

	color:#aaaaaa;
}


#secondary-navi-container {

	width:100%;
	text-align:left;
	
}

.secondary-navi {

	list-style:none;
	margin:0;
	padding:0;
	margin-top:5px;
}

.secondary-navi li {


	display:inline;
	margin-left:5px;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
}

#secondary-navi-container a {

	color:#FFFFFF;
	text-decoration:none;
}


.float-left {

	float:left;
	
}

.float-right {

	float:right;
	
}


#color-wrapper {

	
	
	width:960px;
	
	
}

.color-wrapper-inner {
	
	padding-bottom:3px;
	padding-left:12px;
	padding-right:12px;
	padding-top:4px;
	
	
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	
}

.himbeere{

	background-color:#da0054;
}

.himbeere a,.himbeere h2 {
	color:#da0054;
}

.case-himbeere {
	background-image:url(assets/case-himbeere.gif);

}

.tuerkis {

	background-color:#009fb1;
}

.tuerkis a,.tuerkis h2 {
	color:#009fb1;
}

.case-tuerkis {
	background-image:url(assets/case-tuerkis.gif);

}

.aubergine {

/*
	background-color:#6d1f3f;
*/

	background-color:#444444;
}

.aubergine a,.aubergine h2 {
	color:#444444;
}

.case-aubergine {

	background-image:url(assets/case-grey.gif);

}

.apfel {
	background-color:#b1c200;
	background-color:#a0c21f;
}

.apfel a,.apfel h2 {
	/* color:#b1c200; */
	color:#a0c21f;

}

.case-apfel {
	background-image:url(assets/case-apfel.gif);

}

.orange {
	background-color:#ec7405;
}

.orange a,.orange h2 {
	color:#ec7405;
}

.case-orange {
	background-image:url(assets/case-orange.gif);

}

.petrol {
	background-color:#004c68;
}

.petrol a,.petrol h2 {
	color:#004c68;
}

.case-petrol {
	background-image:url(assets/case-petrol.gif);

}

.header {

	background:#FFFFFF;
	float:left;
	background-position:left top;
	background-repeat:no-repeat;
	height:50px;
	
	
	/*
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	*/
	

}

.startseite {
	background-image:url(assets/startseite-header.png);
}

.h-update {
	background-image:url(assets/header2-update.png);

}

.h-copy {
		background-image:url(assets/header2-copypaste.png);

}

.h-schreibanleitung {

	background-image:url(assets/header-schreibanleitung.png);
}


.h-faq {

	background-image:url(assets/header-faq.png);
}

.h-kampagne {

	background-image:url(assets/header-kampagne.png);
}

.h-presse {

	background-image:url(assets/header-presse.png);
}

.h-kontakt {

	background-image:url(assets/header-kontakt.png);
}

.h-links {

	background-image:url(assets/header-links.png);
}

.h-impressum {

	background-image:url(assets/header-impressum.png);
}





.main-content {
	
	margin-top: 8px;

/*
	-moz-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	
	*/
	padding: 32px;
	color:#444444;
	
	line-height:22px;

}

.colleft {

	width:576px;
	clear:left;
	
}

.colright {
	
	width:224px;
	clear:right;
	
}

.container-left {

	float:left;
}

.container-right {

	float:right;
}

.colbg-tuerkis {

	background-image:url(assets/colbg-tuerkis.png);
}

.colbg-petrol {

	background-image:url(assets/colbg-petrol.png);
}

.colbg-orange {

	background-image:url(assets/colbg-orange.png);
}

.colbg-apfel {

	background-image:url(assets/colbg-apfel.png);
}

.colbg-himbeere {

	background-image:url(assets/colbg-himbeere.png);
}

.colbg-aubergine {

	background-image:url(assets/colbg-aubergine.png);
}

.logotype {

	margin-right:20px;
	margin-left:12px;
	
}

#navigation {

	margin-bottom:10px;
	
}

.handle {

	
	background-position: top center;
	background-repeat:no-repeat;
	background-position:center;
	height:103px;
	text-align:center;
	
}

#color-wrapperouter {

	width:960px;
}






h1,h2,h3,h4,h5,h6 {


	/* text-transform:uppercase; 
	
	letter-spacing:1px; */
	font-size:14px;
	margin:0;
	padding:0;
	 max-width:450px; 
	}
	
p {
	margin:0;
	padding:0;
	padding-bottom:28px;
}

.p-nospace {

		padding-bottom:0 !important;
}

.main-content ul {

	margin:0;
	padding:0;
	margin-left:16px;
	 max-width:450px; 
	
}

.gallery {

	
	padding:0;
	margin:5px;
	margin-left:0;
	
}

.inlinehead {

	color:#FFFFFF;
	padding:3px;
	padding-top:2px;
	padding-bottom:0;
		text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
}

.screambutton {

	background-color:#da0054;
	padding:8px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	
}

.whitelink a {
	color:#FFFFFF;
}

.whitebg {
	background-color:#FFFFFF;
}

.whitelink a:hover {
	background-color:#000000;
}
.whitelink a:active {
	background-color:#000000;
	margin-left:1px;
}

p {
	max-width:450px;
}









/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;

			width: 680px;
			background-color: #FFFFFF;
			background-image:url(assets/colbg-petrol.png);
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
	
			color: #000000;
			border-bottom: 1px solid #004c68;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
	
		
		.accordion_toggle_active {
	
			background-image:url(assets/colbg-himbeere.png);
	

		}
		
	
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}