body {
	font-family:	"Trebuchet MS",Arial,Helvetica,sans-serif;
	min-width:		1024px;
}
a {
    text-decoration: none;
    font-size:		12px;
    height:			19px;
    line-height:	20px;
	color:			#A2A2A2;
	font-weight:	bold;
	text-transform:	uppercase;
}
a:hover {
	color:			#30318B;
}
a img {
	border:			none;
}
h1 {
	color:			#A2A2A2;
	font-size:		14px;
	font-weight:	bold;
	text-transform:	uppercase;
}
h2 {
	color:			#A2A2A2;
	font-size:		12px;
	font-weight:	bold;
	text-transform:	uppercase;
}
h3 {
	color:			#A2A2A2;
	font-size:		10px;
	font-weight:	bold;
	text-transform:	uppercase;
}
h4 {
	color:			#A2A2A2;
	font-size:		12px;
	font-weight:	bold;
	text-transform:	uppercase;
	margin:			0;
}
h5 {
	margin:			0;
}
.main {
	font-size:		12px;
    line-height:	21px;
    margin:			0 auto;
    padding:		0;
    width:			980px;
    height:			auto;
}

.readmore {
    background:		url("../layout/link-marker-blue.png") no-repeat scroll 0 0 transparent;
    margin-left:	4px;
    margin-top:		1px;
    width:			100%;
    padding-left:	25px;
    padding-bottom:	3px;
    text-decoration: none;
}
.readmore:hover {
	background-position: 0 -57px;
	color:			#30318B;
}

.floatleft {
	float:			left;
	margin-right:	10px;
}

.floatright {
	float:			right;
	margin-left:	10px;
}

.imgtiny {
	width:			150px;
}

.imgsmall {
	width:			250px;
}

.imgbig {
	width:			450px;
}

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

.formelement {
	display: none;
}

#HEADER {
	background:		url("../layout/nav-bg-blue.gif") repeat-x scroll 0 0 transparent;
    position:		relative;
    width:			100%;
    height:			auto;
    margin-bottom:	10px;
    z-index: 		99;
}
#HOME {
	width: 			60px !important;
}

#CONTENT {
	z-index:		-1;
	padding-bottom:	10px;
}

#LEFT {
	width: 			760px;
	float:			left;
}

.onehalf {
	width:			370px;
	float:			left;
}

.onethird {
	width:			253px;
	float:			left;
}

#LEFT .box {
	background: 	url("../layout/shadow760.png") no-repeat center top transparent;
	padding:		10px 10px 0;
	margin-bottom:	5px;
	clear:			left;
}

#LEFT .box2 {
	background: 	url("../layout/shadow370.png") no-repeat center top transparent;
	padding:		10px 10px 0;
	margin-bottom:	5px;
}

#LEFT .box3 {
	background: 	url("../layout/shadow250.png") no-repeat center top transparent;
	padding:		10px 10px 0;
	margin-bottom:	5px;
}

#RIGHT {
	width: 			220px;
	float:			right;
}

#RIGHT .box {
	background: 	url("../layout/shadow220.png") no-repeat center top transparent;
	padding:		5px 10px 0;
	margin-bottom:	5px;
}

/* FOOTER */
#FOOTER {
	background:		url("../layout/bg.png") repeat scroll 0 0 transparent;
	border-top:		4px solid #D4D4D4;
	padding:		15px 0 15px 0;
	width:			100%;
	height:			60px;
	color:			#A2A2A2;
}
#FOOTER .copy {
	padding:		6px 21px 13px 20px;
	float:			left;
	font-size:		14px;
	font-weight:	bold;
	text-transform:	uppercase;
}
#FOOTER ul {
	float:			right;
	margin:			0;
	list-style:		none;
}
#FOOTER li {
	float:			left;
	padding:		6px 21px 13px 20px;
}
#FOOTER li img {
	vertical-align:	middle;
	padding-right:	4px;
}
#FOOTER a {
	color:			#A2A2A2;
	font-size:		14px;
	font-weight:	bold;
	text-transform:	uppercase;
}
#FOOTER a:hover {
	color:			#30318B;
}

