/*******************************************************************************

	Project		:	xata Website

	Copyright	:	xata
					www.xata.de

*******************************************************************************/

/* Allgemein
*******************************************************************************/
	body{
	background-color:#646464;
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:15px;
	line-height:20x;
	color:#404040;}

	h1{
	font-size:18px;
	font-weight:bold;
	color:#4fac44;
	line-height:22px;
	margin: 0 0 5px 0;}

	h2{
	font-size:16px;
	font-weight:bold;
	color:#4fac44;
	line-height:20px;
	margin: 0 0 0 0;}

	a{
	color:#4fac44;}

	img{
	border-width:0;}


/* Allgemein (divs)
*******************************************************************************/
	.mainbox{
	width:799px;
	margin:50px auto 50px auto;
	border-width:1px 1px 1px 1px; border-style:solid; border-color:#404040;}

	.headerbox{
	height:200px; // 242px;
	align:right;
	background-repeat:no-repeat;
	border-width:0 0 1px 0; border-style:solid; border-color:#404040;}

	.centerbox{
	background:white;
	overflow:hidden;}

	.headlinebox, .bottomlinebox{
	height:14px;
	line-height:14px;
	background:#404040;
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:10px; color:#FFFFFF;
	padding:0 50px 0 50px;
	text-align:right;}
	
	.navbox{
	height:30px;
	text-align:left;
	vertical-align:center;
	padding:15px 50px 15px 50px;
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:18px; font-weight:bold; color:#404040;}

	.nav{
	padding:0 30px 0 0;}
	
	.nav_home{
	padding:0 70px 0 0;}

	.nav,
	.nav_home{
	float:left;}

	.nav a,
	.nav_home a{
	text-decoration:none;}

	.nav a:link, .nav a:visited,
	.nav_home a:link, .nav_home a:visited{
	color:#BBBBBB;}

	.nav a:hover,
	.nav_home a:hover{
	color:#4fac44;}

	.spanbox{
	height:30px;
	text-align:left;
	padding:0 50px 5px 50px;}

	.leftcontentbox{
	text-align:justify;
	float:left;
	width:450px;
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
	line-height: 20px;
	padding:0 50px 0 50px;}
	
	.rightcontentbox{
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:13px;
	line-height:18px;
	overflow:hidden;
	width:145px; /* nur für IE6 nötig! */
	padding:0 50px 0 50px;
	border-width:0 0 0 1px; border-style:solid; border-color:#4fac44;}

	.bottombox{
	clear:left;
	height:45px;
	padding:0 50px 0 50px;
	text-align:right;}
	
	.contentlink {
	color:#4fac44;}
	
	.bottomlink {
	color:#FFFFFF;
	text-decoration:none;}


/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:10px 0 10px 0;
	padding:0px;
	width:450px;
	background-color:#FFFFFF;	//#f7f7f7;
	color:#404040;
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:11px;
	font-weight:bold;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:0px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#FFFFFF;
	border-top:0px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	margin:5px 0px 5px 0px;
	padding:0px;
	width:118px;
	border-right:0px solid #fff;
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input.text, 
#form-module input.checkbox, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px 0px 5px 0px;
	padding:0px;
	width:330px;
	border-width:1px;
	border-style:solid;
	border-color:#abadb3;
}

#form-module input.text,
#form-module select {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit {
	float:left; 
	width:331px;
	margin:5px 0 5px 118px;
	padding:2px 5px;
	color:#404040;
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:180px;
}

#form-module-thanks {
	margin:20px 0 10px 0;
	display:block;
	color:#404040;
	font-family:"proxima-nova-1","proxima-nova-2",sans-serif;
	font-size:12px;
	font-weight:bold;
}


/* Modul Gerenderte Headline
*******************************************************************************/
/* Ausgabe am Bildschirm */
@media screen {
	.renderhead {
		display: block;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img { 
		margin-left:-4px;
		padding:0px;
	}
}
/* Ausgabe auf dem Drucker */
@media print {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: block;
		color: #404040;
	}
	.renderhead img { 
		display: none;
	}

	.headerbox, .navbox, #form-module { 
		display: none;
	}
}