body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#254522; padding:0; border:0; margin:0; 
	  background-image:url(../images/bodybg.gif);
	  background-position:top; background-repeat:repeat;
	  }

td { font-size:13px}

#container {width: 980px; margin: 15px auto; color: #06050B; line-height: 130%}

#top { padding:0; margin:0;}

#top h1 { padding: 0; margin: 0; }

#menu { margin:0; padding:0; width:100%; background-image:url(/images/meenubg.gif); background-repeat:repeat-x}

#leftnav	
	{
	display:none;
	background-position:top; min-height:600px; background-image:url(../images/bg_verlauf.jpg);	
	background-color:#999999;	
	float: left;
	width: 160px;
	margin: 0;
	padding: 0em;
	}

#rightnav
	{
	display:none;
	background-position:top; min-height:600px; background-image:url(../images/bg_verlauf.jpg);
	background-color:#999999;
	float: left;
	width: 212px;
	margin: 0;
	padding: 0em;
	padding-top:35px
	}

/** *html #content { margin-top:5px; }	/* Anpassung IE - Abstand zum Contenbt */
	
#content { background-position:top; background-image:url(../images/background.gif); background-position:top; background-repeat:repeat-x; background-color:#FFFFFF; float:left; width:980px; margin:0; padding:0; padding-top:20px; padding-bottom:20px}

#footer {
	width: 980px;
	height:153px;
	clear: both;
	background-color:#003300;
	color:#FFFFFF;
	text-align:left
	}

#footer .titel {
	color:#FFFF00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left
	}

#footer a {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	text-align:left
	}

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

#footer .mini a {font-size:10px; color:#FFFFFF; font-weight:boldd}
#footer .mini a:hover {color:#CCFFCC}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }

#content h1 { font-size:21px; color:#254522; text-decoration:none; font-weight:bold; line-height:22px}
#content h2 { font-size:18px; color:#254522; text-decoration:none; font-weight:bold; line-height:22px}
#content h3 { font-size:14px; color:#254522; text-decoration:none; font-weight:bold; line-height:17px; font-weight:normal}

#contentbox {padding:7px; color:#002a5d;}
#contentbox h1 {font-size:21px; color:#0F1960; text-decoration:none; font-weight:bold; line-height:21px}
#contentbox h2 {font-size:19px; color:#0F1960; text-decoration:none; font-weight:bold; line-height:19px}
#contentbox h3 {font-size:17px; color:#0F1960; text-decoration:none; font-weight:bold; line-height:17px}

.newsboxtitle {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:20px; padding:6px; margin-top:1px}

/* Standard Links */
a { font-family:Arial, Helvetica, sans-serif; font-size:12pt; color:#5892C6; text-decoration:none}
a:hover {text-decoration:none}

/* Listen / CMS / teaser */
a.ListeTitel  {font-weight:bold; font-size:15px; color:#002a5d; text-decoration:none}
a.ListeTitel:hover {font-weight:bold; font-size:15px; color:#000; text-decoration:none}

#Kurztext {font-weight:normal; font-size:12px; color:#000; text-decoration:none}
#smalltext {font-weight:normal; font-size:11px; color:#000; text-decoration:none; text-align:center; color:#333333}


/* Bilder 
#image_thumb {border:1px solid #ccc; margin:4px; padding:4px; background-color:#fff}
#image_detail {border:1px solid #ccc; margin:4px; padding:4px; background-color:#fff}
#image_big {border:1px solid #ccc; margin:4px; padding:4px; background-color:#fff}
*/

/* Portfolio Bilderwechsel */
ul#portfolio {list-style:none; margin:0;padding:0}
#portfolio li {border:0px; padding:0; margin:0px 0px 0px 0px;}
html * ul#portfolio li  {margin:0px 0px 0px 0px; }
ul#portfolio img {border:3px solid #ccc; padding:1px;}
ul#portfolio li a {}

ul#mainportfolio {list-style:none; margin:0;}
ul#mainportfolio li {border:0px; padding:0; margin:0px 0px 0px 0px; text-align:left;}
* html ul#mainportfolio li  {margin:0px 0px 0px 0px;}
ul#mainportfolio img {border:0px solid #fff; padding:0px;}
ul#mainportfolio li a {}

/* Easy Tooltipp */
#tooltip{
	position:absolute;
	background-color:#FFFFFF;
	color:#06050B;
	border:2px solid #ccc;
	padding:6px;
	display:none;
	font:bold 13px/16px Arial, Helvetica, sans-serif;
	z-index:99999;
	max-width:250px;
	-moz-border-radius:7px;
	}
	

/* Scroller Box */
#scroller_container {
 position: relative;
 height: 60px;
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
 font-size: 16px;
 color:#8B0005;
 font-weight:bold;
 word-spacing:2px;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */

.errorbox {background-color:#FF0000; color:#FFFFFF; font-weight:bold; padding:10px; font-size:14px; border:3px solid #000}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/*** SUPERFISH MENUSYSTEM ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:2;
}
.sf-menu {
	line-height:	1.0; width: 100%
	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			227px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			200px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu li a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.3em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			140px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			120px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	background-image:url(/images/meenubg.gif); background-repeat:repeat-x;	

}
.sf-menu a {
	border-right:	0px solid #fff;
	border-top:		0px solid #CFDEFF;
	padding: 		.75em 1.1em;
}
.sf-menu a, .sf-menu a:visited, .sf-menu a:active  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-weight:bold;
	text-transform: uppercase;
}
.sf-menu li {

}

.sf-menu li li {
	background:		#2F602A;
	background-image:url(/images/meenubg.gif); background-repeat:repeat-x;
	border-bottom:1px solid #F1B27C;
}
.sf-menu li li li {
	background:		#2F602A;
}
.sf-menu li:hover, .sf-menu li.sfHover,
 .sf-menu li a:hover  {
	outline:		0;
	color:			#fff;
	text-decoration:none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.1em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.90em;
	top:			1.07em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/** 2. Ebene Background **/
.sf-menu li ul li a {background-color:#2F602A}
.sf-menu li ul li a:hover {background-color:#5f85b0}
a.pfeil {background-image:url(../images/Pfeil.gif); background-position:left; background-repeat:no-repeat;}



/* BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#93FFAE;

    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}