/* CSS Document */

/*
MR:
- Breiten fuer logoFile und moodPicture angepasst 
- allWrapper auf 780px
- logoWrap: width:955px; entfernt
- logoFile: overflow: hidden
- logoFile: border-left:1px solid #CCCCCC; entfernt
- ul.horizontal Ausrichtung und Abstaende geaendert
- maincontent schmaler gemacht (contentWrap entsprechend verkleinert); padding von 8px auf 10px
- width:950px; bei footer entfernt
- mainNavigation hoehe eingestellt
- Neue Menues angelegt
- einige ids in classen geaendert
- hr Farbe und groessen eingestellt
- Header-Tags sowohl Seitenheader alsauch Contentheader formatiert
- csc-sitemap formatiert
*/


body {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#000;
/*background-image:url(../img/grauverlauf.jpg);*/
background:#FFFFFF;
margin:0;
padding:0;
}

.bodytext { text-align:justify; }

a {
text-decoration:none;
color:#333;

}

a.internal-link {
text-decoration:underline;
color:blue;

}

a:hover {
text-decoration:none;

}

img {
border:none;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bolder;
  color: orange;
margin:0;
padding:0;
}


h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
color:#999;
margin:0;
padding:0;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color:#ccc;
margin:0;
padding:0;
}


h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
color:#ccc;
margin:0;
padding:0;
}



label {
width:110px;
display:block;
font-weight:bold;
}

fieldset {
border:none;
}

/*struktur*/

div.Container1_2 {
width:260px;
float:left;
}

div.Container4_4 {
width:530px;
}

#allWrapper {
width:780px;
margin:auto;
  background-color:#E4E4E4;

    background-image:  url(../img/grauverlauf.jpg);
    background-repeat:repeat-x;
    background-position:left top;
/*background: #F2F2F2 url("../img/grauverlauf.jpg") repeat-x center right;*/
/*background-image:url(../img/grauverlauf.jpg);*/
}

#logoWrap {
height:150px;
background-color:#F2F2F2;
}

#logoFile {
width:227px;
height:150px;
background-color:#F2F2F2;
float:left;
overflow:hidden;
}

#moodPicture {
	width:551px;
	height:150px;
	background-color:#F2F2F2;
	float:left;
	overflow:hidden;
}

#mainNavigation {
	margin:0px;
	padding:0px;
	background: #c0c0c0 url("../img/mainnaviverlauf.jpg") repeat-x center right;
	/*background-image:url(../img/mainnaviverlauf.jpg);*/
	color:#545454;
	height: 39px;
}

#contentWrap {
width:780px;
float:left;
/* padding-bottom:25px; */
}

#naviContent {
	width:200px !Important;
	float:left;
}

#subNavigation {

}

#siteNavigation {
}

ul.siteNavigationList {
  list-style-image:none;
  list-style-type:none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 30px 4px;
}

ul.siteNavigationList li {
  float:left;
  list-style-image:none;
}

ul.siteNavigationList li a {
  color:#333;
  font-size:0.7em;
  text-decoration:none;
  font-weight:bold;
  margin-left:10px;
  
  color: #F06C00;
}

ul.siteNavigationList li a:hover {
  color:#333333;
}

#login {
}

#mainContent {
width:560px;
float:left;
/*background: #c0c0c0 url("../img/grauverlauf.jpg") repeat-x center right; */
/*background-image:url(../img/grauverlauf.jpg);*/
padding: 10px 10px 0 10px;
font-size:0.9em;
}

#rightContent {
width:170px;
float:left;
background: #c0c0c0 url("../img/grauverlauf.jpg") repeat-x center right;
/*background-color:#E6E6E6;*/
padding: 20px 5px 0 5px;
margin-left:20px;
font-size:0.78em;
color:#656565;
}

#rightContent a {
text-decoration:none;
color:#000;
}

#rightContent a:hover {
text-decoration:none;
color:orange;
}

#footer {
	/* width:950px;*/
	height:55px;
	background-color:#E4E4E4;
	border:0px;
	clear:both;
}

/*Horizontale hauptnavigation*/

ul.horizontal   {
  height:33px;
  margin: 0px;
  list-style-image:none;
  list-style-type:none;
  padding: 0px 0px 0px 0px;
  float: right;
}

ul.horizontal li {
  float:left;
  list-style-image:none;
  height:25px;
  background:#C0C0C0 url(../img/mainnaviverlauf.jpg) repeat-x scroll right top;
  padding-top:8px;
}


