@charset "utf-8";

/* -----------------------------
Version 1.0, 23-10-2008
by FIXTREME.de | Uwe Fai�t
----------------------------- */


/*>>>> ALLGEMEIN <<<<<*/

* { margin:0; padding: 0; }

html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li, tr {

   font: 12px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif;
   color: #323232;
}

html {
	height: 101%;
}

body {
	background: #FFF url(../images/fn_header_leiste.gif) top left repeat-x;
}

p {
	margin-bottom: 16px;
}

#wrapper { 
	float:left;
	width:100%;
}

#content_wrapper {
	width: 901px;
	margin:0 auto;
}

#content_wrapper_2 {
		background: url(../images/fn_navi_leiste.gif) bottom left no-repeat;
		float:left;
		width:901px;
}

#content_wrapper_preisliste {
		background: url(../images/fn_navi_leiste2.gif) bottom left no-repeat;
		float:left;
		width:1061px;
}

#content_left {
	float: left;
	width: 165px;
}

#content_right {
	float: left;
	width:465px;
	height: auto;
	min-height: 300px;!important;
	/*padding-right: 40px*/
	padding-left: 30px;
			
}



#content_bild {
	float: right;
	width: 230px;
	height: auto;
	min-height: 300px;!important;
	/*padding-right: 20px;*/
	/*background-color:#00FF00;*/	
}


#content_right ul {
	padding-left: 40px;
	margin-bottom: 16px;
	list-style: none;
}

#content_right ul li {
	background: url(../images/fn_icon_liste.gif) 0px  4px no-repeat!important;
	padding: 0px 0px 0px 20px;
	line-height: 16px;
	height: auto;
}


.kasten_grau {
	/*padding: 12px 8px 8px 12px;*/
	background-color:#e9ecf4;
	width:439px;
	height:auto;
	
}


.abstand_kasten {
padding:8px 8px 3px 8px
}







h2 {
	color: #b01009;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 16px;
}

h1 {
	color: #9D9D9D;
	margin-bottom: 32px;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	line-height:1.2em;
}

.galerie {
	float:left;
	width: 439px;
	height: auto;
	/*background-color:#CC0000;*/
}



.news {
	/*padding: 0px 0px 0px 0px;	*/
	background-color:#e9ecf4;
	width:420px;
	height: 155px;
	margin:15px 0px 15px 0px; 
}


 .link_news {
 color:#b01009;
 }




/*.hg_content_right {
<!--width:600px;-->
height:auto;
background-color:#999999;

float: right;
	width: 452px;
	height: auto;
	min-height: 300px;!important;
	padding-right: 250px;	



}*/

.bild_container {
	float: left;
	display: inline;
	/*padding: 0px 10px 10px 0px;*/
	/*background-color:#00FF33;*/
}



.bild_grau {
	float: left;
	
	
	/*background-color:#00FF33;*/
}



.bild_container img {
	border: 1px solid #b01009;
	float:left;
	
	
}


.bild_leiste {
	float: left;
	display: inline;
	padding: 0px 20px 20px 0px;
	background-color:#00FF33;
}







br {
	clear: both;
}




/*.tabelle_container {
	float: left;
	display: inline;
	padding: 0px 20px 20px 0px;
}*/


/*>>>> HEADER <<<<<*/

#header {
	background: #FFF url(../images/fn_header.gif) top left no-repeat;
	width: 901px;
	height: 171px;
	margin:0 auto;
}

#logo {
	position: absolute;
	margin-top: 15px;
	text-indent: -500em;
	width: 230px;
	height: 140px;
}




/*>>>> NAVI <<<<<*/

#navigation {
	height: auto;
	width: 164px;
	padding-left: 1px;
}

#navigation ul {
	list-style: none;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#navigation ul li {
	display: inline;
}


#navigation ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0px 0px 0px 18px;
	text-decoration: none;
	text-align: left;
	width: 145px;
	color: #999;
	font-weight: bold;
}

#navigation ul.stufe_1 li a {
	border-top: 1px solid #FFF;
	background: #e9ecf4 url(../images/fn_pfeil_navi.gif) 0 10px no-repeat!important;		
}

#navigation ul.stufe_1 li a:hover {
	color: #FFF;	
	background: #5d555d url(../images/fn_pfeil_navi_hover.gif) 0 10px no-repeat!important;			
}

#navigation ul.stufe_1 li a.aktiv {
	border-top: 1px solid #FFF;
	color: #FFF;	
	background: #c3182e url(../images/fn_pfeil_unternavi.gif) 4px 10px no-repeat!important;		
}

#navigation ul.stufe_2 li a {
	border-top: 1px solid #C8C8C8;
	background: #FFF!important;	
	height: 22px!important;
	line-height: 24px;
	font-weight:normal!important;
	padding: 0px 0px 0px 18px!important;
}

#navigation ul.stufe_2 li a:hover {
	color: #FFF;	
	background: #999!important;		
}

#navigation ul.stufe_2 li a.aktiv  {
	color: #FFF;	
	background: #6F6F6F!important;		
}

#navigation a {
	top: 0px; left: 0px;
	width: 44px; height: 32px;

	/*background: url(http://fixtreme.de/fn-profilblech/www/images/nav_home.gif) 0 0 no-repeat;*/
}
#navigation a:hover {
	background-position: -44px 0;
}
#navigation a.current {
	background-position: -88px 0 !important;
}


#tabelle {
	background-color:#e9ecf4;	
	width: 440px;
	padding:5px;
	border-collapse: separate;
	border-spacing: 1px 1px;
	border-collapse:separate;
	/*border: 1px solid #CCC;*/
	font: 12px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif;
   	color: #323232;
	
}

