body, body.intropage		{ margin: 10px 0 10px 0; background: #b3c1c9 url(/fileadmin/media/_statics/2010-8-17-bg-site.gif) repeat-x;}
body.intropage				{ margin: 10px 0 0 0; background: url(/fileadmin/media/_statics/bg-intropage.gif) repeat-x #94a6b0; }
body.kinointro				{ background: #00608e url(/fileadmin/media/_statics/1-intro-bg.gif) left top repeat-x; padding: 0; margin: 0; overflow: hidden; }
#topline 					{ background: url(/fileadmin/media/_statics/bg-page.gif) repeat-x; }
td, p, div 					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: top; }
* :focus 					{ outline: none; }

/* intro */
.introfirstline, .introsecline, .introcolorstripes, .introlastline { border: solid #000; }
.introfirstline { background: #00588e; color: #fff; /*font-size: 28px;*/ font-weight: bold; padding: 30px 20px 0 20px; margin-top: 10px; border-width: 1px 1px 0 1px; }
.introsecline { border-width: 0 1px 0 1px; }
.introcolorstripes { border-width: 0 1px 0 1px; }
.introlastline { border-width: 0 1px 1px 1px; }

/* 21-4-09 
Aenderung: Menue-TD wird nach unten durchgezogen da nun Menuepunkte hinzugefügt werden sollen. D.h. die #hauptmenue wird nun zum div um
nur die Naviagation zum umkapseln. Der vertikale Verlauf im #menue-col wird auf den Y-Wert gesetzt so hoch wie das Bild ist. Sollte erstmal reichen
*/


#hauptmenue { 
	background: url(/fileadmin/media/_statics/bg-hauptmenuecol.jpg) top repeat-x #fff; /*#00598f;*/
	 border: solid #000; 
	 border-width: 0 0 1px 1px;
}
#header-1, #header-2, #content-main, #content-main-breit,
#content-border, #schachbrett			{ background: #fff; }

#header-1-vertrauen {
	background: #abc9e7 url(/fileadmin/media/_statics/_Vertrauen/vogelflug-vertrauen-1.jpg) left top no-repeat;
	padding: 20px;
	width: 485px;
	height: 270px;
}

* html #header-1-vertrauen {
	width: 485px;
	w\idth: 445px;
	height: 310px;
	h\eight: 270px;
}
#schachbrett				{ border: solid #000; border-width: 1px 1px 1px 0; }
#content-main, #content-main-vertrauen, #content-main-vertrauen-verlauf,
#content-main-breit			{ border: solid #000; border-width: 0 0 1px 0; margin: 0; line-height: 135%; }



.pageheader-blue { background: #3f6098; color: #fff; font-size: 13px; font-weight: bold; padding: 5px 20px 5px 20px; }

#content-main-vertrauen {
	padding-top: 110px;
	background: #abc9e7 url(/fileadmin/media/_statics/_Vertrauen/vogelflug-vertrauen-bg.jpg) left top no-repeat;
}
#content-main-vertrauen-verlauf {
	background: #fff url(/fileadmin/media/_statics/bg-vertrauen-blau-weiss.gif) left top repeat-x;
}
#content-main-breit 		{ border-width: 0 1px 1px 0; }		
#content-border,
#content-border-jump		{ width: 204px; background: #f3f5fa; padding: 25px 10px 20px 10px; margin: 0; border: solid #000; border-width: 0 1px 1px 0;}
* html #content-border,
* html #content-border-jump	{ width: 225px; widt\h: 204px; }
#header-2, #header-2-vertrauen		{ border-right: 1px solid #000; }
#footer-left, #footer-right { padding: 10px 0 20px 0; vertical-align: top; }
#footer-right 				{ text-align: right; }
.csc-textpic-caption		{ font-size: 10px; padding-top: 3px; }

/* the menue */

