/* ALLGEMEINE FORMATIERUNGEN */

html, body {
 height:100%;
 width: 100%;
 margin:0;
 padding:0;
background-color:#f0f0f0; 
}

#box {
    min-height: 100%;
   height:auto !important; /* moderne Browser */
   height:100%; /* IE */
}


a:link, a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#ee7f00;
} 

a:hover, a:active {
	text-decoration:underline;
	color:#ee7f00;
} 

div {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; color:#686f7d;
	padding-left:8px;
}

div.title,div.body,div.extra { padding:0}

div.extra img { margin:0 5px 0 0}
div.extra { margin:0 0 0 -40px;}


h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; color:#ee7f00; weight:bold;
	margin: 0;
	padding:0;
}


h2, .title {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ee7f00;
	font-weight:bold;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; color:#686f7d; weight:bold;
	margin-bottom:4px;
}

.navigation ul {
	padding:0;
	margin-top:5px;
	margin-left:18px;
	font-size:12px;
} 

.navigation li {
	*list-style-image:url(images/layout/quadrat_ie2.gif);
}

.navigation .sub1 li {
	*list-style-image:none;
}


li {
	list-style-image:url(images/layout/quadrat.gif);
	*list-style-image:url(images/layout/quadrat_ie.gif);
	margin-left:2px;
}

.navigation ul.sub1 {
	padding:0;
	margin: 0 0 0 2px;
	font-size:10px;
}

.navigation .sub1 li {
	list-style:none;
	margin:0 0 5px 0;
	line-height:15px;
}

.navigation .sub1 li a {
	font-weight: normal;
	color: #686F7D;
}

.navigation .sub1 li.active a {
	font-weight: bold;
	
}


hr {
	color:#ee7f00;
	size:1;
	noshade;
	width:100%;
	margin-right:15px;
	border-width:1px;
	border-color:#ee7f00;
}


/* HEADER */

.header {
	width: 1024px;
	height: 156px;
	border-right: 1px solid #686f7d;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	position:absolute; 
	top:0; 
	left:0;
	background-image:url(images/layout/header.jpg);
}

.varimage0 {
	width:180px;
	height:100px;
	padding:0px;
	position:absolute; 
	top:21px; 
	left:656px;
}

/*CONTENT und POSITIONSMARKER*/


.middle {
	width:470px;
	position: relative;
	margin-top: 157px;
}

.middle-start {
	width:470px;
	position: absolute;
	left: 189px;
	top: 157px;
}

.position {
	margin-left:0px;
	margin-top:5px;
	width:450px;
	font-size: 10px;
}


.position a:link, a:visited {
	text-decoration: underline;
	color:#ee7f00;
} 

.position a:hover, a:active {
	text-decoration: none;
	color:#ee7f00;
} 

.content {
	margin:0px;
	width:450px;
	margin-top:5px;
	line-height:20px;
}


/*NAVIGATION*/

.navigation {
	width:180px;
	float:left;
	line-height:20px;
	vertical-align:top;
	position:absolute; 
	top:156px; 
	left:0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image:url(images/layout/timeline1.jpg);
}

.navigation a:link, a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#686f7d;
} 

.navigation a:hover, a:active {
	text-decoration:none;
	color:#ee7f00;
} 


/*VARIABLER BEREICH RECHTS*/

.exttimeline {
	width:269px;
	float:left;
	position:absolute; 
	top:-1px; 
	left:551px; 
	/* background-image:url(images/layout/timeline_rahmen.gif); */
}

.exttimeline .middle {
margin:-2px 0 0 0;
	background:url(images/layout/timeline_rahmen-middle.gif) repeat-y;
}


.varimage1 {
	/*
	width:180px;
	height:100px;
	position:absolute; 
	top:100px; 
	left:-5px;
	*/
}

.varimage2 {
	/* 
	width:180px;
	height:100px;
	position:absolute; 
	top:231px; 
	left:-5px; 
	*/
}

.varimage3 {
	/*
	width:180px;
	height:100px;
	position:absolute; 
	top:431px;
	left:-5px; 
	*/
}

.varimage4 {
	/*
	width:180px;
	height:100px;
	position:absolute; 
	top:631px; 
	left:-5px; 
	*/
}
.varimage1 img,
.varimage2 img,
.varimage3 img, 
.varimage4 img {
	border: 2px solid #EE7F00;
	margin: 0 0 20px 0;
}


