/* MAIN DEFINITIONS */

#html, body {
	background-color: #0c2342;
	height: 100%;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	margin: 0;
	padding: 0;
	background-image: url("../pics/main-bg.png");
	background-repeat: repeat-x;
}

* {
	border: 0;
	padding: 0;
	margin: 0;
}

h1 {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 30px;
	color: #782545;
}

h2 {
	margin: 13px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #444;
}

h3 {padding: 10px 0;}

p {padding: 5px 0;}


/* RTE KLASSEN */
.kapitaelchen {font-variant: small-caps;}
img.no-border {border: 0px !important;}


a, a:visited, a:active {
	color: #3e6f94;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

ul, li {list-style-type: circle;}

hr { 
	height: 1px;
	color: #CCC;
	margin-bottom: 30px;
}

img {
	padding: 0; 
	margin: 0;
	border: 0;
}


p.bodytext img, 
dl.csc-textpic-image img, 
dl.csc-textpic-image dt img {
	padding: 5px;
	margin: 0px 10px 15px 0px;
	text-align: center;
	border: 1px solid #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.csc-textpic-image,
.csc-textpic-intext-right {
	padding-right: 12px;
}


.align-center {
	text-align: center;
}


.align-right {
	text-align: right;
}

#main {
	margin: 0 auto;
	width: 932px;
	height: 100%;
	background-image: url("../pics/bg-middle.jpg");
	background-repeat: repeat-y;}

#top {
	clear: right;
	width: 932px;
	height: 20px;
	background-image: url("../pics/bg-top.png");
	background-repeat: no-repeat;	
}

#header {
	margin: 0 auto;
	width: 932px;
	height: 198px;
	background-image: url("../pics/bg-header.jpg");
	background-repeat: no-repeat;
	overflow: visible;	
}

#middle {
	width: 932px;
	min-height: 300px;
	padding-top: 30px;
	background-image: url("../pics/bg-middle.jpg");
	background-repeat: repeat-y;	
}

#top-navi {
	margin: 0 auto;
	padding-right: 50px;
	font-size: 10px;
	text-align: right;
	width: 932px;
	height: 25px;
	margin-top: 25px;
	color: #DDD;
}

#top-navi a, #top-navi a:visited, #top-navi a:active, #top-navi a:hover {
	color: #DDD;
	text-decoration: none;
	font-size: 10px;
}

#top-navi a:hover { text-decoration: underline; }

#logo { 
	padding: 18px 0 0 20px;
	width: 221px;
	height: 56px;
}


/* MAIN NAVIGATION */

#navi {
	float: right;
	margin: 84px 0 0 0;
	width: 650px;
	height: 46px;
	color: #CCC;
}

.mainnavi {
		float: left;
		margin: 0px 0 0 0px;
		padding: 11px 16px 14px 16px;
		color: #FFF;
		font-size: 15px;
		text-transform: uppercase;
		letter-spacing: 1px;	
}

.mainnavi:hover {
	background-image: url("../pics/navi_hover.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
}

.navi-divider {
	float: left;
	padding: 11px 4px 14px 4px;
	text-align: center;
}


.mainnavi a, .mainnavi a:hover, 
.mainnavi a:active, .mainnavi a:visited {
	color: #FFF; text-decoration: none;
}

a.navbutton {padding:0px 0 0 1px;}


/* CONTENT LEFT / LEFT NAVIGATION */
/* ****************************** */

#content-left {
	float: left;
	width: 232px;
	min-height: 300px;
	padding: 15px 0 0 28px;
}

* html #content-left {  
 /* CSS-Hack für IE6 und kleiner */  
	padding: 0 0 0 28px;
}

/* FIRSTLAYER NORMAL STATE */
#content-left div.firstLayer div {
	height: 20px;
	font-size: 14px;
	color: #606060;
	font-weight: lighter;	
	padding: 4px 0 3px 20px;
	margin: 10px 0;
	background-image: url("../pics/arrow_firstlayer-trans.png");
	background-position: top left;
	background-repeat: no-repeat;
}

/* FIRSTLAYER HOVER STATE */
#content-left div.firstLayer div:hover {
	background-color: #E9E9E9;	
	padding: 4px 0 3px 20px;
	margin: 10px 0;
	background-image: url("../pics/arrow_firstlayer-trans.png");
	background-position: top left;
	background-repeat: no-repeat;
}

