/*
	Styeles Kahl Schwerlast
	(IT-On.NET 08/2007)
*/

html, body {
	background-color:		#617d63;
	font-family:			Arial, sans serife;
	margin:					0px;
	padding:					0px;
	color: 					#222222;
	font-size:				0.9em;
}

/********************************HEADER BEREICH*******************************************************/

#header {
	width:					950px;
	height:					145px;
	margin:					0 0 0 15px;
	padding:					0px;
}

#logo {
	width:					230px;
	margin:					15px 0 10px 0;
}

#header_bilder {
	position:				absolute;
	top:						5px;
	left:						270px;
	height:					100px;
	margin: 					8px 0px 0px 0px;
	padding:					0px;
	width:					680px;
}

/*********************************************CONTENT*****************************************************/

#content {
	padding: 				5px 20px 10px 20px;
	position:				absolute;
	top:						148px;
	background-image:		url(/ftp/Image/hintergrund/start.jpg);
	background-color:		#F4F4F4;
	width:					638px;
	min-height:				350px;
	margin-left:			270px;
	border: 					1px solid #AAAAAA;
}


/******************************************NAVIGATTION OBEN******************************************/

#servicemenu {
	position:				absolute;
	top:						118px;
	background-color:		#014A10;
	width:					668px;
	height:					22px;
	margin:					0 0 0 255px;
	text-align:				right;
	padding:					2px 10px 0 0;
	border:					1px solid #BBBBBB;
}

#servicemenu a, #servicemenu a:link, #servicemenu a:visited, #servicemenu a:active {
	color:					#FFFFFF;
	text-decoration: 		none;
	padding: 				1px 0px 1px 12px;
	line-height:			150%;
	margin:					0px;
}

#servicemenu a:hover {
	color: 					#C25A57;
	text-decoration:		underline;
}

/*************************************** NAVIGATION *******************************************************/

#navigation {
	position:				absolute;
	top:						140px;
	width:					221px;
	margin-left:			20px;
	text-align:				left;
}

#navigation a, #navigation a:link, #navigation a:active {
	color:					#FFFFFF;
	display: 				block;
	text-decoration: 		none;
	padding:					2px 0 2px 5px;
	margin:					0 0 5px 0;
}

/*
#navigation a:hover {
	background-color:		#FFFFFF;
	color:					#C25A57;
	border-color:			#C25A57;
}
*/

/**************************************ZWEITE EBENE**************************************************************/

#navigation  a.navi1, #navigation a.navi1marked, #navigation a.navi1open {
	background-image:		url(/images/fahne_gruen.gif);
	background-repeat:	no-repeat;
	background-color:		#014A10;
	font-size:				13px;
	font-weight:			bold;
	padding:					3px 0 3px 26px;
	margin:					10px 0 0 0;
	border-top:				2px solid #FFFFFF;
	border-right:			2px solid #FFFFFF;
}
#navigation a.navi1:hover, #navigation a.navi1marked, #navigation a.navi1open {
	background-image:		url(/images/fahne_rot.gif);
	background-color:		#A7120E;
}
/*
#navigation a.navi1marked {
	margin-bottom:			0px;
}
*/
/*
.navi1:first-letter {
	color:					#C25A57;
	font-size:				15px;
}
*/

#navigation a.navi2, #navigation a.navi2marked {
	background-color:		#FFFFFF;
	color:					#333333;
	font-size:				12px;
	margin:					0 0 0px 22px;
	padding:					3px 0 3px 3px;
	border-right:			2px solid #FFFFFF;
}
#navigation a.navi2:hover {
	background-color:		#DDDDDD;
}
#navigation a.navi2marked {
	font-weight:			bold;
}

/*
p.last {
	margin:					0px;
	border-color:			#FFFFFF;
	border-bottom-style:	solid;
	border-bottom-width:	5px;
}
*/

/*
#navigation a.marked {
	border-color: #C25A57;
}
*/



/************************ 		Bloecke im Inhalt 			***************************/
div.halb {
	width:					48%;
	margin-right:			1%;
	float:					left;
}

div.produkt {
	float:					left;
	min-height:				100px;
	width:					98%;
	padding:					10px 5px 10px 5px;
}
div.produkt img.produkt {
	border:					2px solid #617d63;
	margin-right:			10px;
}
div.produkttext {
	width:					160px;
	float:					left;
}
div.bob {
	border-bottom:			1px dotted gray;
}
div.presseartikel {
	padding:					10px 5px 10px 0px;
}
div.presseartikel img.presse {
	margin-right:			8px;
	border:					2px solid #617d63;
}
div.news {
	padding:					0px 0px 10px 0px;
}


