body {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	background-color: #ffffff;
	font-size: 100%; 
	line-height: 1em; 
	font-family: Arial, Tahoma;
	text-align: center;
	background: url(main.jpg) top center no-repeat;
}

.site-center { margin: 0 auto; width: 820px; text-align: left;}

.content	 { margin-top: 162px; color:#4a4a4a; font-size:1em; line-height:1em; }

.top_nav	 { margin-left:5px; font-size:12px; font-weight: bold; }
.top_nav a	 { 
	display:inline-block; 
	width: 115px; 
	height: 35px; 
	background: url(pics/bg_nav.gif) top left no-repeat; 
	text-align: center;
	padding-top: 13px; 
	text-decoration: none;
	color: #7a7a7a;
}

a.aktiv { background: url(pics/bg_nav_a.gif) top left no-repeat; color: #d10205; }

.col-1			{ min-height: 440px; height: 440px; overflow:auto;}
.col-1			{ width:190px; float:left; margin-left: 15px; margin-top: 40px; padding: 0px; }
.col-1 h2		{ display: block; margin-bottom: 10px; font-size: 14px; line-height: 1.5em; color: #d10205;  }
.col-1 h3		{ margin: 0px; font-size: 0.7em; color: #d10205; }
.col-1 .teaser  { min-height: 80px; height: 80px;}
.col-1 p		{ margin: 0px; font-size: 0.7em;}
.col-1 a		{ color:#7a7a7a; text-decoration:none;}
.col-1 a:hover	{ color:#d10205; }
.col-1 img		{ float: left; margin-right: 5px; margin-top: 5px; border: 1px solid #7a7a7a; padding: 1px; }
.col-1 img:hover{ float: left; margin-right: 5px; margin-top: 5px; border: 1px solid #d10205; padding: 1px; }

#col-2				{ width:560px; float:right; margin-right:25px; margin-top: 20px; margin-bottom: 30px; line-height: 1.7em; height: 465px;}
#col-2				{ padding: 0px; font-size: 0.72em; }
#col-2 h1			{ display: block; margin-bottom: 10px; margin-top: 10px; font-size: 18px; line-height: 1.5em;  clear: both; }
#col-2 p a, .col-2 li a				{ text-decoration:none; color:#7a7a7a; }
#col-2 p a:hover, .col-2 li a:hover	{ text-decoration:none; color:#d10205; }
#col-2 ul			{ list-style: square; }
#col-2 .pathway		{ font-size: 0.8em; border: 0; }
#col-2 .pathway a		{ border: 0; color:#7a7a7a; text-decoration: none; }
#col-2 .pathway a:hover	{ border: 0; color:#ee7f00; text-decoration: none; }
#col-2 strong	  { font-weight: bold; color:#d10205;}
#col-2 .img-left  { border: 1px solid #c6c6c6; padding: 3px; float:left;  margin:0 13px 0 0; }
#col-2 .img-right { border: 1px solid #c6c6c6; padding: 3px; float:right; margin:0 0 0 13px; }


.bg_overview	{ background: url(pics/home.jpg) 0 0 no-repeat; height: 300px;}
.overview		{ width: 125px; float:left; margin-left: 1px; margin-right: 0px; height: 200px; padding: 10px; font-size: 0.85em; line-height: 1.4em; margin-top: 0px;}
.overview h2	{ display: block; margin-bottom: 5px; margin-top: 100px; font-size: 14px; line-height: 1.5em;  clear: both; border: 0px; text-align:center; }
.overview a 	{ border: 0px;  color: #7a7a7a; text-decoration: none; }
.overview a:hover { border: 0px; color: #ee7f00; }
.overview img  	{ border: 0px; }

.list li a			{ color:#444a4a; text-decoration:none; line-height:2em;}
.list li a strong	{ color:#ff4400;}
.list li a:hover	{ color:#ff4400;}

.gallery 			{ float: left; margin-bottom: 30px }
.gallery div 		{ float: left; margin-top: 25px; margin-right: 25px; display: block; width: 126px; text-align: center; }
.gallery img 		{ border: 1px solid #c6c6c6; padding: 2px; }
.gallery img:hover	{ border: 1px solid #ee7f00; padding: 2px; }

.gallerynav a		{ color:#7a7a7a; text-decoration:none; line-height: 25px; font-size: 12px;}
.gallerynav a:hover	{ color:#d10205; }

.footer			{ font-size: 0.72em; color:#f4f4f4; clear:both; margin-left: auto; margin-right: auto; margin-top: -20px; }
.footer a		{ text-decoration:none; color:#f4f4f4; border-bottom: 0px dotted #f4f4f4; }
.footer a:hover	{ text-decoration:none; color:#ffffff; border-bottom: 1px dotted #ffffff; }

#files { margin-top: 20px; clear: both;}s
#files a:link  		{ padding-left: 18px; background-image: url(pics/icon_attachment.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0}
#files a:hover 		{ padding-left: 18px; background-image: url(pics/icon_attachment.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0; text-decoration: underline;}
#files a:visited  	{ padding-left: 18px; background-image: url(pics/icon_attachment.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0}

#links { margin-top: 20px; clear: both;}
#links a:link  		{ padding-left: 18px; background-image: url(pics/icon_world.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0}
#links a:hover 		{ padding-left: 18px; background-image: url(pics/icon_world.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0; text-decoration: underline;}
#links a:visited  	{ padding-left: 18px; background-image: url(pics/icon_world.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0}

#video { margin-top: 20px; clear: both;}
#video a:link  		{ padding-left: 18px; background-image: url(pics/action_go.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0}
#video a:hover 		{ padding-left: 18px; background-image: url(pics/action_go.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0; text-decoration: underline;}
#video a:visited  	{ padding-left: 18px; background-image: url(pics/action_go.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0}

#foto 				{ width:120px; height:90px; float:left; background-color:#f4f4f4; margin-right: 9px; margin-bottom: 10px; text-align:center; border: 1px solid #cccccc; padding: 2px; }
#foto_overview 		{ width:120px; height:110px; float:left; background-color:#f4f4f4; margin-right: 9px; margin-bottom: 10px; text-align:center; border: 1px solid #cccccc; padding: 2px; }
#foto_overview a		{ color:#d10205; text-decoration:none; font-size: 12px;}
#foto_overview a:hover	{ color:#d10205; text-decoration:underline; }

.partner 			{ width: 230px; height: 110px; float:left; }
.partner img		{ margin-right: 10px; margin-bottom: 10px; display:block; }

/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

body {

}

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.scroll-pane {
	overflow: auto;
	float: left;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}