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

	Projekt		:	Jobst DSL

	Copyright	:	endiamo GmbH

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




/*	Grundformatierungen
Grün: 9dc131
Grüne Schrift: 8CAA33
------------------------------------------------------------------------------*/

:link,:visited { text-decoration:none; }
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; font-weight:normal; }
h1,h2,h3,h4,h5,h6,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px;}
tr { border:none; padding:0px; margin:0px; }
td {
	color:#333;
	border:none;
	padding:0px;
	margin:0px;
	vertical-align:top;
	border-spacing:0px;
}

legend { display:none; }

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul li		{
	list-style-position: outside;
	list-style-image: url(../images/li_arrow.gif);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}

a:hover { text-decoration:none; }

/*	body
------------------------------------------------------------------------------*/
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: x-small;
	text-align:center;
	height:100%;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

/*	html
------------------------------------------------------------------------------*/
html {
	min-height: 100%;
	margin-bottom: 1px;
}


/*	siteswitch
------------------------------------------------------------------------------*/
#siteswitch {
	width:100%;
	height:97px;
	background-color:white;
	padding:0 0 0 0;
}

#jobst-dsl  {
	position:absolute;
	top:0px;
	left:0px;
	width:45%;
	text-align:right;
	background-image:url(../images/hg_logo_active.jpg);
	background-repeat:repeat-x;
}
#spacer {
	position:absolute;
	top:0px;
	height:97%;
	width:10%;
}

#jobst-it_inactive  {
	position:absolute;
	top:0px;
	left:55%;
	width:45%;
	text-align:left;
	background-image:url(../images/hg_logo_inactive.jpg);
	background-repeat:repeat-x;
}

#jobst-it_active
{
	position:absolute;
	top:0px;
	left:55%;
	width:45%;
	text-align:left;
	background-image:url(../images/hg_logo_active.jpg);
	background-repeat:repeat-x;
}


/*	website
------------------------------------------------------------------------------*/
#website {
	position:relative;
	z-index:1;
	margin:0 auto;
	height:100%;
	width:850px;
	color:#333;
	text-align:left;
}

/*	logo
------------------------------------------------------------------------------*/
#logo {
	width:850px;
	height:30px;
	text-align:right;
}

/*	header
------------------------------------------------------------------------------*/
#header {
	width:850px;
	height:239px;
	border-bottom:3px solid #FE8018;
}

#header_img {
	position:absolute;
	z-index:10;
	left:218px;
	top:30px;
}

#corner {
	position:absolute;
	z-index:20;
	top:30px;
	left:218px;
	width:632px;
	height:19px;
	background-image:url(../images/corner.gif);
	background-repeat:no-repeat;
	background-position:top right;
}


/*	content
------------------------------------------------------------------------------*/
#content {
	width:850px;
	margin:0px 0 0 0px;
	/*
	background-image:url(../images/maennchen.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	*/
}

hr 	{
	margin:0px 0 10px 0;
	HEIGHT: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #FE8018;
	border-right-color: #FE8018;
	border-bottom-color: #FE8018;
	border-left-color: #FE8018;
	width: 100%;
} 
/*	navigation
------------------------------------------------------------------------------*/
#nav {
	width:217px;
	max-height:239px;
	background-image:url(../images/nav_bg.jpg);
	background-repeat:repeat-y;
	overflow: hidden;
}

#nav ul {
	margin: 0 0 0 0;
	list-style-type: none;
	list-style-image: none;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#nav ul li {
	margin: 0 0 0 0;
	list-style-type: none;
	list-style-image: none;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#nav ul li a {
	background-image:url(../images/nav_arrow.gif);
	background-repeat:no-repeat;
	display:block;
	color:#FFF;
	height:17px;
	font-size:12px;
	padding:3px 0 3px 21px;
	border-bottom:1px solid #FFF;
}

#nav ul li a:hover {
	background-color:#9dc131;
}

#nav ul li a.active {
	background-image:url(../images/nav_arrow_active.gif);
	background-repeat:no-repeat;
	background-color:#9dc131;
	padding-left:35px;
}

/*	subnavigation
------------------------------------------------------------------------------*/
#nav .subnav {}

#nav .subnav li a {
	background:none;
	padding:4px 0 2px 45px;
}

#nav .subnav ul li a:hover {
	text-decoration:underline;
	background-color:transparent;
}

#nav .subnav ul li a.sub_active {
	background-image:url(../images/subnav_arrow.gif);
	background-repeat:no-repeat;
	font-weight:bold;
}

/*	left
------------------------------------------------------------------------------*/
#left {
	width:193px;
	font-size:11px;
	line-height:130%;
	float:left;
	padding:15px 25px 0 0px;
	margin:5px 0px 25px 0px;
}

#left .trenner {
/*
	height:5px;
	background-image: url(../images/trenner_links.jpg);
	background-repeat:no-repeat;
	margin:5px 0px 25px 0px;
*/
}

#left .news {
}

#left a {
	color:#8CAA33;
	background-image:url(../images/pfeil_main.gif);
	background-repeat:no-repeat;
	padding:0 0 0px 11px;
}

#left a:hover {
	text-decoration:none;
}

#left .abstand {
	margin-top:10px;
}

#left ul {
	margin:0 0 0 19px;
	padding:10px 0 10px 0;
}

#left ul li {
	padding-bottom:5px;
	list-style-image: url(../images/pfeil_gruen.gif);
}
/*	main
------------------------------------------------------------------------------*/
#main {
	width:631px;
	font-size:11px;
	line-height:130%;
	float:left;
	padding:0 0 20px 0;
}

