/******************************************************************************/
/*                                                                            */
/*                      Standartstylesheet fuer BISS                          */
/*                      Copyright 2008 Sunbeam GmbH                           */
/*                            Joeran Fliege                                   */
/*                                                                            */
/******************************************************************************/

/* Farben */

/* #f2f2f2 - hellgrau */
/* #d7d7d7 - grau */
/* #666666 - dunkelgrau (text) */

/* #004494 - hellblau */
/* #214066 - dunkelblau (text) */
/* #323c5f - dunkelblau (NEU) */

/*  780 px */
/* 200 px menue */
/* 80 px header */

/******************************************************************************/
body {
  margin: 0;
  padding: 0;
  font-size: 100.1%;
  font-family: Verdana, Arial, sans-serif;
  color: #214066;
}

/* Elemente unsichtbar, aber nicht unlesbar -  */
.hidden,
#mainnav em	{
	position: absolute;
	left: -1200em;
	top: -600em;
	width: 3em;
}

/******************************** HAUPTWRAPPER ********************************/
#hauptwrapper {
  margin: 0 auto;
  width: 48.9em; /* 780px */ 
  max-width: 90%;
  min-width: 780px;
}


/********************************* TEXT-LAYOUT ********************************/
h2 {
  font-weight: normal;
  font-size: 1.2em;
  margin: 0 0 0.5em 0;
  padding: 0;
}


h4 {
  font-weight: bold;
  font-size: 0.8em;
  margin: 0.5em 0 0.2em 0 !important;
  padding: 0;
}


p {
  font-size: 0.8em;
  margin: 0 0 0.75em 0;
  padding: 0;
  line-height: 1.4em;
}

/* Linklayout */
a:link, a:active, a:visited {
  color: #214066;
}
a:hover, a:focus {
  text-decoration: none;
  background: #214066;
  color: #fff;
}

/* Listenlayout */
#maincontent ul {
  margin: 0.5em 0 1.5em 1em;
  padding: 0;
  font-size: 0.8em;
}

/* Tabellen */
table {
  background: url(../img/form_bg.gif) repeat-x top left #f2f2f2;
  border: 1px solid #d7d7d7;
  font-size: 0.8em;
  margin: 0 0 1em 0; 
}

table td {
  border: 1px solid #fff;
}


/*********************************** HEADER ***********************************/
#headerbalken {
  /* background: #004494; ae 15.04.08
  background-color: #000032; */
  background: #323c5f;
  height: 4px;
}

#service {
  background: #fff;
  height: 80px;
  border: 1px solid #fff; /* opera hoehen fix */
}
/* Logo img-replacement */ 
#service h1 {
  /*
  font-size: 0;
  color: #fff;
  text-indent: -99999;
  width: 180px;
  height: 60px;
  background: url(../img/logo.jpg) no-repeat top left #fff; */
  margin: 10px 0 0 0;
  float: left;
}
#service h1 a:link img, 
#service h1 a:visited img, 
#service h1 a:active img { border: none !important; }

/* Servicemenue */
#servicewrap {
  float: right;
  width: 14em; /* hier aendern, wenn mehr flaggen */
  height: 1.5em;
  margin: 1em 0 0 0;
}

#servicemenu {
  float: left;
  margin: 0.5em 0 0 0;
}
#servicemenu li {
  display: inline;
  font-size: 0.7em;
}
#servicemenu li a:link, #servicemenu li a:active, #servicemenu li a:visited {
  text-decoration: none;
}

/* Sprachumschaltung */
#langswitch {
  text-align: right;
  margin: 0;
  padding: 0;
  font-size: 0.65em;
}
#langswitch li { display: inline; }
#langswitch img { border: none; }

#langswitch a:link, #langswitch a:active, #langswitch a:visited {
  text-decoration: none;
  color: #214066;
}
#langswitch a:hover, #langswitch a:focus {
  background: #214066;
  color: #fff;
}



#header {
  background: url(../img/header.jpg) no-repeat top left #004494;
  height: 120px;
  clear: both;
}
#header img {
  float: right;
}


/********************************** SUCHE *************************************/
.tx-macinasearchbox-pi1 {
  padding: 0;
  margin: -1.65em 0.5em 0 0;
  width: 14em;
  float: right;
}


#search {
  clear: both;
  float: right;
  margin: -1.8em 0 0 0;
  padding: 0;
  height: 25px;
}


#search .submit {
  background: url(../img/search_btn.gif) no-repeat top center;  
  border: none;
  margin: 0;
  height: 20px;
  width: 51px;
  font-size: 0.8em;
}

#search #suchtext {
  background: url(../img/search_bg.gif) no-repeat top left;
  border: none;
  height: 20px;
  width: 145px;
  padding-left: 5px;
  margin: 5px 0 0 0;
  color: #666;
}

/* Suchausgabe */
#text div.tx-indexedsearch-browsebox p, #text p.tx-indexedsearch-noresults,
#text div.tx-indexedsearch-whatis p{
  font-size:1em;
}
#text .tx-indexedsearch-percent {
  font-weight: bold;
}

