body { 
    margin: 10px;
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    background-color: #191919;
    background-image:url('../images/background.jpg');
	background-position:center top;
	background-repeat: no-repeat;
	color: #444444;	
}

a {
	text-decoration:none;
	font-weight:bold;
	color: #444444;	
}

h1{
	display:none;
}


h2 {
    margin: 0;
    margin-bottom: 12px;
    padding: 0;
	color:#c00020;
	margin: 0px 0 10px 20px;
}

h3 {
    margin: 0;
    margin-bottom: 12px;
    padding: 0;
	color:#c00020;
	margin: 34px 0 10px 20px;
	padding-top: 5px;
}


#container{
	width: 955px;
	margin: 0 auto;
}

#homebutton{
	position: absolute; 
	z-index: 999; 
	height: 90px; 
	width: 220px; 
	margin-left: 720px;
}



/* Navigation */

#navigation{
	width: 955px;
	height: 97px;
}

#navigation ul{
	padding-top: 65px;
	
}


#navigation ul li{
	color: #fff;
	font-weight: normal;
	display: inline;
	padding-left: 13px;
	padding-right: 13px;
	font-size: 14px;
	background-image:url('../images/greendot.gif');
	background-repeat:no-repeat;
	background-position: center right;	
	
}

#navigation a{
	color: #fff;
	font-weight: normal;	
}

#navigation a:hover{
	color: #cfcfcf;
	border-bottom: 1px dotted: #cfcfcf;
	font-weight: normal;	
}


#navigation .active{
	color: #b8d443;
}

/* Navigation Ende*/

#teaserbar{
	height: 255px;
	padding-left: 40px;
	background-color: #000;
}



.home-column{
	width: 225px;
	float: left;
}




.home-column p{
	color: #a6a6a6;
	line-height: 17px;
	font-size: 12px;
	width: 190px;
	margin-top: 12px;
}

.home-column  a{
	color: #fff;
	text-decoration: none;

}

.home-column  img{
	border: 0px;
	height: 101px;
}


#teaserbar h3{
	color: #fff;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	margin-top: 32px;
	margin-bottom: 9px;
	font-size: 13px;
}

.h3_highlight{
	color: #b8d443;
}


#news{
	width: 955px;
	height: 92px;
	color: #fff;
	background-image:url('../images/home/newsbar.gif');
	background-repeat:no-repeat;
}



#news-ticker{
	padding-top: 40px;
	padding-left: 250px;
	font-size: 14px;
}


#news-ticker .date{
	color: #b8d443;
	padding-right: 30px;
}


#news-ticker .news{

}

#news-ticker .news a{
	color: #a6a6a6;
	font-weight: normal;
	text-decoration: none;

}



/*---- Unterseiten ---*/

#header{
	border: 0px;
	margin: 0;
	padding: 0;
	height: 159px;
}

#header img{
	height: 159px;
}


#startpic{
	position:absolute;
	z-index: 99;
	top: 160px;
	margin-left: 40px;
}

#startpic img{
	width: 172px;
	height: 385px;
}

#subcontent {
	min-height: 600px;
	background-color: #fff;
	width: 952px;
}

#left-column{
	width: 200px;
	min-width: 200px;
	float: left;
	margin-right: 40px;
}


#left-column h4{
	padding-top: 300px;
	font-size: 12px;
	color: #b8d443;
	padding-left: 30px;
	padding-bottom: 20px;
}

#left-column ul {
	padding-left: 30px;
}


#left-column ul li{
	list-style: none;
	
	margin: 0;
	padding: 0;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #b8d443;;
	font-size: 12px;
	line-height: 16px;
	color: #3d3d3d;
}


#right-column{
	width: 700px;
	float: left;
}

#right-column h3{
	font-size: 20px;
	margin-top: 80px;
	margin-left:0px;
	margin-bottom: 40px;
	font-weight: normal;
	text-transform: uppercase;
	color: #b8d443;
}

#right-column h4{
	font-size: 12px;
	font-weight: bold;
	color: #b8d443;
	margin-top: 20px;
	margin-bottom: 5px;
}


#right-column p{
	font-size: 12px;
	line-height: 18px;
	color: #3d3d3d;
	width: 640px;
	margin-bottom: 20px;
}

#right-column address{
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	color: #3d3d3d;
	width: 640px;
	margin-bottom: 30px;
}


#right-column ul li{
	font-size: 12px;
	line-height: 18px;
	list-style-image:url('../images/pfeil.gif');
}


#content{

}

#referenz-column{
	width: 900px;
	padding-left: 30px;
}

#referenz-column h3{
	font-size: 15px;
	margin-top: 30px;
	margin-left:0px;
	margin-bottom: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #b8d443;
}

/* App Page */

#language{
	position: relative;
	z-index: 999;
	margin-left: 730px;
	margin-top: 30px;
}