#main .txt {
	padding:0 0 10px 0;
	margin:0 0 5px 0;
}

#main p {
	margin:0 
	0 10px 0;
}

#main a {
	color:#8CAA33;
	background-image:url(../images/pfeil_main.gif);
	background-repeat:no-repeat;
	padding-left:11px;
}
#main a:hover {
	text-decoration:underline;
}

#main ul {
	margin:0 0 0 19px;
	padding:10px 0 10px 0;
}

#main ul li {
	padding-bottom:5px;
	list-style-image: url(../images/pfeil_gruen.gif);
}


/*	angebot tabelle ORANGE
------------------------------------------------------------------------------*/
#tables_orange {
}

#tables_orange .farbe {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FF9A03;
	color:#FFF;
	font-size:15px;
	vertical-align:middle;
	height:50px;
	border-top:1px solid #D9D8C5;
	border-left:1px solid #D9D8C5;
	border-right:1px solid #D9D8C5;
}

#tables_orange .preis {
	background-image: url(../images/td_preis.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	border-bottom:1px solid #D9D8C5;
	border-left:1px solid #D9D8C5;
	border-right:1px solid #D9D8C5;
}

#tables_orange .fakten ul {
	width:140px;
	font-size:10px;
	color:#777;
	margin:0 0 0px 0px;
	padding: 0 0 0 0px;
}

#tables_orange .fakten ul li {
	list-style:none;
	line-height:100%;
	padding:3px 0 3px 0;
	margin:0 0 0 0;
	list-style-position: outside;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #D9D8C5;
}
/*	angebot tabelle GRUEN
------------------------------------------------------------------------------*/
#tables_gruen {
}

#tables_gruen .farbe {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#a7cd3a;
	color:#FFF;
	font-size:15px;
	vertical-align:middle;
	height:38px;
	border-top:1px solid #D9D8C5;
	border-left:1px solid #D9D8C5;
	border-right:1px solid #D9D8C5;
}


#tables_gruen .preis {
	background-image: url(../images/td_preis_gruen.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	border-bottom:1px solid #D9D8C5;
	border-left:1px solid #D9D8C5;
	border-right:1px solid #D9D8C5;
}

#tables_gruen .fakten ul {
	width:140px;
	font-size:10px;
	color:#777;
	margin:0 0 2px 0px;
	padding: 0 0 0 0;
}

#tables_gruen .fakten ul li {
	list-style:none;
	line-height:100%;
	padding:3px 0 3px 0;
	margin:0 0 0 0;
	list-style-position: outside;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #D9D8C5;
}


.fakten {
	border-left:1px solid #D9D8C5;
	border-right:1px solid #D9D8C5;
	font-size:11px;
	padding:3px 3px 8px 5px;
}

.angebote {
	font-weight:bold;
	color:#666;
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
}

.euro {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin:10px 0 0 55px;
}

.mwst {
	font-size:10px;
	margin:0 0 0 30px;
	height:18px;
}

.kombi_hinweis {
	font-size:9px;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	height:18px;
	line-height:100%;
}
/*	form
------------------------------------------------------------------------------*/
.message {
	color:#8CAA33;
}

.orange_border {
	border:1px solid #a6cc38;
	color:#555555;
}

checkbox {
	border:1px solid #FFF;
	color:#555555;
}

.ten {
	font-size:10px;
}

/*	footer
------------------------------------------------------------------------------*/
#footer {
	display:block;
	width:100%;
	font-size:11px;
	background-color:#9dc131;
	border-top:3px solid #FE8018;
	text-align:center;
	height:33px;
	color:#FFF;
	padding:17px 0 0 0;
}

#footer a {
	color:#FFF;
	background-image:url(../images/footer_arrow.gif);
	background-repeat:no-repeat;
	margin:0 0 0 30px;
	padding:0 0 0 7px;
}

#footer a:hover {
	color:#FE8018;
}

/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
h1 {
	color:#FFFFFF;
	height:36px;
	width:625px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	padding:7px 0 0 7px;
	margin:0 0 20px 0;
}

/* Headline 2 */
h2 {
	color:#FF9A03;
	width:400px;
	/*
	background-image:url(../images/h2_bg2.jpg);
	background-repeat:repeat-y;
	background-color:#9dc131;
	*/
	font-size:14px;
	font-weight:bold;
	padding:7px 0px 0px 0px;
	margin:0 0 20px 0;
}

/* Headline 3 */
h3 {
	color:#FE8018;
	font-size:12px;
	font-weight:bold;
}

/* Headline 4 */
h4 {
	color:#333;
	font-size:16px;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}

/* Headline 5 */
h5 {
	color:#333;
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
}

/* Headline 6 */
h6 {
	color:#333;
	font-size:11px;
	font-weight:bold;
	margin:13px 0 5px 0;
	background-image: url(../images/trenner_links.jpg);
	background-repeat:repeat-y;
	padding:3px 30px 3px 3px;
}

/*	formular
------------------------------------------------------------------------------*/
input {
	border:1px solid #a6cc38;
	background-color:#FFFFFF;
	color:#333;
	font-size:11px;
	padding:2px 0 2px 2px;
	margin:0 0 5px 0;
}

#button {
	height:19px;
	width:19px;
	margin:0 0 4px 0;
	padding:0px;
	background-image:url(../images/button_arrow.gif);
	background-repeat:no-repeat;
	background-position:center;
}

/*	bilder
------------------------------------------------------------------------------*/
.main img {
	border:1px solid #FE8018;
}