@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
    overflow: auto;
    overflow: -moz-scrollbars-vertical;
}

body.start {
	background: url(img/start-teaser-background.jpg) repeat-x; 
    
	background-position: 0 119px;
}

.clear {
	clear: both;
}

a {
	color: #004494;
}

a img {
    border: none;
    text-decoration: none;
}

span.red {
    color: #800000;
}

p.system {
    color: #800000;
    padding-bottom: 0 !important;
    font-weight: bold;
    text-align: left;
}

div.page {
	width: 1000px;
	margin: auto;
	position: relative;
}

div.header a.logo {
	width: 235px;
	height: 89px;
	display: block;
	background: url(img/logo.jpg) no-repeat;
	float: left;
}

div.header div.contact {
	float: right;
	font-size: 14px;
	margin: 25px 40px 0 0;
	font-style: italic;
	text-align: right;
}

div.header div.contact strong {
	color: #004494;
}

ul.navigation {
	background: #EFF4F9;
	font-size: 14px;
	list-style: none;
	height: 30px;
}

ul.navigation li {
	position: relative;
	float: left;
	padding: 0 20px;
	line-height: 30px;
}

ul.navigation li a {
	text-decoration: none;
	color: #6C8094;
	font-weight: bold;
	letter-spacing: 1px;
}

ul.navigation li.active a {
	color: #004494;
	font-weight: bold;
}

ul.navigation li.hover {
	margin: -1px -1px -2px -1px;
	background: #0A4C99;
	border-top: 1px solid #2560A4;	
	border-left: 1px solid #2560A4;	
	border-right: 1px solid #2560A4;	
}

ul.navigation li.hover a {
	color: #FFFFFF !important;
}

ul.navigation ul {
	position: absolute;
	top: 30px;
	left: -1px;
	background: #FFFFFF;
	list-style: none;
	border: 1px solid #0A4C99;
	padding: 10px 0;
	background: url(img/menu-background.gif) repeat-x #4174b0;
	display: none;
	
}

ul.navigation ul li {
	line-height: 20px;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.navigation ul li a {
	color: #9CBDE3 !important; 	
}

ul.navigation div.bubble {
	background: url(img/bubble.png) no-repeat;
	position: absolute;
	z-index: 10001;
	display: none;
	top: 20px;
	left: 20px;
	width: 370px;
	height: 193px;
	padding: 50px 20px 20px 20px;
	overflow: hidden;
	font-size: 12px;
}

* html ul.navigation div.bubble {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble.png', sizingMethod='scale');
}

ul.navigation div.bubble h2 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #D7BA32;
}

ul.navigation div.bubble p {
	line-height: 18px;
}

ul.navigation div.bubble a.more {
	background: url(img/bubble-more-background.jpg) no-repeat;
	line-height: 18px;
	position: absolute;
	top: 150px;
	padding-left: 25px;
	letter-spacing: 0;
	font-style: italic;
	text-decoration: underline;
}

div.start-teaser {
	padding: 1px 0 0 20px;
	height: 280px;
	background: url(img/start-crest-background.jpg) no-repeat;
}

div.start-teaser div.text {
	width: 550px;
	font-size: 12px;
	float: left;
}

div.start-teaser div.text h1 {
	color: #FFFFFF;
	margin: 50px 0 20px 0;
	line-height: 30px;
	font-weight: normal;
	font-size: 28px;
}

div.start-teaser div.text p {
	color: #B4D8FB;
}

div.start-teaser div.text a.button {
	display: block;
	width: 150px;
	height: 30px;
	margin-top: 20px;
}

div.login {
	position: absolute;
	float: right;
	width: 224px;
	height: 495px;
	background: url(img/login-background.png) no-repeat;
	padding: 10px 20px 0 20px;
	top: 85px;
	right: 20px;
}

