/*CSS - Styleguide*/

/*
	http://frennit.de/
   	css styles
   
   	Copyright 2008, Markus Spiske
   	http://www.waaf.net
*/

/* ----------------- general ----------------- */

html,body {
	font:11px/175% Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
	color:#a6a6a6;
	background-color:#323232;
	
	/*background: url(../img/bg_body.gif) repeat;*/
}

a.navi:link, a.navi:visited {
	font-size:11px;
	color:#b9061a;
	text-decoration:none;
}

a.navi:hover {
  	font-size:11px;
 	color:#666;
 	text-decoration:none;
}

a.navi:active {
  	font-size:11px;
 	color:#e2001a;
 	text-decoration:none;
}

a.red:link, a.red:visited, a.red:active {
	font-size:11px;
	font-weight:normal;
	color:#a6a6a6;
	text-decoration:underline;
}

a.red:hover {
  	font-size:11px;
  	font-weight:normal;
 	color:#b9061a;
 	text-decoration:none;
}

a.red2:link, a.red2:visited, a.red2:active {
	font-size:11px;
	font-weight:normal;
	color:#b9061a;
	text-decoration:none;
}

a.red2:hover {
  	font-size:11px;
  	font-weight:normal;
 	color:#b9061a;
 	text-decoration:underline;
}

a.white:link, a.white:visited, a.white:active {
	font-size:11px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

a.white:hover {
  	font-size:11px;
  	font-weight:normal;
 	color:#fff;
 	text-decoration:underline;
}

h1 {
	font-size:11px;
	font-weight:bold;
	color:#989798;
	text-align:left;
}

h2 {
	font-size:11px;
	color:#b9061a;
	font-weight:bold;
}


h3	{
	color:#fff;
	font-size:1.5em;
}

.appl {
	width:220px;
	float:left;
	line-height:150%;
}

.appl_1 {
	width:220px;
	float:left;
	line-height:150%;
	text-align:right;
	font-weight:bold;
	color:#b9061a;
}

#info_panel ul	{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}

#info_panel ul li {
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}

.datatable {
	width:450px;
	font-size:9px;
	border-collapse:collapse;
	border:1px solid #ccc;
}

.datatable td {
	border:1px solid #ccc;
	padding:2px;
}

.datatable th {
	background-color:#e1e1e1;
	border:1px solid #ccc;
	text-align:left;
	padding-left:2px;
}

.infoplus {
	font-size:9px;
	line-height:130%;
}

.inside {
	padding-left:10px;
	padding-top:5px;
}

.inside_small {
	padding-left:10px;
	padding-top:5px;
	font-size:9px; 
	line-height:130%;
}

.red {
	color:#b9061a;
	font-weight:bold;
}

/*----------formular----------*/

form div label {
	float: left;
	width: 40px;
	font-size: 11px;
	color: #666;
}

form div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 0.6em;
}

input.txt {
	border: 1px solid #ccc;
	font-size: 10px;
	color: #b9061a;
	width: 150px;
	margin-bottom: 0px;
}

input.search {
	border: 1px solid #ccc;
	font-size: 11px;
	color: #666;
	width: 175px;
	margin-bottom: 0px;
	float: left;
	background-color: #ededed;
}

input.send {
	border: 1px solid #b9061a;
	font-size: 10px;
	color: #fff;
	width: 150px;
	margin-top: 10px;
	background-color: #b9061a;
}

textarea {
	border: 1px solid #d6d6d6;
	font-size: 11px;
	color: #666;
	width: 220px;
	margin-top: 0px;
}

select {
	border: 1px solid #d6d6d6;
	font-size: 11px;
	color: #666;
	width: 220px;
	margin-top: 0px;
}

#input_field {
	font-size: 10px;
}


/* ----------------- wrapper ----------------- */
#wrapper {
	position:absolute;
  	left:50%;
  	top:50%;
	width:980px;
	height:650px;
	margin-left:-490px; /* half of width */
	margin-top:-325px;  /* half of height */
} 

/* ----------------- content ----------------- */
#content {
	background-color:#fff;
	width:980px;
	height:650px;
	float:left;  
}

#product {
	margin:15px;
	height:400px;
	float:left;  
}

#info {
	margin:15px;
	height:398px;
	width:948px;
	float:left; 
	border: 1px solid #d6d6d6; 
}

#info_content {
	margin:15px; 
	height:370px;
	background: url(../img/bg_info_plus.gif) no-repeat;
	background-position: top right;
}

#company_content {
	margin:15px; 
	height:370px;
	background: url(../img/bg_company.gif) no-repeat;
	background-position: top right;
}

#about_content {
	margin:15px; 
	height:370px;
	background: url(../img/bg_about.gif) no-repeat;
	background-position: top right;
}

#box_1 {
	width:300px;
	float:left;  
}

#box_2 {
	width:300px;
	float:left;  
}

#box_3 {
	width:475px;
	float:left; 
}

#box_41 {
	width:350px;
	float:left; 
}

#box_42 {
	width:350px;
	float:left; 
	margin-left:20px;
}

#box_5 {
	width:220px;
	float:left;  
}

#box_6 {
	width:200px;
	float:left;  
}

/* ----------------- info panel ----------------- */
#info_panel	{
	padding-top:15px;
	padding-left:15px;
}

#product_1, #product_2, #product_3, #product_4, #product_5, #product_6, #product_7, #product_8 { 
	position:absolute;
	margin-top:0px;
	width:930px;
}

#box_kat { 
	float:left;
	width:450px;
	margin-left:15px;
	color:#666;
}

#box_pic { 
	float:right;
	width:450px;
	margin-left:15px;
	color:#666;
}

/* ----------------- text ----------------- */

#text {
	width:950px;
	margin-left:15px;
	padding-top:4px;
	height:25px;
	float:left;  
	color:#fff;
	text-align:right;
	background: url(../img/bg_intro_top.gif) repeat-x;
}

#applications {
	width:677px;
	margin-top:25px;
	float:right;  
	text-align:left;
	font-size:9px;
	color:#666;
}

#down {
	width:950px;
	margin-left:15px;
	position: absolute;
	bottom:3px;
	height:27px;
	float:left;  
	text-align:right;
}

#left {
	width:250px;
	margin-bottom:0px;
	height:27px;
	float:left;  
	text-align:left;
}

#right {
	width:500px;
	margin-bottom:0px;
	height:20px;
	float:right;  
	text-align:right;
}