#text div.tx-indexedsearch {
  margin: 0 1em 1em 0;
  padding: 0 0 0 2.1em;
  font-family: Tahoma, sans-serif;
  font-size: 0.7em;
  line-height: 2em; 
}

#text ul.browsebox li {
  font-size: 1em;
  margin: 0 0.5em 0 0;
}

/*sb resultbrowser*/
p.resultbrowserinfo {
  float: left;
  font-size: 1em !important;
  position: relative;
  background-color: #fff;
  color: #898989;
  border: 1px solid #fff;
}

ul.resultbrowser {
  font-size: 1.4em;
  float: right;
  width: auto;
  list-style: none;
  padding: 0;
}

ul.resultbrowser li {
  float: left;
  padding: 0 0.5em;
}


/*********************************** CONTENT **********************************/
#content {
  background: url(../img/navi_bg_bottom.gif) no-repeat bottom left #fff;
}

#maincontent {
  background: #fff;
  width: 69%;
  float: left;
  margin: 0;
  padding: 0;
}


#maincontent img { margin: 1px; }
#maincontent p.img-caption {
  background: url(../img/form_bg.gif) repeat-x top left #f2f2f2;
  border: 1px solid #d7d7d7;
  margin: 0.5em 0 1em 0; /* verschiebt auch caption */
}
#maincontent .img-above-center img,
#maincontent .img-below-center img {
  float: left;
  clear: left;
}
.img-caption { text-align: left; }

#maincontent ul.img li { list-style: none; }

/* Breadcrumb */
#breadcrumb {
  font-size: 0.7em; 
  margin: 0;
  padding: 2em 0 0 0;
}

#breadcrumb ol {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
  color: #666;
}
#breadcrumb li {
  display: inline;
  margin: 0;
  padding: 0;
}
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:active {
  color: #555;
}
#breadcrumb a:hover,
#breadcrumb a:focus {
  text-decoration: none;
  color: #fff;
}

#breadcrumb span {
  font-weight: bold;
  float: left;
  margin-right: 0.5em;
}

/* Grafikelemente + Formularvolage */
#maincontent .grafik {
  border: 1px solid #d7d7d7;
  background: url(../img/form_bg.gif) repeat-x top left #f2f2f2;
  text-align: center;
  padding: 20px;
}

/********************************** HAUPTMENU *********************************/
#mainnav {
  background: url(../img/navi_bg.gif) no-repeat top right #fff;
  width: 180px;
  float: left;
  padding: 0 20px 0 0;
  font-size: 0.75em;
}

#mainnav .white {
  xborder: 1px solid red;
  width: 100%;
  background: #fff;
  height: 10px;
  display: block;
}


/* Erste Ebene */
#mainnav ul {
  list-style: none;
  margin: 11px 0 0 0;
  /* padding: 0 0 1em 0; */
  padding: 0;
}
#mainnav ul li { background: #eee; } 

#mainnav ul li a:link,
#mainnav ul li a:active,
#mainnav ul li a:visited {
  text-decoration: none;
  display: block;
  padding: 0.8em 0 0.8em 0.5em;
  border-bottom: 1px solid #ddd;
  border-right: 5px solid #ddd;
  font-weight: bold;
  color: #214066;
}
#mainnav ul li a:hover,
#mainnav ul li a:focus {
  background: #fff;
}
#mainnav ul li.act { border-bottom: 1px solid #ddd; }
#mainnav ul li span,
#mainnav ul li a.cur {
  border: none;
  background: #f9f9f9;
  display: block;
  padding: 0.8em 0 0.8em 0.5em;
  font-weight: bold;
}


/* Zweite Ebene */
#mainnav ul li ul {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  border-bottom: 1px solid #ddd;
}
#mainnav ul li ul li.act { border: none; }

#mainnav ul li ul li a:link,
#mainnav ul li ul li a:active,
#mainnav ul li ul li a:visited {
  padding: 0 0 0.8em 2.2em;
  background: #f9f9f9;
  border: none;
  font-weight: normal;
}
#mainnav ul li ul li a:hover,
#mainnav ul li ul li a:focus,
#mainnav ul li ul li a.cur,
#mainnav ul li ul li span {
  font-weight: bold !important; /* important fuer IE6 */
  padding: 0 0 0.8em 2.2em;
}


/* Dritte Ebene */
#mainnav ul li ul li ul {
  margin: 0;
  padding: 0;
  border: none;
}
#mainnav ul li ul li ul li { background: #bbb; }
#mainnav ul li ul li ul li.act { border: none; }
#mainnav ul li ul li ul li a:link,
#mainnav ul li ul li ul li a:active,
#mainnav ul li ul li ul li a:visited {
  padding: 0 0 0.8em 3.2em;
}
#mainnav ul li ul li ul li a:hover,
#mainnav ul li ul li ul li a:focus,
#mainnav ul li ul li ul li span {
  font-weight: bold;  
  padding: 0 0 0.8em 3.2em;

}


/*********************************** TEASER ***********************************/
#mainnav #teaser {
  padding: 1.5em 0;
  border-top: 3px solid #ffcc2a;
  border-left: 1px solid #f2f2f2;
  border-bottom: 1px solid #ddd;
  border-right: 5px solid #ddd;
  background: #fff;
}