div.login h2 {
	font-size: 21px;
	line-height: 24px;
	color: #004494;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

div.login label {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	display: block;
	line-height: 24px;
}

div.login input.text {
	background: url(img/input-background.gif) repeat-x;
	border: 1px solid #e5e5e5;
	display: block;
	width: 204px;
	height: 20px;
	padding: 5px 10px;
	color: #004494;
	margin-bottom: 10px;
}

div.login p {
	font-size: 11px;
}


div.login input.submit {
	float: right;
	margin-top: 20px;
}

div.login p.register {
	position: absolute;
	top: 286px;
	color: #FFFFFF;
}

div.login p.register a {
	color: #CFE5FE;
}

div.login div.contact {
	position: absolute;
	top: 315px;
	left: 0;
	padding: 0 20px;
	width: 224px;
	height: 180px;
}

div.login div.contact h2 {
	color: #FFFFFF;
	margin-top: 20px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0;
}

div.login div.contact ul {
	list-style: none;
	margin-top: 20px;

}

div.login div.contact li {
	color: #9cbde3;
	font-size: 16px;
	font-weight: bold;
	padding-left: 35px;
	margin: 5px 0;
}

div.login div.contact li a {
	color: #FFFFFF;
	font-style: italic;
}

div.login div.contact li.phone {
	background: url(img/icon-phone.gif) no-repeat;
}

div.login div.contact li.fax {
	background: url(img/icon-fax.gif) no-repeat;
}

div.login div.contact li.email {
	background: url(img/icon-email.gif) no-repeat;
}


div.start-teaser div.login p.register a {
	color: #CFE5FE;
}

div.start-textteaser {
	background-color: #EFF4F9;
	padding: 1px 0 0 20px;
	height: 200px;
	border-bottom: 1px solid #F0F4F9;
	font-size: 12px;
}

div.start-textteaser h2 {
	margin: 20px 0 10px 0;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	color: #004494;
}

div.start-textteaser ol {
	list-style: none;
	list-style-position: inside;
}

div.start-textteaser ol li {
	clear: both;
	margin: 5px;
}

div.start-textteaser ol strong {
	background: #FFFFFF;
	color: #004494;
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	text-align: center;
	margin-right: 10px;
}

div.start-textteaser ol a {
	color: #444444;
}

div.start-textteaser div.left {
	float: left;
	width: 280px;
	position: relative;
}

div.start-textteaser a.more {
	font-style: italic;
	font-weight: bold;
	position: absolute;
	top: 170px;
}

div.start-textteaser div.image {
	float: left;
	height: 120px;
	margin-right: 20px;
}

div.start-textteaser div.center {
	width: 400px;
	float: left;
	position: relative;
}


div.footer {
	line-height: 30px;
	font-size: 12px;
	padding: 15px 20px 0 20px;
}

div.footer a {
	color: #9CBDE3;
}

div.footer p {
	color: #444444;
	float: left;
}

div.footer ul {
	float: right;
	list-style: none;
}

div.footer li {
	display: inline;
	padding: 10px;
}

div.footer li.last {
	padding-right: 0;
}

/* Textseite */
body.text {
	background: url(img/text-crest-background.jpg) repeat-x;
	background-position: 0 119px;
}

h1.text-headline {
	background: url(img/text-headline-background.jpg) no-repeat;
	height: 80px;
	color: #FFFFFF;
	font-size: 28px;
	font-weight: normal;
	padding-left: 20px;
	line-height: 80px;
}

div.text-background div.min-height {
	float: left;
	width: 1px;
	margin-right: -1px;
	height: 420px;
}

div.subnavigation {
    float: left;
    font-size: 11px;
}

div.subnavigation div.border {
	border: 10px solid #F5F5F6;
	font-size: 12px;
	padding-bottom: 20px;
	background: #FFFFFF;
    width: 220px;
    text-align: center;
}

div.subnavigation p {
    margin: 10px 0;
}

ul.subnavigation {
	width: 260px;
	font-size: 13px;
	list-style-type: none;
	margin: 20px 0;
}

ul.subnavigation li a {
	color: #7A7A7A;
	text-decoration: none;
}

ul.subnavigation li.active a {
	color: #004494;
	
}

ul.subnavigation li {
	line-height: 30px;
	padding-left: 30px;
	background: url(img/text-subnavigation-background.gif) no-repeat;
	background-position: 0 10px;
}

div.textright {
    float: left;
}

div.textcontent {
	width: 385px;
	font-size: 13px; 
	color: #444444;
	padding: 0 35px 0 20px;
	margin: 20px 0;
	line-height: 20px;
}

div.textwide {
    width: 625px;
}

div.textcontent h2 {
	font-size: 28px;
	color: #004494;
	font-weight: normal;
	font-style: normal;
	line-height: 36px;
}

div.textcontent h3 {
    line-height: auto;
    color: #004494;
}

div.textcontent p {
	padding: 0 0 10px 0;
}

div.textcontent p img {
	float: left;
	margin-right: 20px;
}

div.textcontent p.teaser {
	font-weight: bold;
	font-style: italic;
	color: #000000;
    margin-top: 10px;
}

div.textcontent div.table {
	border: 10px solid #F5F5F6;
	font-size: 12px;
	padding-bottom: 20px;
	background: #F5F5F6;
}

div.textcontent table {
    width: 100%;
    background:#FFFFFF none repeat scroll 0 0;
    border-color:#EBEBEC #EBEBEC #0E6AAF;
    border-style:solid;
    border-width:1px 1px 2px;
    width:100%;
}

div.textcontent table th, div.textcontent table td {
	padding: 5px 10px;
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	vertical-align: top;
    text-align: left;
}

div.textcontent table td {
	font-style: normal;
	color: #6E6E6E;
}

div.textcontent table th.last, div.mctextcontent table td.last {
	border-right: none;
}

div.textcontent table tr.even td {
	background: #F7F7F7;
}

div.textcontent table tr.active td {
	background: #FCFAEF;
}

div.textcontent table th {
	text-align: left;
	color: #373737;
	font-size: 12px;
}

div.textcontent table a {
	color: #0E6AAF;
}


div.textcontent table tr.head td {
    color:#373737;
    font-size:12px;
    text-align:left;
    font-style: italic;
}

div.text-background {
	background: url(img/textcontent-background.gif) repeat-y;
	border-bottom: 1px solid #E5E5E5;
	padding: 0 20px;
}

/* Tipps & Tricks / Stellenangebote */

div.stellenangebote {
    margin-top: 50px;
}

div.stellenangebote ul {
    padding-left: 0;
}

div.stellenangebote li {
    display: none;
}

div.stellenangebote li li {
    list-style-type: disc !important;
    padding-left: 0;
}

div.stellenangebote li.frage {
    display: block;
    background: #004494;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: 5px;
    padding: 5px 10px;
}

div.stellenangebote li.frage a {
    color: #FFFFFF;
}

div.stellenangebote img {
    float: left;
}

div.stellenangebote div.beschreibung {
    float: left;
    width: 500px;
    margin-left: 20px;
}

div.stellenangebote div.even {
    background: #F0F0F0;
}

div.stellenangebote div.margin {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.stellenangebote div.beschreibung ul {
    font-size: 12px;
}

div.stellenangebote div.beschreibung li {
    display: block;
    margin-bottom: 10px;
}

/* Registrieren */
div.register label {
    float: left;
    font-weight: bold;
}

div.register select {
    float: right;
    width: 100px;
}

div.register input.text {
    float: right;
}

div.register textarea {
    width: 99%;
}

div.register input.submit {
    margin-top: 10px;
    float: right;
}

div.box {
    border: 10px solid #F4F5F6;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
}

div.register div.box {
    float: left;
    width: 260px;
    height: 200px;
}
div.register div.box-height1 {
    height: 170px;
}

div.register div.box-last {
    margin-right: 0;
}

div.register div.odd {
    background-color: #F4F5F6;
    border-bottom: 1px solid #CECECE;
    padding: 5px 10px;
}

div.register div.even {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CECECE;
    padding: 5px 10px;
}

/* Sitemap */
div.sitemap ul {
    list-style: none;
    margin-left: 0;
}

div.sitemap ul ul {
    background: url(img/sitemap-list.gif) repeat-y;
}

div.sitemap ul li {
    padding-left: 30px;
    line-height: 24px;
    background: url(img/sitemap-tree.gif) no-repeat;
}

div.sitemap ul li.even {
}

div.sitemap ul li.odd {
}

div.sitemap ul li.last {
    background: url(img/sitemap-tree-last.gif) no-repeat #FFFFFF;
}


ul, ol {
  padding-left: 20px;
}

.settings {
  width: 50%;
}

div.kontakt {
    margin-top: 80px;
}

div.konditionen {
    width:700px;
}

div.eingabemaske {
    margin: 30px 0;
    border: 1px solid #CECECE;
    width: 620px;
}

table.universal {
    width: 620px !important;
}

.head {
   background-color: #EFF4FA;
}

.zeilenfarbe {
    background-color: #F0F3F4;
}