#tabelle td {
	/*border:1px #e9ecf4 solid;*/
	background:#fff;
	text-align:left;
	padding:5px;
	table-layout:fixed;
	font: 10px verdana,arial,helvetica,sans-serif;
	}
	

#tabelle_button {
	width: 440px;
	padding:5px;
	border-collapse: separate;
	border-spacing: 1px 1px;
	border-collapse:separate;
	/*border: 1px solid #CCC;*/
	font: 12px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin:10px 0 30px 0;
}

	
	
.film  {
width:440px;
height:137px;
margin-bottom:30px;

}	
	


	


/*.kasten_news {
	padding: 2px 2px 2px 2px;
	background-color:#e9ecf4;
	width:420px;
	height:150px;
	
	
}*/

.loeschen {
	width:110px; 
	height:20px; 
	border:none; 
	float:right;
	margin-right:10px;
	cursor:pointer;
	display:block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	border: 1px solid #a9b0b9;
	color:#000000;
	background-color:#f5f6fa;
}

.unten {
	width:110px; 
	height:20px; 
	border:none; 
	margin:10px auto;
	cursor:pointer;
	display:block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	border: 1px solid #a9b0b9;
	color:#000000;
	background-color:#f5f6fa;
}



/* Contact Form */

.contact_form fieldset{ border:none; color:#A9B0B9; font-size:14px;}
.contact_form legend {display:none;}
.contact_form label{display:block; font-size:12px; float:left; width:100px; padding:2px 5px 2px 5px; font-family: Arial, Helvetica, sans-serif; }
.contact_form input{ 
	width:100px;
	height:15px; 
	padding:5px 5px 5px 10px; 
	margin:5px 0 5px 0;
	border:1px solid #a9b0b9; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#434343; 
}
.contact_form input.zip{width:100px;}
.contact_form button{ 
	width:110px; 
	height:20px; 
	border:none; 
	margin:10px auto;
	cursor:pointer;
	display:block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	border: 1px solid #a9b0b9;
	color:#000000;
	background-color:#f5f6fa;
}

.contact_form .buttonPadding0{ 
	width:110px; 
	height:20px; 
	border:none; 
	margin:0px auto; /* original "10px auto" führte zu Darstellungsprobleme bei IE7 */
	cursor:pointer;
	display:block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	border: 1px solid #a9b0b9;
	color:#000000;
	background-color:#f5f6fa;
	padding:0px 0px 0px 0px; /* Zeile hinzugefügt */
}

.contact_form textarea {
	width:285px; 
	height:160px; 
	padding:8px 0 0 10px;
	margin:5px 0 10px 0px;
	color:#434343; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#434343; 
	font-size:12px;
	border:1px solid #a9b0b9; 
	background:#fff;
 }
.contact-form-separator{height:5px; 
	clear:both;
}
.contact_form input.error{border:1px dashed red;}
.contact_form textarea.error {border:1px dashed red;}
.contact_form label.error {
	color:red;
	float:none;
	height:30px;
	margin-left:0px;
	width:100px;
}

.contact_form h2{ border-bottom: 1px dotted #B3C7E5; color:#0463AA; font-size:14px; padding: 0 0 10px 30px; margin: 20px 0 30px 0;}
.contact_form h3{ color:#a9b0b9; font-size:11px; padding: 0 0 10px 30px; margin: 20px 0 30px 0;}
.success{margin:40px 0; border:1px solid #D4D6D4; background:#f1f1f1; color:#1D589D; font-size:16px; font-weight:bold; padding:10px; text-align:center;}




/* Preisliste */

.tabelle_aussen
{
	padding: 2px;
	margin-bottom: 40px;
	border: 1px dotted #CCC;
	
}

.tabelle {
	background-color:#e9ecf4;	
	width: 440px;
	padding:5px;
	border-collapse: separate;
	border-spacing: 1px 1px;
	border-collapse:separate;
	/*border: 1px solid #CCC;*/
	font: 12px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif;
   	color: #323232;
	
}

.tabelle td {
	/*border:1px #e9ecf4 solid;*/
	background:#fff;
	text-align:left;
	padding:5px;
	table-layout:fixed;
	font: 10px verdana,arial,helvetica,sans-serif;
	}
	
.tabelle_button {
	width: 440px;
	padding:5px;
	border-collapse: separate;
	border-spacing: 1px 1px;
	border-collapse:separate;
	/*border: 1px solid #CCC;*/
	font: 12px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin:10px 0 30px 0;
}





/* Footer */
#footer {	
	width: 100%;
	background: #fff url(../images/fn_footer_leiste.gif) 0px 0px no-repeat;
	float:left;
	
}

#footer_main {	
	width: 901px;
	height: 60px;
	background: url(../images/fn_flaeche_kontakt.gif) 0px 0px no-repeat;
	margin: 0 auto;
	
}

#footer_links {
	float: left;
	width: 62px; 
	height: 13px;
	display: block;
	margin: 16px 20px 20px 20px;
}

#footer_text {
	float: right;
	display:block;
	padding-right:262px;
	line-height: 40px;
	/*margin-top:20px;*/
	width: 440px;
	height: 40px;
	background: url(../images/fn_content_linie.gif) 471px 0px no-repeat;
	/*background-color:#ccc;*/
	color: #999;
	
}

tr.ca_error td{	
				color: red;
			}
tr.ca_error td input,tr.ca_error td select, tr.ca_error td textarea{	
				border: 1px  dashed red;
				background:#FBEEEE;
			}
			
.tableResult 
{
	border:solid 1px Black;
	border-collapse:collapse;
}
.tableResult tr td 
{	
	padding-right:5px;
	padding-left:5px;	
	border:1px solid #000;
	}
	
.tableResult tr td.tcRight 
	{
		text-align:right;
	}
	
	.tableResult tr td.tcHeader
	{
		text-align:center;
	}