/* -----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
Chris Weinmann, Joe Schäfer - Grafikbuero GEBHARD|UHL, Freiburg 
http://www.gebharduhl.de

Copyright (c) 2009 GEBHARD|UHL 
-----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------*/

/*----------------General Rules-------------*/
* {
  margin: 0;
  padding: 0;
}
html {
  height:100%;
  background: #fff url(../images/bg.png) left top repeat-x;
}
body {
  background: transparent url(../images/bg_2.png) center top no-repeat;
  color:#575858;
  font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  font-size:12px;
  height:100%;
}
*>body {
  background: transparent url(../images/bg_2.png) center -20px no-repeat;
}
*+html body {
  background: transparent url(../images/bg_2.png) center top no-repeat;
}
a {
  color:#163e91;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.alt {
  display: none;
}
img {
  border: 0;
}
.left {
  float:left;
}
.right {
  float:right;
}
/*----------------General Rules-------------*/
/*----------------General Layout-------------*/
#wrapper {
  position: relative;
  width:980px;
  margin: 0 auto;
  text-align: left;
  padding-bottom:30px;
}
/*----------------Header-------------*/
#header h1 {
  padding:0;
  margin:0;
}
#header h1 a{
  display:block;
  width:225px;
  height:80px;
  position: absolute;
  top:35px;
  left:0;
}
/*----------------Header-------------*/
#mood {
  display: block;
  width:980px;
  height:290px;
  margin-top:20px;
}

#breadCrumb {
  height:32px;
}
#breadCrumb p {
  font-size:11px;
  line-height:35px;
}
#id_home #breadCrumb p {
  display:none;
}
#breadCrumb p a{
  text-decoration: none;
}
#languageSelector {
  float:right;
  text-align:right;
  padding-right:10px;
  height:32px;
}
#languageSelector .tx-srlanguagemenu-pi1 div{
  float:left;
  padding-top:10px;
  margin-left:10px;
}
#languageSelector .tx-srlanguagemenu-pi1 a{
  text-decoration: none;
  font-size: 10px;
}
/*----------------mainNav-------------------*/
#mainNav ul {
  border-top:1px solid #939393;
  border-bottom:1px solid #939393;
  height:32px;
  clear: both;
  list-style: none;
}
#mainNav ul li{
  float:left;
  font-size:22px;
  text-align:center;
  padding:0 10px 0 10px;
  line-height: 32px;
  background: url(../images/mainNav-Trenner.gif) top right no-repeat;
  text-indent: -9999px;
}
#mainNav ul li.last{
  background: none;
}
#mainNav ul li a{
  text-decoration: none;
  display:block;
  background-repeat: no-repeat;
  
}
#mainNav ul li a:hover{
  background-position: 0 -35px;
}

#mainNav ul li.active a{
  background-position: 0 -70px;
}

#mainNav ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html #mainNav ul {
  height: 1%;
}
/* End hide from IE-mac */
/*----------------mainNav-------------------*/

/*----------------subNav-------------------*/
#subNav {
  width:195px;
  margin-top:30px;
}
#subNav ul {
  list-style: none;
}

#subNav ul li{
  font-size: 15px;
  padding-left:0px;
  padding-top:8px;
  padding-bottom:8px;
  text-indent:-9999px;
}
#subNav ul li a{
  color: #575858;
  text-decoration: none;
  display:block;
  width:175px;
  background-repeat: none;
  border-bottom:1px solid #939393;
  background-position: 10px 0px;
}
#subNav  ul li a:hover{
  background-position: 195px 0px;
}

#subNav  ul li.active a{
  background-position: 195px 0px;
}
/*----------------subNav-------------------*/
/*----------------subNav2-------------------*/
#subNav .subNav2 {
  width:195px;
  margin-top:10px;
  margin-bottom:15px;
}
#subNav .subNav2 {
  list-style: none;
}

#subNav .subNav2 li{
  font-size: 15px;
  padding-left:20px;
  padding-top:8px;
  padding-bottom:2px;  
  text-indent: 0;
  font-size:13px;
}
#subNav .subNav2 li a{
  color: #575858;
  text-decoration: none;
  display:block;
  background-repeat: none;
  border-bottom: none;
}
#subNav .subNav2 li a:hover{
  color:#163e91;
}

#subNav .subNav2 li a.active {
  color:#163e91;
}
/*----------------subNav2-------------------*/

/*----------------quickLinks-------------------*/
#quickLinks {
  width:195px;
  margin-top:30px;
}
#quickLinks ul {
  list-style: none;
}

#quickLinks ul li{
  font-size: 15px;
  padding-left:20px;
  padding-top:8px;
  padding-bottom:8px;
  border-bottom:1px solid #939393;
  background: url(../images/quickLink-Icon.png) top right no-repeat;
  text-indent:-9999px;
}
#quickLinks ul li a{
  color: #575858;
  text-decoration: none;
  display:block;
  width:175px;
  height:19px;
  background-repeat: none;
}
#quickLinks ul li a:hover {
  background-position: 0 -20px;
}
#quickLinks ul li.active a{
  background-position: 0 -40px;
}

/*----------------quickLinks-------------------*/

/*----------------log-in-------------------*/
#login {
  width:175px;
  margin-top:15px;
  padding-left:20px;
  border-bottom:1px solid #939393;
}
#login h3 {
  font-size:13px;
  font-weight:bold;
  margin-bottom:9px;
}
#login fieldset {
  border:0;
}
#login input {
  border:1px solid #ccc;
  width:128px;
  margin-bottom:3px;
  font-size:11px;
  padding:1px;
}
#login label {
  font-size:11px;
  margin-bottom:10px;
}
#login .loginSubmit {
  float:left;
  width:40px;
  height:20px;
  border:none;
  margin-left:130px;
  margin-top:-44px;
}
/*----------------log-in-------------------*/