/* FIRSTLAYER LINK DEFINITIONS */
#content-left div.firstLayer a, 
#content-left div.firstLayer a:active,
#content-left div.firstLayer a:visited {
	font-size: 14px;
	color: #606060;
	font-weight: lighter;
	text-decoration: none;	
}


/* ACTIVE STATE ALL LAYERS */
#content-left div.submenuActive  {
	background-color: #E9E9E9;
}

/* SECONDLAYER NORMAL STATE */
#content-left div.secondLayer div {
	margin: 10px 0 10px 17px;
	padding: 4px 0 3px 15px;
	background-image: url("../pics/arrow_secondlayer-trans.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 14px;
	color: #606060;
	font-weight: lighter;	
}

/* SECONDLAYER HOVER STATE */
#content-left div.secondLayer div:hover {
	background-color: #E9E9E9;	
	margin: 10px 0 10px 17px;
	padding: 4px 0 3px 15px;
	background-image: url("../pics/arrow_secondlayer-trans.png");
	background-position: top left;
	background-repeat: no-repeat;
}

/* SECONDLAYER LINK DEFINITIONS */
#content-left div.secondLayer a, 
#content-left div.secondLayer a:active,
#content-left div.secondLayer a:visited {
	font-size: 12px;
	line-height: 14px;
	color: #606060;
	font-weight: lighter;
	text-decoration: none;		
}

/* THIRDLAYER NORMAL STATE */
#content-left div.thirdLayer div {
	margin: 2px 0 2px 27px;
	padding: 4px 0 3px 15px;
	background-image: url("../pics/arrow_secondlayer-trans.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 14px;
	color: #606060;
	font-weight: lighter;	
}

/* THIRDLAYER HOVER STATE */
#content-left div.thirdLayer div:hover {
	background-color: #F0F0F0;	
	margin: 2px 0 2px 27px;
	padding: 4px 0 3px 15px;
	background-image: url("../pics/arrow_secondlayer-trans.png");
	background-position: top left;
	background-repeat: no-repeat;
}

/* THIRDLAYER LINK DEFINITIONS */
#content-left div.thirdLayer a, 
#content-left div.thirdLayer a:active,
#content-left div.thirdLayer a:visited {
	font-size: 12px;
	line-height: 14px;
	color: #606060;
	font-weight: lighter;
	text-decoration: none;		
}



#content h1 {
	color: #3e6f94;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;	
	letter-spacing: 0px;
	margin: 15px 0 15px 0;
}

#content-left h1,
#content h1.page-title {
	color: #FFF;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;	
	letter-spacing: 1px;
	height: 21px;
	padding: 0px 30px 0 7px;
	margin-bottom: 15px;
	background-color: #3e6f94;
	background-image: url("../pics/corner_top-left.gif");
	background-position: top left;
	background-repeat: no-repeat;	
}

#newsletter {
	vertical-align: top;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #CCC;
	font-size: 12px;
}


/* MAIN CONTENT AREA */

#content {
	width: 617px;
	min-height: 300px;
	padding: 0 30px 1px 285px;
}

/* IE7 Border Box hack */
*+html #content {
	width: 600px;
	min-height: 300px;
	padding-bottom: 1px;
	padding-left: 20px;
}


/* FOOTER AREA */

#bottom {
	clear: left;
	width: 932px;
	height: 128px;
	margin-top: 20px;
	background-image: url("../pics/bg-bottom.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #AAA;
	font-size: 10px;
	line-height: 14px;	
}

#bottom h3 {
	margin: 14px 0 10px 0;
	padding: 0px;
	color: #999;
	font-size: 10px;
}


#bottom a, #bottom a:visited, #bottom a:active, #bottom a:hover {
	color: #AAA;
	text-decoration: none;
}


#footer-left {
	float: left;
	width: 230px;
	margin: 0 0 0 28px;
	border-top: 1px solid #E8E8E8;	
}

/* IE7 Border Box hack */
*+html #footer-left {
	margin: 0 0 0 22px;
}

#footer-right {
	width: 631px;
	min-height: 160px;
	margin: 0 0px 1px 285px;
	border-top: 1px solid #E8E8E8;	
}

/* IE7 Border Box hack */
*+html #footer-right {
	margin: 0 0px 1px 275px;
}