table td {
	vertical-align:		top;
}

/********************************* BILDER *************************************************************/

table.galerie {
	border:				0;
	width:				100%;
}
table.galerie td {
	margin:				4px;
	text-align:			center;
	vertical-align:	top;
	width:				33%;
}

img.galerie {
	border:				2px solid #617d63;
	min-height:			150px;
	max-width:			200px;
}

div.bilduntertitel {
	font-size:			0.85em;
}

img.right {
	margin-left:		10px;
}
img.video {
	border:				2px solid #617d63;
}

/****************************************************SCHRIFTEN********************************************/

#content a:link{		color:#014A10; }
#content a:visited {	color:#617d63; }
#content a:hover {	color:#960018; }

h1{
	font-size:			2em;
	color:				#014A10;
	margin-top:			10px;
	padding-top:		5px;
}

h1:first-letter {
	color:				#960018;
}

h2 {
	font-size:			1.2em;
	margin-bottom:		0;
}
h3 {
	font-size:			1.05em;
	margin-bottom:		0;
	margin-left:		2px;
	padding:				0;
	color:				#215d23;
}
h3.einleitung {
	margin-bottom:		0.5em;
}
h3.groesser {
	font-size:			1.42em;
	letter-spacing:	0.018em;
}
h1.nospace, h2.nospace, h3.nospace {
	margin-top:			0;
	margin-bottom:		0;
	padding-top:		0;
	padding-bottom:	0;
}

/* Farben */
.gruen 	{	color:					#014A10;  }
.bggruen	{	background-color:		#014A10;  }
.mgruen 	{	color:					#617d63;  }
.bgmgruen{	background-color:		#617d63;  }
.weiss 	{	color:					#FFFFFF;  }
.bgweiss	{	background-color:		#FFFFFF;  }

br.nospace {
	line-height: 		0.01em;
}

img.rechts {
	float:				right;
	margin-left:		5px;
}
img.links{
	float:				left;
	margin-right:		5px;
}


#content p {
	text-align:			justify;
}

.kleiner, .small {
	font-size:			0.75em;
}
.groesser, .big {
	font-size:			1.3em;
}
.mitte {
}

/* Formulare und Felder */
#content form {
	background-color:			#EEEEEE;
	padding:						3px;
}

input, select, textarea {
	background-color:    	#FFFFFF;
}
input.checkbox {
	margin-bottom: 			0px;
	border:						0px;
}
/* Lange, mittlere und kurze Eingabefelder in Formularen (z. B. Name)*/
input.lang, textarea.lang, select.lang{			width:				300px; }
input.mittel, select.mittel, textarea.mittel{	width:				180px; }
input.kurz, select.kurz, textarea.kurz {     	width:				60px;  }

/* Absenden-Knoepfe in Formularen */
input.knopf {
	background:					#617D63;
	font-weight:				bold;
	color:  						#ffffff;
	border-top:					1px solid #dce3ea;
	border-left:				1px solid #dce3ea;
	border-bottom:				1px solid #000000;
	border-right:				1px solid #000000;
}

/* Hervorhebung bei Pflichtfeldern */
input.pflichtfeld {
	background-color:			#E1F0FA;
}

input.fehler {
	background-color: 		#FFDDDD;
}
div.checkboxfehler {
	background-color:			#E1F0FA;
}
span.pflicht {
	font-weight:				bold;
}

div.formularfehler {
	background-color:			#FFDDDD;
	padding:						5px;
	font-weight:				bold;
}

form td.formularkopf, div.formularfuss {
	background-color:			#617D63;
	font-weight:				bold;
	color:						#FFFFFF;
}
form td.formularfuss, div.formularfuss {
	background-color:			#DDDDDD;
	text-align:					center;
}


@media print {
body {
}
#header {
	width:						700px;
}

#content{
	margin-left:				20px;
}

#banner, #left, #navigation, #servicemenu, #menu, #header_bilder, .noprint {
	visibility:					hidden;
	display:						none;
	width:						1px;
}
#druckbanner {
	visibility:					visible;
	display:						block;
	height:						auto;
	width:						auto;
	text-align:					center;
}

}