/**********************************************************
Das Basisstylesheet setzt die verschiedenen Vorgaben
auf einen Standardwert zurueck,
welcher ueber die weiteren css eingestellt wird.
Dieses CSS sollte nicht veraendert werden!
***********************************************************/

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 62.5%;
	background-color: #fff;
	color: #000;
}
body,form, h1, h2, h3, h4, h5, h6, div, p, form, table, tr, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
	margin: 0;
	padding: 0;
	background:transparent;
	border:0px;
}
p, li, h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 1em;
}
table {
	clear:both;
	width:100%;
}
/*.clear {clear:both; width:100%; height:1px; overflow:hidden;}*/
.clear {clear:both; width:100%; display:inline;}
.blanktrenner {height:0.1em; overflow:hidden;}
.hidden {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
pre {
	font-size:12px;
}

ul, ul li {
    margin:0px;
    padding:0px;
    list-style-type:none;
}

a img {
	border: none;
}
xmp {
	font-size:12px;
}

body, html, td {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

a {
	color: #333;
	color: #CBC9C9;
	text-decoration:none;
}

table.cart {
	padding: 10px;
	border: 1px solid #000;
	margin-bottom:20px;
}
table.cart th,
table.cart td {
	padding: 5px;
}
table.cart th{
	text-align:left;
	font-weight: bold;
}
tr.border th,
tr.border td {
	border-bottom: 1px solid #000;
}
tr.border,
tr.border {
	border: 1px solid #000;
}
tr.border th td,
tr.border td td{
	border-bottom: none;
}

.color1 {
	background: #eee;
}
.color2 {
	background: #fff;
}
#breadcrumb{
	font-size:18px;
	font-weight:normal;
	min-height:155px;
}

* html #breadcrumb{
	height:155px;
}

.dark #breadcrumb,
.dark h3 {
	color: #fff;
}

.picbox {
	/*width: 115px;*/
}
a.picbox {
	/*width: 125px;*/
	display:block;
	float:left;
	/*margin: 0px 29px 20px 0px;*/
	margin-bottom:20px;
}
#breadcrumb .link{
  text-decoration:none;
  color:#000000;
}
.dark #breadcrumb .link {
	color: #fff;
}
.dark a {
	/*color: #fff;*/
}
.dark a:hover{
	color: #fff;
}

#breadcrumb span.link{
    /* 
    Wenn kein link auf einem Breadcrumb element liegt:
    color:#E0E0E0;*/
}

.dark #breadcrumb span.link{
    color:#eee;
}

#folderNav h3,
#folderNav .siblings{
	font-size:18px;
  font-weight:bold;
  font-weight:normal;
  width:120px;
}

#folderNav .siblings{
    background-color:#E0E0E0;
    float:left;
    clear:both;
    margin-bottom:5px;
    text-align:center;
}

#folderNav .link{
  display:block;
  margin-bottom:2px;
  /*font-weight:bold;*/
  text-decoration:none;
  color:#000000;
}

.dark #folderNav h3{
  color:#FFFFFF;
}
.dark #folderNav .link{
	color: #CBC9C9;
}

#folderNav .link:hover{
  color:#FFA100;
  color:#970f00;
  color:#17A7DC;
}
.dark #folderNav .link:hover{
  color:#fff;
}
a.active,
.dark #folderNav .active,
#folderNav .active{
  font-weight:bold;
  color:#FFA100;
  color:#970f00;
  color:#17A7DC;
}

.pagination {
	text-align:right;
}
.pagination a {
	text-decoration: none;
	font-weight:bold;
	padding-left:10px;
	/*color: #fff;*/
}
.pagination a.active {
	/*color: orange;
  	color:#970f00;*/
}

.tool-tip {
	background: #fff;
	border: 5px solid #fff;
	-moz-border-radius: 5px;
	padding-left:10px;
	padding-right:10px;
}
.tool-tip .tool-title {
	font-weight:bold;
}
.tool-tip .tool-text {
}
.border {
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
}/*
layout.css
*/

html, body  {
	width:100%;
	font-family:Verdana, Arial, sans-serif;
}
body  {
	background:#fff;
}
body#body  {
	background:#ccc;
}
#page {
	width:1000px;
	background:#fff;
	margin-left:auto;
	margin-right:auto;
}
.wrapper {
	float:left;
	clear:both;
	width: 100%;
}
.left {	float:left; clear:both; width: 800px;}
.right {float:right; width: 180px;}