#mainnav #teaser h2 { /* sollte eigentlich h3 sein */
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 0.5em 0.8em;
}

#mainnav #teaser p {
  margin: 0 0 0 1em;
}

/******************************* KONTAKFORMULAR *******************************/
#maincontent form	{
	margin-top: 1em;
	max-width: 67em;
	font-size: 0.75em;
	background: url(../img/form_bg.gif) repeat-x top left #f2f2f2;
  border: 1px solid #d7d7d7;
}

fieldset	{
	border: none;
	padding: 1em;
	padding-left: 0;
}

legend	{
	font-weight: bold;
	padding: 1em 0 0 1em;
}

#kontaktform div	{
	margin: 0.5em 0 0.5em 1em;
	padding: 0;
	clear: left;
}

#kontaktform label	{
	display: block;
	float: left;
	width: 10em;
}

#lecturer label	{
	width: 20em;
}

#lecturer label.right	{
	text-align: right;
	padding-right: 0.5em;
	width: 19.5em;
}

#kontaktform div.cbRight	{
	margin-left: 20em;
	padding: 0;
}
#kontaktform div.error	{
	border: 1px solid #B93B3F;
	background-color: #FFFFE0;
	padding: 0.5em;
	margin: 2em 1em 1em;
	width: 92%;
}

#kontaktform div.error h3	{
	font-size: 1em;
}

#sent	{
	height: 30em;
}
#kontaktform label.error	{
	float: none;
	width: 77.3%;
	padding: 0.2em;
	color: #B93B3F;
}

#kontaktform input	{
	width: 21em;
	border: 1px solid #d7d7d7;
}

#kontaktform input.radio,
#kontaktform input.checkbox	{
	width: 1em;
	float: left;
}

#kontaktform input.checkbox #languages_en	{
	clear: left;
}

#kontaktform textarea	{
	width: 30.5em;
	border: 1px solid #d7d7d7;
}

#kontaktform input.submit	{
	margin: 0 0 0 1em;
	width: 8em;
	cursor: pointer;
}

input:hover,
textarea:hover {
	background-color: #ffffdd;
	font-weight: bold;a
}

input:focus,
textarea:focus,
input:active,
textarea:active,
option:focus,
option:active {
	background-color: #ffff66;
	font-weight: bold;
}

input.submit:hover {
	background-color: #D4D0C8;
	font-weight: normal;
}


/***************************** BESTELLFORM temporär kl ************************/

form table {
	font-size: 1em;
}

form table td {
	padding: 1px 3px;
}

.tx-thmailformplus-pi1 .error {
  border: 1px solid #ffcc2a;
  margin: 0;
  padding: 0.5em;
  width: 100%;
}


/************************************ NEWS ************************************/
/* latest ausgabe (news) */
.news-latest-date,
.news-single-date,
.news-list-date {
  font-size: 0.75em;
  color: #666;
}

/* Single Ansicht */
.news-subhead {
  font-weight: bold;
}

/* News-Archiv Liste */
.news-list-text { margin: 0 0 2em 0; }
.news-list-text a,
.news-list-text span {
  font-size: 0.75em;
}


/*********************************** FOOTER ***********************************/
#footer {
  /* background: url(../img/footer_bg.gif) no-repeat top right #004494; ae 15.04.08*/
  background: url(../img/footer_bg.gif) no-repeat top right #000032;
  background-color: #31345A; /* jf - 080421 */
  height: 45px;
  margin: 10px 0 0 0;
  color: #fff;
  font-size: 0.75em;
}
#footer p {
  margin: 0.6em 0 0 1em;
  padding: 0;
}

#footer ul {
  margin: 1.4em 1em 0 0;
  float: right;
}
#footer ul li {
  display: inline;
  font-size: 0.85em;
}

#footer a:link, #footer:active, #footer a:visited {
  color: #fff;
  text-decoration: none;
}


/********************************** SITEMAP ***********************************/
.csc-sitemap a { text-decoration: none; }

.csc-sitemap ul {
  list-style: none;
  font-weight: bold;
}

.csc-sitemap ul ul li {
  list-style: disc;
  font-weight: normal;
  margin-left: 1em;
  font-size: 1.2em;
}
.csc-sitemap ul ul ul { margin: 0 !important; }


/********************************* SONSTIGES **********************************/
.clearer {
  clear: both;
  height: 0;
}

/* Rahmen (um die Referenzen) */
div.border {
  border: 1px solid #d7d7d7;
  margin-bottom: 0.5em;
  padding: 0.5em;
}

/* Bilder nebeneinander (Element below-left) */
.img-below-left ul li {
  float: left;
  margin: 0 1em 0 0;
}
.img-below-left p.img-caption {
  border: 1px solid red;
  margin: 0;
  padding: 0;
}

/* Listenicons PDF */
a.download {
  xpadding: 0 2em 0 0;
  xdisplay: inline;
  xborder: 1px solid red;
  xbackground: url(../img/pdf.gif) no-repeat top right;
}