.jumpmenue 							{ width: 180px; border: 1px solid #3f6098; color: #3f6098; font-size: 11px; padding: 5px; }
#footer-left a, #footer-right { color: #000; }

.menu1-level1-no a, .menu1-level1-act a {
	display: block;
	padding: 3px 5px 4px 5px; border-bottom: 1px solid #fff;
	width: 175px;
}

* html .menu1-level1-no a, * html .menu1-level1-act a {
	width: 185px;
	w/idth: 175px;
}

.menu1-level1-no a:link, .menu1-level1-no a:visited {
	color: #fff;
	background: #3e5f97;
	text-decoration: none;
}

.menu1-level1-no a:hover, .menu1-level1-no a:active, .menu1-level1-act a:link, .menu1-level1-act a:visited, .menu1-level1-act a:hover, .menu1-level1-act a:active {
	color: #fff;
	background: #a5a9c9;
	text-decoration: none;
}

/* the closediv */
.open DIV.hideable { display: inline; }
.closed DIV.hideable { display: /*none*/ inline; }

.close-headline-grey, .close-headline-blu, .close-headline-green, .close-headline-yellow, .close-headline-red, .close-headline-blu-portal, .close-headline-red-portal, .close-headline-green-portal, .close-headline-yellow-portal  { padding: 3px; margin-bottom: 3px; text-align:center; font-weight: bold; text-decoration: none; }
.close-headline-grey { text-align: left; padding: 5px; background: #c9d3d9; }
.close-headline-blu, .close-headline-blu-portal { background: #00598f; color: #fff;  }
.close-headline-green, .close-headline-green-portal {  background: #9dd09f; color: #000; }
.close-headline-yellow, .close-headline-yellow-portal { background: #ffde00; color: #000; }
/*.close-headline-blu-portal, .close-headline-green-portal, .close-headline-yellow-portal { height: 30px; }*/
.close-headline-red, .close-headline-red-portal { background: #e2001a; color: #fff; }
a.swapClass:link, a.swapClass:visited, a.swapClass:hover, a.swapClass:active, a.swapClass-pfeil-weiss:link, a.swapClass-pfeil-weiss:visited, a.swapClass-pfeil-weiss:hover, a.swapClass-pfeil-weiss:active   { text-decoration: none; vertical-align: middle !important; }
.swapClass-pfeil-weiss, a.swapClass-pfeil-weiss:link, a.swapClass-pfeil-weiss:visited, a.swapClass-pfeil-weiss:hover, a.swapClass-pfeil-weiss:active, a.swapClass-pfeil-black:link, a.swapClass-pfeil-black:visited, a.swapClass-pfeil-black:hover, a.swapClass-pfeil-black:active {
	background: transparent url(/fileadmin/media/_statics/icon-pfeil.gif) right bottom no-repeat;
	padding-right:15px;
	margin-right: 5px;
	color: #fff !important;
}




/* the ruler */
hr.blue { height: 0px; border-bottom: 1px solid #00598f; border-top: 0px; margin: 0 0 25px 0; }
hr.green { height: 0px; border-bottom: 1px solid #9dd09f; border-top: 0px; margin: 0 0 25px 0; }
hr.yellow { height: 0px; border-bottom: 1px solid #ffde00; border-top: 0px; margin: 0 0 25px 0; }

/* the border */
.border-blue, .border-blue-light, .border-green, .border-yellow, .border-yellow-light, .border-darkgrey, .border-darkgrey-schach, .border-lightgrey   { padding: 2px 10px 2px 10px; }
.border-blue			{ background: #00598f; color: #fff; }
.border-blue-light		{ background: #e0ebf6; }
.border-green			{ background: #9dd09f; }
.border-yellow 			{ background: #ffde00; }
.border-yellow-light	{ background: #ffee98; }
.border-darkgrey		{ background: #c9d3d9; }
.border-lightgrey  		{ background: #e9ebef; }
.border-darkgrey-schach { background: #c9d3d9 url(/fileadmin/media/_statics/schachbrett-border.gif) left top no-repeat; } 

/* Kontaktform */
.alert { color:#FF0000; }
.contact-table td { padding: 0 20px 10px 0 }
input.eingabe-long, input.eingabe-small, input.eingabe-vsmall, input.eingabe-med, textarea.eingabe-long, select.eingabe-pull { border: 1px solid #00598f; font-size: 100%; width: 250px; }
input.eingabe-vsmall { width: 20px; }
input.eingabe-small { width: 100px; }
input.eingabe-med { width: 150px; }
select.eingabe-pull { width: 150px; }
input.button { width: 100px; background-color: #00598f; color:#fff; border: 1px solid #00598f; font-size: 100%; }


/* Rechentabelle für Ihr Mehrwert start */
.rechentabelle td {
	padding: 5px;
	line-height: 135%;
}
.rechentabelle .first {
	padding-right: 0px;
	width: 10px !important;
}
.calculator-rand {
	text-align: center !important;
	vertical-align: bottom!important;
	color: #00598f;
}
.calculator-desc {
	padding-right: 10px;
}
.calculator-input {
	background: #ffde00;
	width: 100px;
	text-align: center !important;
}
.calculator-input input {
	width: 70px;
	border: 1px solid #fff;
	font-size: 11px;
	text-align: right
}
.calkulator-ruler-bottom {
	border-bottom: 1px solid #000;
}


/* Änderungen neues Layout 17.08.2010 start */
#centertable {
	border: 1px solid #000;
} 

#centertable td {
	vertical-align: top;
}

* html #content-border-2010178 {
	width: 225px;
	w/idth: 205px;
}

#content-main-2010178 {
	margin: 0;
	line-height: 135%;
}

.header2010178-1-1, .header2010178-2-1, .header2010178-3-1 {
	height: 310px;
}

.header2010178-1-1 {
	width: 185px;
}

.header2010178-2-1 {
	540px;
}

.header2010178-3-1 {
	width: 225px;
}

#hauptmenue2010178 {
	width: 185px;
	padding-top: 50px;
}

#content-border-2010178 {
	width: 205px;  
	marign: 0;
	padding: 50px 10px 20px 10px;
}

.subrow2010178-1-1, .subrow2010178-1-2 {
	background: #fff url(/fileadmin/media/_statics/Layouts/2010817/bg-mainnavigation.jpg) left top no-repeat;
}

.subrow2010178-3-1 {
	background: #fff  url(/fileadmin/media/_statics/Layouts/2010817/bg-border-1.jpg) left top no-repeat;
}

.subrow2010178-1-1 {
	background: #fff  url(/fileadmin/media/_statics/Layouts/2010817/bg-mainnavigation.jpg) left top no-repeat;
}

.subrow2010178-3-1 {
	background: #fff  url(/fileadmin/media/_statics/Layouts/2010817/bg-border-1.jpg) left top no-repeat;
}

.subrow2010178-2-1 {
	padding: 0 20px 20px 20px;	
	background: #fff;
}

.subrow2010178-2-2 {
	padding: 45px 20px 20px 20px;	
	background: #fff url(/fileadmin/media/_statics/Layouts/2010817/bg-main-breit.jpg) left top no-repeat;
}


/* Änderungen neues Layout 17.08.2010 end */