#header {
	background: #fff url(/img/layout/banner.jpg) no-repeat top left;
	height:64px;
	padding-top:168px;
	padding-top:168px;
	float:left;
}
	.headnavi {
		height: 30px;
		line-height: 23px;
		white-space:nowrap;
		display:inline;
	}
	.headnavi a {
	color: #333;
		text-decoration: none;
		padding-right: 20px;
		
	}
	
	.headnavi a:hover{	
		color: #c6d7ce;
		color: #fff;
  		color:#a8bfe2;
	}
	
	.headnavi .right a,
	.headnavi .left a {
		display:block;
		float:left;
		/*width:90px;*/
		margin-left:10px;
		line-height:22px;
	}
	.headnavi a.active {
		color: #ffa200;	
  		color:#970f00;
  		color:#17A7DC;
  		color:#000;
	}
	#header .left {}
	#header .right {}

	#headnavi1 {
		float:left;
		height: 33px;
		margin-left:20px;
		padding-left: 40px;
		/*background: url(/img/layout/navigation_bg.gif) no-repeat top left;*/
		background: transparent url(/img/layout/menu.gif) no-repeat 0 -168px ;
	}
	* html #headnavi{			
		margin-left:10px;
	}
	#headnavi1 .left {
		width: 750px;
		padding-left: 10px;
	}
	#headnavi1 .left a {
		font-size:18px;
		line-height:33px;
		color:#fff;
	}
	#headnavi1 .left a:hover {
		color:#a8bfe2;
	}
	#headnavi1 .left a.active {
  		color:#000;
	}
	#headnavi1 .right {
		width: 180px;
	}
	#headnavi2 {
		height: 30px;
		float:left;
		margin-left:60px;
		/*padding-left: 110px;*/
		padding-left: 10px;
		/*background: url(/img/layout/navigation_bg.gif) no-repeat -60px bottom ;*/
		background: transparent url(/img/layout/menu.gif) no-repeat -60px -202px ;
	}
	#headnavi2 .left {
		width: 650px;
		width: 750px;
		width:623px;
		padding-left:87px;
	}
	#headnavi2 .left a,
	#headnavi2 .right a {
		font-size:13px;
		line-height:30px;
		color: #fff;
	}
	#headnavi2 .right {
		width: 220px;
	}
	
#content {
	background: #fff;
	padding-bottom:20px;
}
	#content .left {
		display:inline;
		width: 760px;
		margin-left: 20px;
		margin-top: 20px;
	}
	#content .right {
		display:inline;
		margin-top: 40px;
	}
	
#content .left .box
{
	padding: 10px;
	border: 5px solid #ccc;
	-moz-border-radius: 5px;
	background:#ccc;
}

#content .right .box {

}

#footer {
	background: #000;
	color: #fff;
	height:25px;
	width:970px;
	padding-top:5px;
	padding-left: 30px;
}
#footer a {
	color: #fff;
	margin-right:10px;
	margin-left:10px;
}
	#footer .left {}
	#footer .right {}

h3{
	font-size:18px;
}/* form.css */

div.search {
	background: url(/img/layout/search_bg.gif) no-repeat left center;
	padding-left:21px;
	border:none;
	height:23px;
	width:124px;
	margin-top:5px;
}
textarea,
input.text {
	border: none;
	background: #e0e0e0;
}

a.button,
input.button{
	background:;
	background: #629415;
	border: 2px solid  #629415;
	color: #fff;
	font-weight: bold;
	height: 26px;
	-moz-border-radius : 8px;
	-webkit-border-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
}

input.search{
  font-size:9px;
  background:transparent;
  border:none;
  color:#333;
}
/*
	800	
	boxbreiten
	1: 155
	2: 310
	3: 465
	4: 620
	5: 775
*/

.german{
	clear:both;
}

.english{
    font-style:italic;
    clear:both;
}
/* \*/
* html .english {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
/* */

#content .tpl {
	clear:both;
	float:left;
	width:775px;
}
#content .tpl .inner {
	padding-left:20px;
}
#content .tpl .left,
#content .tpl .right,
#content .tpl .full {
	margin:0 !important;
}

#content .tpl .full {		clear:both;display:inline;}

/*#content .col3_2 .left {			width: 500px;}
#content .col3_2 .left .left {		width: 155px;}
#content .col3_2 .left .right {		width: 345px;}
*/
#content .col3_2 .left {			width: 65%;}
#content .col3_2 .left .left {		width: 29%; width:155px;}
#content .col3_2 .left .right {		width: 71%; width:345px;}

#content .col3_2 .right {			width: 35%;}



#content .col1_4 .left {			width: 175px;}
#content .col1_4 .right {			width: 600px;}
#content .col1_4 .right .left {		width: 390px;}
#content .col1_4 .right .right {	width: 210px;}





/* nur fuer die TEstausgabe */
/*

#content .col3_2 .left {			background: #aaa}
#content .col3_2 .left .left {		background: #abb}
#content .col3_2 .left .right {		background: #acc}
#content .col3_2 .right {			background: #bbb}
#content .col1_4 .left {			background: #aaa}
#content .col1_4 .right {			background: #bbb}
#content .col1_4 .right .left {		background: #bcc}
#content .col1_4 .right .right {	background: #bdd}
*/.jamArticle{
  
}


.articleText a{
    color:#333;
}
.articleText a:hover{
	text-decoration:underline;
}

.jamArticle h2.articleHead{
    color:#970f00;
    font-size: 16px;
    margin-bottom:20px;
    font-weight:normal;
}

.jamArticle .articleText{
  color: #525252;
}

.articleText .english{
    color:#970f00;
}

.jamArticle .img{
    margin-bottom:10px;
}
/**************************************************************

	MultiBox
	v1.3

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

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(/img/icons/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(/img/icons/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(/img/icons/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(/img/icons/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(/img/icons/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(/img/icons/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}



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

.MultiBoxClose, .MultiBoxPrevious, .MultiBoxNext, .MultiBoxNextDisabled, .MultiBoxPreviousDisabled { 
	behavior: url(iepngfix.htc); 
}