.footer-adress {float: left; width: 154px;}
.footer-adress h4 {font-size: 10px; font-weight: bold; margin: 10px 0 5px 0; color: #999;}


/* MAILFORM DEFINITIONS FOR CONTACT*/
label { display: block; float: left; width: 80px;}
input {width: 200px; height: 18px; border: 1px solid #CCC; color: #555; margin: 2px;}
textarea {width: 200px; border: 1px solid #CCC; color: #555; margin: 2px;}
input.csc-mailform-submit {background-color: #AEAEAE; color: #FEFEFE; width: 64px; height: 20px; margin-left: 220px; font-size: 10px;}

.csc-form-label,
.csc-form-label-req {font-size: 12px;}


/* MAILFORM DEFINITIONS FOR NEWSLETTER SUBSCRIPTION*/
#newsletter form, fieldset {border: 0; padding: 0; margin: 0;}
#newsletter input {border: 1px solid #CCC; color: #555; padding: 0; margin: 0; width: 160px; height: 18px; float: left;}
#newsletter form {margin: 10px 0 40px 0;}
#newsletter input.csc-mailform-submit {background-color: #AEAEAE; color: #FEFEFE; float: right; width: 64px; height: 20px; font-size: 10px;}


/* TABLE DEFINITIONS */

.contenttable {
	border: 0; 
	background-color: #FFF; 
	font-size: 12px;
}



/* STYLES FOR NEWS PLUGIN */
.clearer {
	height: 1px;
	border:0;
	color: #AAA;
	background-color: #AAA;
	margin: 10px 10px 5px 0;
}

.news-list-item h3 {
	color: #782545;
	font-size: 16px;
	font-weight: bold;
}


.news-list-date {
	font-size: 10px;
	color: #AAA;
	float: right;
	padding: 10px 0 10px 0px;
	margin: 0;	
	margin-right: 10px;
	font-weight: normal;
}

.news-list-morelink {
	font-size: 10px;
}

/*.news-list-container IMG {
	float: left;
	border:1px solid #AAA;
	margin-bottom:5px;
	margin-right:5px;
}
*/

.news-list-imgcaption {
	float: left;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;
	padding: 0px;
	margin: 0px;
}


.news-latest-morelink {
	font-size: 10px;
	padding-bottom: 10px;
}


.news-single-timedata {
	color: #AAA;
	font-size: 10px;
	float: right;
	padding: 0px 0 10px 0px;
	margin: 0;	
	margin-right: 10px;
}



.news-single-img {
	float: left;
	margin: 0px 10px 10px 0;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #AAA;
	text-align: center;
}

.news-latest-container img {
	float: left;
	padding: 5px;
	margin: 0px 10px 15px 0px;
	text-align: center;
	border: 1px solid #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.news-single-imgcaption {
	font-size: 10px;
	padding:0px;
	margin: 0px;
	clear:both;
}

.news-single-item h1 {
	display: inline;
	margin: 0px;
}

.news-single-item h2 {
	margin: 0px;
}

.news-single-item h3 {
	padding: 0px;
	color: #3e6f94;
	font-size: 16px;
	font-weight: bold;
}


.news-single-item hr {
	clear: both;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-right: 10px;
}

.news-single-backlink {
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.tx-ttnews-browsebox {
	color: #999;
}

.tx-ttnews-browsebox a,
.tx-ttnews-browsebox a:visited,
.tx-ttnews-browsebox a:active {
	color: #999;
	text-decoration: none;
	font-weight: normal;
	display: block
}

.tx-ttnews-browsebox-SCell a,
.tx-ttnews-browsebox-SCell a:visited,
.tx-ttnews-browsebox-SCell a:active {
	color: #3e6f94;
	font-weight: bold;
	display: block
}


.news-list-container {
	min-height: 200px;	
}

.box {
	border-bottom: 1px solid #AAA;
	padding-bottom: 10px;
	margin-bottom: 15px;
	width: 490px;
}

.box h2 {
	font-weight: bold;
	color: #3e6f94;	
	margin-bottom: 10px;
}

.box_content img {
	float: left;
	margin: 0 20px 20px 0;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #AAA;
}
	
.box p {margin: 0; padding: 0;}

.box_content {
	min-height: 95px;
}

.csc-sitemap ul {margin-bottom: 15px;}

.csc-sitemap li {list-style-type: circle; font-size: 16px;margin-left: 20px;}

.csc-sitemap li li {list-style-type: bullet; font-size: 13px; margin-left: 15px; color: #999}

.csc-sitemap li li li {list-style-type: bullet; font-size: 12px; margin-left: 15px; color: #999}