.news {
	width:300px;
	float:left;
	padding:0px;
	/* border-right:1px solid #686f7d; */
	position:absolute; 
	top:156px; 
	left:658px;
}


.newsbox {
	/*background-position: right top;*/
	background-image:url('images/layout/timeline-home2.png');
	color:#686f7d;
	width:366px;
	margin-left:0;
	padding:10 5px 0 165px;
	border:0 solid #ccc
}

.newsbox h1 { color:#686f7d; padding:0;margin:0}

.newsbox a:link, a:visited {

} 

.newsbox a,.newsbox a:link,.newsbox a:visited {
	font-weight:normal;
	text-decoration:none;
	color:#ee7f00;
	background:url('images/layout/pfeil.png') no-repeat;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	display:block;
}

.newsbox a span { display:block;color:#686f7d;font-size:0.8em}

.newsbox a:hover, a:active {
	text-decoration:underline;
} 

.newsstart {
	position:absolute; 
	top:0; 
	left:0;
}


.news-list-morelink {
	font-size:9px;
	margin-left:0;
	margin-bottom:3px;
}

.news-list-date {
	float: none;
	color: #666;
	text-align: left;
	margin: -10px 0 5px -7px;
	font-size: 9px;
	font-weight: normal;
	background-color: transparent;
}


.newslist h2, .singlenews h2, .title {
border-bottom: 1px solid #ccc;
}

.newslist ul, .newslist li, .singlenews ul, .singlenews li {
	padding:0;
	margin:0;
}

.singlenews ul, .newslist ul {
	margin:0 0 0 15px;
}

.singlenews  .back {
	list-style-image:url(images/layout/quadrat.gif);
}

.newslist h2 a:link, .newslist h2 a, .newslist h2 a:visited {
color:#ee7f00;
}


.clearer {
clear: both;
height:1px;
}


/*HINTERGRUND*/

table {
	height:100%;
	width:100%;
}	


.td1 {
	width:188px;
	background-color: #d2d6dd;
	vertical-align:top;
	border-bottom:1px solid #686f7d;
}


.td2 {
	width:836px;
	vertical-align:top;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#FFFFFF;	
	border-right:1px solid #686f7d;
	border-bottom:1px solid #686f7d;
	padding:0;
}

.outside {
	background-color: #f0f0f0;
	padding-left:0px;
}

.zitat {
margin: 20px 10px 0 10px;
font-size:11px;
font-style:italic;
}

.zitat span {
font-size:9px;
}

.referenz a img {
filter:Gray();
-moz-opacity:0.4;
}


.referenz a:hover img {
filter:none;
-moz-opacity:1;
}

.referenz a {
font-size: 12px
}

.referenz td {
padding:5px;
border-bottom: 1px solid #CCCCCC
}

.referenz .smalltext {
font-size: 11px;
margin: 5px 0 0 15px;
}

.browser a {
border: 1px solid #ccc;
}

.browser a.active {
background-color: #ccc;
}

.tx-jhamazonlinks-pi1 {
margin: -18px 0 0 0;
padding: 0;
}

.tx-jhamazonlinks-pi1 p {
margin: -15px 0 0 0;
width:370px;
}

.tx-jhamazonlinks-pi1 img {
margin: 0;
float: right;
border:1px
}

.exponate1 {
border:0 solid #666; 
background-color:#A0A9A6; 
width:125px; 
height:40px; 
text-align:center; 
vertical-align:middle;
padding-left:0;
font-size:10px;
}

.exponate2 {
border: 0 solid #666; 
background-color:#E2E4E6; 
width:125px;
padding-left:0;
cursor: hand;
font-weight: bold;
height:30px;
color:#333;
}


.exponate3 {
padding-left:0;
}

.exponate1 a {
color:#000; 
font-weight:normal;
}

.exponate1 a:hover {
color:#000; 
font-weight:normal;
}

.navigation a, .navigation a:visited  {
color: #686F7D;
}

td {
font-size:12px;
vertical-align:top;
}

input, textarea {
border: 1px solid #ccc;
}


fieldset {
border: 1px solid #ccc;
}

fieldset input, fieldset textarea {
border: 0px solid #ccc;
font-family: verdana;
font-size: 12px;
width: 99%;
}

ol {
margin:10px 0 0 0;
padding:0;
}

ol li {
	list-style-image:url(images/layout/quadrat.gif);
	*list-style-image:url(images/layout/quadrat_ie.gif);
margin-left:0;
margin:0 0 5px 0;
padding:0;
}