ul.horizontal li a {
	text-decoration:none;
	color:#333333;
	padding: 0 10px 0 10px;
	font-size:0.8em;
	font-weight:bold;
}

ul.horizontal li a:hover {
	text-decoration:none;
	color: orange;
}

* html ul.horizontal li a:hover {
	color:#FF0000;
}

ul.horizontal li:hover  {
	text-decoration:none;
	background-color:#00FFFF;
	color:#FFFFFF;
}

ul.horizontal li.nav_li_active, ul.horizontal li:hover  {
  background:#C0C0C0 url(../img/mainnaviverlauf-act.jpg) repeat-x scroll right top;
  /*
  text-decoration:none;
  background-color:#FFF;
  color:#FFF !Important;
  border:1px dotted #333;
  border-bottom: 2px solid #FFF;
  */
}

ul.horizontal li.nav_li_active a, ul.horizontal li.nav_li_active a:hover   { 
  color:orange;
}


/*Vertikale Subnavigation*/

ul.vertical {
margin:-10px 0px 0px 0px;
padding:0px;
list-style-image:none;
list-style-type:none;
/*
border-top:1px dotted #333;
border-right:1px dotted #333;
border-left:1px dotted #333;
border-bottom:none;
*/
}


ul.vertical li {
  color: gray;
  margin: 1px 0px 0px 0px;
  padding: 2px 0px 2px 0px;
  border:1px solid gray;
  background-color: #F0F0F0;
  font-size: 0.9em;
}

ul.vertical li:hover, ul.vertical li.subnav_li_active {
  background-color:#FFFFFF;
}

ul.vertical li a {
text-decoration:none;
padding: 2px 0 2px 10px;
}

hr.orange {
  border-top: 0.1pt solid #F06C00;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 10px 10px 10px 10px;
}


/*Footer styles anfang*/

ul.footer  {
height:22px;
margin: 0px 0 0 210px;
list-style-image:none;
list-style-type:none;
padding-top:0px;
}

ul.footer li {
float:left;
list-style-image:none;
}

ul.footer li a {
color:#333;
font-size:0.7em;
text-decoration:none;
font-weight:bold;
margin-left:10px;
}

ul.footer li a:hover {
color:orange;
}

#footerText { float:right; color:gray; font-size:0.68em; margin-right:10px; margin-top:37px;}
#footerImage { float:left; margin-left:10px; }


/*Footer styles ende*/

/*EXT tt_news Styleangaben Start*/

.news-latest-date {
font-size:0.77em;

}

.news-list-item a {
font-size:1.1em;
text-decoration:none;
color:#333;
}

.news-list-item a:hover {
color:orange;
}

.bodytext_small {
font-size:0.8em;
color:#999;
float:left;
}

.bodytext_small img {float:left; }


.news-list-morelink a {
font-size:.9em;
 }

/*EXT tt_news Styleangaben Stop*/


/*csc styles diverse start*/

.csc-textpic-caption {
color:#333;
font-size:.77em;
}
/*csc styles diverse stop*/


/*Dateiverweise*/

.csc-uploads csc-uploads-1 {
width:90%;
}


.external-link-new-window {
color:red;

}

/*content styles start*/

p.csc-frame-frame1 {
font-size:0.85em;
background-color:#efefef;
boder:1px solid #ccc;
}


/*content styles ende */

/*breadcrump*/

div#breadcrump {
margin:0px 0 25px 5px;
padding:0;
color:#333333;
}

#breadcrump a {
margin-right:5px;
text-decoration:none;
color:#333333;
}

#breadcrump a:hover {
text-decoration:underline;
 }
 

/* demoform */
#loginForm {
  margin-left: 10px;
}

#loginForm .loginfield {
  color: grey;
  font-size: 0.9em;
  width: 125px;
}

#loginForm .submitfield {
  color: grey;
  font-size: 0.9em;
  width: 30px;
}

.textOrangeBold {
  color:#F06C00;
  font-size:0.8em;
  font-weight:bold;
  margin: 0px 0px 10px 10px;
}


.csc-sitemap ul li { margin-bottom: 10px; }
.csc-sitemap ul li ul { margin-top: 10px; margin-bottom: 30px; }
.csc-sitemap ul li ul li { margin-bottom: 10x; }
.csc-sitemap ul li ul li ul { margin-top: 10px; margin-bottom: 10px; }

.bodytext {
  line-height: 1.5em;
}

/**/
