@charset "utf-8";

/* 	
	@author	M. Sauerwald
	
*/

/* Farben ------------------------------------------------------------------------- */
/* 	
	#c71f27 = Rot von Header und Footer
	#77b0f3 = Hellblau der Text-Links
	#959595 = Grau der besuchten Links
	#edd9ca = Orange von Kontaktformular
	
 -------------------------------------------------------------------------------------*/

/* allgemeine Formate ---------------------------------------------------------------------- */
*	{ margin:0; padding:0;  }
body	{ background-color:#fff; font:16px Arial, Geneva, sans-serif; }
a:link, a:visited	{ text-decoration: none; color: #000; }
a:hover	{ text-decoration: underline; }
a:visited { color: #959595; }
.important { color: #c71f27;}
p.bodytext a:link { color:#c71f27; }
body table.htmlarea-showtableborders tbody tr td  { text-indent: 1em; font-size: 0.8em; }

/*p	{ line-height: 1.75em; }*/
b { font-weight: bold; }
h1.csc-firstHeader { color: #000; font-size: 1.1em; margin-bottom: 2em; }
/* Bildunterschriften */
.csc-textpic-caption	{ font-size: 0.8em; color: #aaa; padding-left: 5px;  }
img {  }
#imgLine img { border: none; margin-top: 0px; margin-bottom: -5px; }
#imgLine a.border img { border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
.blue { color: #77b0f3; }
p.address { margin-left: 7em; margin-top: -4.35em; }


/* Struktur -----------------------------------------------------------------------*/
#content { width: 600px;  height: 740px; overflow: auto; padding-top: 50px; padding-right: 50px; top: 20px; left: 344px; position: absolute;  font-size: 0.8em; line-height: 1.75em; }
#footer { clear: left; min-width: 1005px; width: auto; height: 2em; background-color: #c71f27; padding-left: 18px; padding-top: 10px; font-size: 0.7em; }
#globalLinks	{ min-width:450px; left: 630px; bottom: 25px; position: absolute; font-size: 1.1em; }
#header { min-width: 1024px;  height:106px; background-color:#c71f27; position: relative; }
#imgLine { width:154px; margin-top: 0px; overflow: hidden; float: left; }
#lang { left: 925px; top: 20px; position: absolute; }
/*#login { overflow: hidden;  }*/
#logo	{ bottom: 10px; left: 120px;  position: absolute;  }
#logoP { display: none; }
#main { min-width: 950px; max-width: 1200px; position: relative; }
#marginLeft	{  }
#marginRight	{ display: none; }
#menu { width:142px; padding: 10px; margin-top: 100px; float:left; font-size:0.8em; }
#menuh { display: none; }
#print { margin-top: 50px; font-size: 0.8em; padding-left: 50px; }
#print img { border: none; }
#slogan { font-size: 28px; bottom: 25px; left: 18px; position: absolute; }
#sponsor { display: none; }
#sponsorText { display: none; }
#wrap { width: 100%; }

/* Navigation--------------------------------------------------------------------- */

ul	{ list-style-type: none; }
ul li	{  }
#menu ul li, #menu ul ul.subaktiv ul.subaktiv li, #menu ul ul.subaktiv ul.subaktiv ul.subaktiv li  	{ text-align: left; text-transform: uppercase; padding-left: 1em; line-height: 2.5em;  }
ul ul ul li 	{ font-size:1em; }
/* Zeilenhoehe kuerzlich gesehen */
#menu ul ul.subaktiv ul.subaktiv li.cur, #menu ul ul.subaktiv ul.subaktiv li.normal	{ line-height: 1.2em;  }
#menu ul li a	{ color: #000;  }
#menu ul li a:active	{ color: #c71f27;  }
#menu ul li a:visited	{ color: #959595;  }
#menu ul ul li.normal a:visited	{ color: #959595;  }
/* Einruecken der Unterpunkte */
#menu ul ul.subaktiv li.normal, #menu ul ul.subaktiv li.subnormal, #menu ul ul.subaktiv li.subcur, #menu ul ul.subcur li.normal, #menu ul ul.subcur li.subnormal, #menu ul ul.subaktiv li.cur, #menu ul ul.subcur li.cur, #menu ul ul.subaktiv ul.subaktiv ul.subaktiv li  { line-height: 1.25em; margin-left: 0.8em; margin-bottom: 0.5em; font-size:0.9em; }
/* aktuelle Seite */
#menu ul ul.subcur { color: #c71f27; }
/*  aktiver Menuepunkt 1. Ebene */
#menu ul.subaktiv a, ul li.cur  { color: #c71f27; }
/* aktiver Menuepunkt 2. Ebene*/
#menu ul ul.subaktiv li.cur  { color: #c71f27; }
#menu ul ul.subaktiv ul.subcur li.normal { margin-left:0;  }
/* Farbe der nichtaktive Unterpunkte der gleichen Ebene */
#menu ul.subaktiv li.normal a { color: #000; }
#menu ul.subaktiv a:hover { text-decoration: underline;  }
#menu ul.subcur li.normal a, #menu ul.subcur li.subnormal a {  }
#menu ul.subaktiv ul.subcur { margin-left: 1em; color: #000; }
#menu ul.subaktiv ul.subcur li.normal a { color: #f08a8f; }

#globalLinks ul li { width: auto; font: 0.7em Arial, Helvetica sans-serif; float: left; padding-left: 0.9em; margin-right:1em; }
#globalLinks a:link	{ width: 100%; font-weight: normal; }
#globalLinks a:hover	{ text-decoration: underline; }
#globalLinks ul li.aktiv { color:#000; text-decoration: underline; }


/*#menu ul li	{ width: 7em; min-height: 26px; font-size: 1em; text-align: center; float:left; margin: 0; padding: 2px;  }*/
.bodytext a:link	{ color: #77b0f3; }
#footer a { color: #000; }
#footer a:hover { text-decoration: underline; }


/* Formular-Eingaben FE-Login           --------------------------------------------------------------------------------------------------*/
form { margin-top: 4em; margin-bottom: 0; background-color: #edd9ca; padding: 3em; height: 5em;  }
.tx-felogin-pi1	{ margin: 3px 6px ;  color: #c71f27; }
.tx-felogin-pi1 form p	{ float: left; width:20em; font-size: 0.8em; }
.tx-felogin-pi1 h5	{ font-size: 0.9em; }
.tx-felogin-pi1 h4	{ font-size: 1.2em; }
input	{ width: 20em; margin:0;  margin-left: 5em; color: #c71f27;  background-color: #eee; height: 1.9em; border: 1px solid #c71f27; }
input.submit	{width: 7em;  font-size: 0.9em; margin: 0;  background-color: #fff;   }
.felogin-hidden input 	{ border: none; }
input:hover, input.submit:hover 	{ font-weight: bold; background-color: #fff;  }

label	{ width: 6em; text-align: left; margin-top: 1em; margin-left: 1em;   }

/* Kontaktformular
---------------------------------------------------------------------------------------------*/
.tx-spbettercontact-pi1 form { margin-top: 4em; margin-bottom: 0; background-color: #edd9ca; padding: 3em; height: 500px;  }
.tx-spbettercontact-pi1	{ line-height: 1em; font-size: 1em; margin-top: 3em; }
.tx-spbettercontact-pi1 div	{ clear: left; }
.tx-spbettercontact-pi1 label	{ width: 6em; text-align: left; margin-top: 1em; margin-left: 1em; }
.tx-spbettercontact-pi1 input, .tx-spbettercontact-pi1 textarea	{ clear: left; width: 20em; margin:0;  margin-left: 5em; color: #c71f27;  background-color: #eee; height: 1.9em; border: 1px solid #c71f27; }
.tx-spbettercontact-pi1 textarea	{ float: left; width: 32em; height: 18em; margin-top: 1px; margin-left: 4em; }
.tx-spbettercontact-pi1 input:hover, .tx-spbettercontact-pi1 textarea:hover	{ font-weight: bold; background-color: #fff; }
.tx-spbettercontact-pi1 input.submit	{ width: 6em; margin-right:1em; }
.sp_bettercontact_msg	{ font-size: 0.7em; font-weight: bold; color: #990000; }
#sp_bettercontact_info span	{ font-weight: bold; color: #990000 !important;}
#sp_bettercontact_hidden { visibility: hidden; display: none; }



/* spezielle Seitenformatierungen           -------------------------------------------------------------------------------------------------*/

/* für die Indexseite */
#uid1 #imgLine {  width:248px;height: 870px; }
#uid1 #imgLine img { margin: 0px;}
#uid1 #logo	{ left: 260px;  }
#uid1 #content { width: 450px; height: 750px; overflow: auto; left: 484px; position: absolute; }

/* schaltet die aktive Spracheinstellung ab und zeigt nur die zu waehlende Sprache an */
.lang-off	{ display: none; }
/* Link der Spracheinstellung */
.flag { font-size: 0.6em; padding-top:-2em; }

/* aendert bei Aktuell die Breite der Contentspalte 
#uid2 #marginLeft	{ width:360px; float:left;  }
#uid2 #marginRight	{ width: 285px; margin-left: 390px; display: block; }*/

/* aendert bei Kontakt die Hoehe der Contentspalte */
#uid14 #content { height: 760px; }

/* zeigt das Sparda-Bank Logo an*/
#uid41 #sponsor, #uid74 #sponsor { display: inline; width: 100px; height: 32px; float: right; }
#uid41 #sponsor img, #uid74 #sponsor img  { border: none; }
#uid41 #sponsorText, #uid74 #sponsorText { display: inline; color: #959595; font-size: 0.8em; }


/* zeigt auf Sitemap die ImgLine und das Menu nicht an */
#uid15 #imgLine, #uid15 #menu { display: none; }
#uid15 #content { position: static; width: 850px; height: 704px; overflow: visible; margin-left:0; padding: 50px 20px 50px 80px; font-size: 0.8em; }
#uid15 h1.csc-firstHeader { margin-left: -3.5em; }
#uid15 #content #print { display: none; }

/* Sitemap */
.csc-sitemap { margin-left: -4em; width: auto; }
.csc-sitemap ul { width: auto; height: 5em; float: left; font-size: 1.2em; }
/* Menueeintraege 1. Ebene */
.csc-sitemap ul li 	{ width: 11.5em; line-height: 2em;  text-transform: uppercase; margin-bottom: 12em; float: left; }
.csc-sitemap ul li ul li 	{   }
.csc-sitemap ul li a	{ color: #000; font-weight: bold; }
.csc-sitemap ul ul li	{ clear: left; margin-bottom: 0.5em; }
.csc-sitemap ul ul ul li 	{ font-size: 0.85em; width: auto; margin-bottom: 0; }
.csc-sitemap ul li ul li a	{ font-weight: normal; }
.csc-sitemap ul li ul li ul li {  }




/* Logout-Link fuer Frontend-Editing*/
/*
	#logout	{ position: absolute; top: 0; left: 0; }
*/