#facts {
	padding-left: 30px;
}

#facts table {
	font-size: 12px;
	line-height: 18px;
	color: #a6a6a6;
	width: 640px;
	margin-top: 50px;
	margin-bottom: 50px;
}


#facts table tr{
	border-bottom: 1px solid #2e2e2e;
}

#facts .f1{
	width: 200px;
}


#backbutton{
	z-index:99;
	position: absolute;
	top: 140px;
	padding-left: 30px;
	font-size: 12px;
	line-height: 18px;
	color: #a6a6a6;
	width: 140px;	
}

#backbutton a{
	color: #a6a6a6;
	font-weight: normal;
	border-bottom: 1px dotted #a6a6a6;
}

#backbutton a:visited{
	color: #a6a6a6;
	font-weight: normal;
	border-bottom: 1px dotted #a6a6a6;
}


#app_page{
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
}

#app_page a{
	color: #fff;
	
}

#app_page h3{
	font-size: 20px;
	margin-top: 80px;
	margin-left:30px;
	margin-bottom: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #b8d443;
}

#app_page p{
	padding-left: 30px;
	font-size: 12px;
	line-height: 18px;
	color: #a6a6a6;
	width: 640px;
	padding-bottom: 20px;
	
}

#app_page .icon{
	float: left;
	margin: 00px 15px 20px 30px;
}


#app_page ul{
	list-style-image:url('../images/bullet.gif');
	list-style-position: inside;
}

#app_page ul li{

	margin-left: 30px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #a6a6a6;
	line-height: 18px;
	width: 640px;
	border-bottom: 1px solid #2e2e2e;
	font-weight: normal;
	background-color: #1a1a1a;
}


#screenshots{
	width: 600px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left:30px;
}

#screenshots img{
	border: 4px solid #2e2e2e;
	margin-right: 30px;
	margin-bottom: 30px;
}



#referenz_wrapper{
	float: left;
	width: 400px;
	min-height: 160px;
}

.referenz {
	float:left;
}

.ref_icon{
	float: left;
	height: 100px;
}



.ref_desc {
	float: left;
	text-align: center;
	width: 100;
}



/* Review Page */


#reviews {
		width: 640px;
		height: 500px;
		padding-left: 30px;
}


#reviews h4 {
		color: #3d3d3d;
		font-size: 20px;
		margin-bottom: 30px;
		font-weight: normal;
		text-transform: uppercase;
}

.review {
		float: left;
		margin: 3px 0 6px 0;
		padding: 3px 0 6px 0;
		font-size: 12px;
		width: 640px;
		border-bottom: 1px solid #2e2e2e;
}

.what{
		float: left;
		min-width: 100px;
		color: #b8d443;
}

.who{
		color: #a6a6a6;
		float: left;
		width: 400px;
}


/* Review/Interview Tabelle, Aboutseite */

.presse {
		float: left;
		margin: 3px 0 6px 0;
		padding: 3px 0 6px 0;
		font-size: 12px;
		width: 640px;
		border-bottom: 1px solid #cfcfcf;
}

.presse_what{
		float: left;
		min-width: 100px;
		color: #b8d443;
}

.presse_who{
		color: #a6a6a6;
		float: left;
		width: 400px;
}

/* Ende Review/Interview Tabelle*/







#interviews {
		width: 500px;
		height: 150px;
		padding-left: 30px;
}

#interviews h4 {
		color: #3d3d3d;
		font-size: 20px;
		margin-top: 30px;
		margin-bottom: 30px;
		font-weight: normal;
		text-transform: uppercase;
}

/*--------------------------------- */

#footer-bild{
	background-color: #fff; 
	border: 0px solid red; 
	margin:0px; 
	padding: 0px; 
	height: 23px; 
	width: 952px;
}	
	
	#footer-bild img{
	padding: 0px; 
	margin: 0px; 
	border: 0px; 
	height: 23px;
}



#footer {
	width: 955px;
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 30px;
	color: "#606060";
	font-size: 10px;
}

#footer .highlight{
	color: #fff;
}


/* Boxgrid */


#boxgrid { 

}


#boxgrid h3{ 
	margin: 10px 10px 0 10px; 
	color:#FFF; 
	font:18pt Arial, sans-serif; 
	font-weight: bold; 
	padding-bottom: 30px;  
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #b8d443;
}


.boxgrid{ 
	width: 325px; 
	height: 260px; 
	margin-left: 30px; 
	float:left; 
	background:#161613; 
	border: solid 1px #cfcfcf; 
	overflow: hidden; 
	position: relative; 
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	,
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.captionfull .boxcaption {
		top: 260;
		left: 0;
	}
	.caption .boxcaption {
		top: 220;
		left: 0;
	}


/*Formulare*/
.con_label {
	font-size: 12px;
	width: 200px;
	margin-top: 10px;
}

textarea {
	width: 500px;
}