#rightContent #untenRechts {
  margin-top: 15px;
  text-align: center;
  border-bottom:1px solid #939393;
}
#rightContent #untenRechts img {
  margin-top: 15px;
}

/*----------------newsletter-------------------*/
#tt_address_form input {
  border:1px solid #ccc;
  width:225px;
  margin-bottom:3px;
  font-size:11px;
  padding:1px;
  float:left;
}
#tt_address_form label {
  font-size:12px;
  margin-bottom:10px;
  line-height: 20px;
  display: block;
  width:95px;
  float:left;
  clear:both;
}
#tt_address_form .tt_address_submit {
  height:20px;
  border:none;
  clear: both;
  margin-left:95px;
}
#tt_address_form p.dmail_mandatory {
  clear:both;
  color:#ff0000;
}
/*----------------newsletter-------------------*/


/*----------------content Layout-------------------*/
#left {
  display: block;
  width: 234px;
  float:left;
}
#mainContentContainer {
  margin-left:220px;
}
#mainContent {
  width:510px;
  float:left;
  padding-top:30px;
  padding-right:20px;
}
#mainContentContainer:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html #mainContentContainer {height: 1%;}
/* End hide from IE-mac */
#mainContent a {
  color:#163e91;
  text-decoration: underline;
}
#mainContent a:hover {
  color:#163e91;
  text-decoration: none;
}

#rightContent {
  display: block;
  width: 195px;
  float:right;
}
/*----------------rte Classes-------------------*/
#mainContent p {
  line-height:20px;
  margin-top:0px;
  margin-bottom:20px;
  margin-right:25px;
}
#mainContent h1 {
  padding-bottom:0px;
  color:#163e91;
  font-weight:bold;
  font-size:22px;
  line-height:40px;
  font-weight:normal;  
}
#subNav h1 {
  padding-bottom:0px;
  color:#163e91;
  font-weight:bold;
  font-size:22px;
  line-height:40px;
  font-weight:normal;  
}
#mainContent h2 {
  margin-top:10px;
  padding-bottom:8px;
  color:#163e91;
  font-weight:bold;
  font-size:18px;
  line-height:40px;
  font-weight:normal;  
}
#mainContent h3 {
  margin-bottom:10px;
  color:#575858;
  font-weight:bold;
  font-size:13px;
  line-height: 20px;
  clear:both;
}

#mainContent .csc-textpic h3 {
  clear:none;
}

#mainContent ul {
  padding:3px 20px 8px 20px;
  line-height:20px;
  list-style:none;
}
#mainContent ul li {
  background: transparent url(../bilder/bullet.gif) 0px 5px no-repeat;
  padding-left:11px;
}
#mainContent ol {
  padding:3px 20px 8px 20px;
  line-height:20px;
}
#contentRight ul.csc-menu-5{
  padding:3px 10px 8px 10px;
  line-height:20px;
  list-style:none;
}
/*----------------rte Classes-------------------*/
/*----------------content Layout-------------------*/
#mainContent img {
  padding:2px;
}
#mainContent img.spacer-gif {
  padding:0px;
  border:none;
}

/*----------------footer-------------------*/
#footer {
  padding:0px 0px 15px 0px;
  height:25px;
  line-height:25px;
  clear:both;
  display: block;
  margin-top:25px;
  border-top:1px solid #939393;
}
#footer p {
  color:#4b4a4b;
  font-size:11px;
}
#footer p a{
  text-decoration: none;
  margin-left:7px;
  margin-right:7px;
}
#footer p a:hover{
  color:#575858;
}
/*----------------footer-------------------*/
/*----------------news-------------------*/
.news-latest-item {
  margin-bottom:20px;
  border-bottom: 1px solid #e5e3dc;
  clear:both;
  padding-bottom:10px;
}
.news-latest-item h2 {
  font-size:14px;
  font-weight: bold;
}
.news-latest-item .news-latest-text p{
  line-height:20px;
  margin-top:0px;
  margin-bottom:8px;
  margin-right:5px;
  
}
.news-latest-item .news-latest-date{
  line-height:20px;
  margin-top:0px;
  margin-bottom:3px;
  background-color: #e5e3dc;
  padding:2px;
}
.news-latest-item .news-latest-date p{
  margin-bottom:0px !important;
}
.news-latest-image {
  float: right;
  margin-right:5px;
}
.news-latest-text {
}

.newsList {
  margin-bottom:20px;
  border-bottom: 1px solid #e5e3dc;
  margin-right:25px;
}
.newsList .news-list-date {
  line-height:20px;
  margin-top:0px;
  margin-bottom:3px;
  background-color: #e5e3dc;
  padding:2px;
  margin-right:0px!important;
}



/*----------------news-------------------*/

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* Default selector for indentation.*/
div.indent { margin-left: 2em; }

/* FACEBOOK Seitenleiste */
#untenRechts { position: relative; }
#untenRechts .fb_logo {
  display:inline-block;
  position:absolute;
  top:-16px; left:0;
}
#untenRechts .fb_title {
  text-align:left;
  display:inline-block;
  margin-left: 40px;
  margin-bottom: 12px;
}
#untenRechts .fb_button {
  text-align:left;
  display:inline-block;
  margin-left: 38px;
  margin-bottom: 6px;
}