/* Hilfs-Klassen */
.clear {
	clear: 			both;
}
.bold {
	font-weight:	bold;
}
.italic {
	font-style:		italic;
}
.center {
	text-align: 	center;
}

/******************************************************************
 * Styles der JQuery-Elemente
 ******************************************************************/

/*** CEEBOX ***/
.ceebox {
	list-style: 	none;
}

/*** JCAROUSEL-LITE ***/
.jcarousel {
	height:			150px;
	width:			210px;
	padding-right:	10px;
}
.jcarousel li {
	height:			45px;
	width:			200px;
	margin-bottom:	5px;
}
.next, .prev {
	visibility:		hidden;
}

/*** SUPERFISH-MENU ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			184px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	background: 	none repeat scroll 0 0 #30318B;
	width:			100%;
}
.sf-menu ul a {
	background:		url("../layout/nav-divider-horizontal-blue.png") repeat-x scroll right 0 transparent;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
    background:		url("../layout/nav-divider-vertical-blue.png") no-repeat scroll right 0 transparent;
    line-height: 	1;
    list-style: 	none outside none;
    margin: 		0;
    padding: 		0;
    width: 			184px;
}
.sf-menu a {
	display:		block;
	position:		relative;
	color:			#FAFAFA;
    display:		block;
    font-weight:	bold;
    padding:		21px 0 21px 20px;
    text-transform:	uppercase;
}
.sf-menu a:hover, a.active {
    background:		url("../layout/nav-hover.png") repeat-x scroll 0 0 transparent;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			56px; /* match top ul list item height */
	z-index:		999999;
}
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:			184px; /* match ul width */
	top:			0;
}

/*
.sf-with-ul {
    background:		url("../layout/nav-marker.png") no-repeat scroll 150px;
}*/

/*** CHOP SLIDER ***/
/*---------- Main Slider Container----------- */
#slider-border {
	width:			540px;
	height:			360px;
	position:		relative;
	display:		block;
	padding-right:	200px;
	overflow:		hidden;
}
#slider {
	width:			540px;
	height:			360px;
	position:		relative;
	z-index:		1;
	display:		block;
}
/* Every slide must be hidden by default */
.slide {
	display:		none;
}
/* 
   And only the slide with "cs-activeSlide" class must be visible!
   !Reserved Class name. Required class! 
*/
.cs-activeSlide {
	display:		block;
}
/* Container with caption's text. Must be hidden */
.slide-captions {
	display:		none;
}

.slide-text {
	margin-top: 	4px;
	margin-bottom:	4px;
}
/* Container with caption, must be hidden by default */
.caption {
    display:		none;
	background:		url("../layout/caption-bg.png") repeat scroll 0 0 transparent;
    color:			#FFFFFF;
    height:			150px;
    padding:		5px;
    position:		absolute;
    top:			210px;
    left:			0;
    width:			530px;
    overflow:		hidden;
    z-index:		2;
}
/* Container with Pagination buttons */
.pagination {
	background:		url("../layout/nav-bg-slider-blue.gif") repeat scroll 0 0 transparent;
	position:		absolute;
	top:			0px;
    left:			535px;
}
.slider-pagination {
	background:		url("../layout/slider-bg1.png") no-repeat scroll 0 0 transparent;
	position:		relative;
	width:			185px;
	height:			90px;
	color:			#FFFFFF;
	padding-left:	20px;
	cursor:			pointer;
	z-index:		4;
	overflow:		hidden;
}
/* This is a required class for the "Active" pagination button. ! Reserved Class Name ! */
.cs-active-pagination {
	background:		url("../layout/slider-bg2.png") no-repeat scroll 0 0 transparent;
}