/* Page Body */
html {
    height: 100%;
    min-height: 100%;
}
body {
    background: url("../images/overall_bg.jpg") #fbfbfb left top repeat-x;
    font-size: 12px;
    font-family: "Arial", Verdana, Tahoma, trebuchet ms, sans-serif;
    color:  #333;
    height: 100%;
    padding: 0;
    margin: 0;
}


/* Overall  */
#overall {
    position: relative;
    background: none;
    width: 948px;
    height: 100%;
    min-height: 100%;
    padding: 0; /*7px 0 50px 0;*/
    margin: 0 auto;
}
body>#overall {
    height: auto;
    min-height: 100%;
}


/* Header */
#header {
    position: relative;
    width: 948px;
    height: 170px;
    padding: 7px 0 0 0; /* 0; */
    margin: 0;
    z-index: 10;
}
*+html #header {
    padding: 7px 0 4px 0;
}
#headlogo {
    position: absolute;
    top: 13px; /* 6px; */
    left: 19px;
    width: 190px;
    height: 163px;
    padding: 0;
    margin: 0;
    z-index: 20;
    background: url("../images/headlogo.jpg") left top no-repeat;
}


/* -------------TOP NAVI----------------- */

#navi_top {float:left;width:948px}

	/* MAINNAVI */
	/*ul#naviTop {float:left;height:48px;width:843px;margin:9px 0 0 1px;padding:0}		
	ul#naviTop li {position:relative;display:block;float:left;cursor:pointer;background-repeat:no-repeat;padding:0;margin:0}
	ul#naviTop li a {display:block;height:48px;text-indent:-9999px;outline:none;background:url('../images/blue/mainnavi.png')}		
	ul#naviTop li a.home {width:98px;background-position:0 0}
	ul#naviTop li a.home:hover,ul#naviTop li a.active{background-position:0 -48px}
	ul#naviTop li a.Company {width:107px;background-position:-95px 0}
	ul#naviTop li a.Company:hover,ul#naviTop li.active a.Company{background-position:-95px -48px}
	ul#naviTop li a.Payment {width:154px;background-position:-205px 0}
	ul#naviTop li a.Payment:hover,ul#naviTop li.active a.Payment{background-position:-205px -48px}
	ul#naviTop li a.Messaging {width:169px;background-position:-359px 0}
	ul#naviTop li a.Messaging:hover,ul#naviTop li.active a.Messaging{background-position:-359px -48px}
	ul#naviTop li a.Modules {width:148px;background-position:-528px 0}
	ul#naviTop li a.Modules:hover,ul#naviTop li.active a.Modules{background-position:-528px -48px}
	ul#naviTop li a.Module {width:148px;background-position:-528px -96px}
	ul#naviTop li a.Module:hover,ul#naviTop li.active a.Module{background-position:-528px -144px}
	ul#naviTop li a.Contact {width:167px;background-position:-676px 0}
	ul#naviTop li a.Contact:hover,ul#naviTop li.active a.Contact{background-position:-676px -48px}
	ul#naviTop li a.Kontakt {width:167px;background-position:-676px -96px}
	ul#naviTop li a.Kontakt:hover,ul#naviTop li.active a.Kontakt{background-position:-676px -144px}*/

	/* LANGUAGE MENU */
	/*ul#lang{position:relative;float:left;width:94px;height:31px;background:url('../images/blue/bg-language.png') no-repeat;list-style:none;list-style-type:none;margin:9px 0 0;padding:17px 0 0 5px}
	ul#lang li {position:relative;float:left;display:inline;padding-right:4px}*/

/* -------------BOXES SYSTEM----------------- */
	
	/* SMALL */		
	.boxes{position:relative;float:left;width:205px;padding-top:70px;background:url('../images/boxLeft_head.png') no-repeat;margin-bottom:5px}	
	.boxes-mid {position:relative;float:left;width:167px;background: url('../images/box_bg.png') repeat-y;padding:0 15px 0 20px}
	.boxes-inner {position:relative;float:left;margin:-55px 0 0}
	.boxes-btm {position:relative;float:left;width:205px;height:17px;background: url('../images/boxLeft_bottom.png') no-repeat bottom}
	
	/* 3col LARGE */	
	.large {width:528px;padding-top:105px;background:url('../images/content_head.png') no-repeat}
	.large .boxes-mid {width:488px;background: url('../images/content_c.png') repeat-y;padding:15px 20px 0}
	.large .boxes-inner {margin:-100px 0 0}
	.large .boxes-btm {width:528px;height:26px;background: url('../images/content_bottom.png') no-repeat bottom}
	
	/* 4col content */
	.b4col {width:265px;padding-top:104px;margin-top:7px;background:url('../images/boxes/box-c-4col-top.png') no-repeat}
	.b4col .boxes-mid {width:225px;background: url('../images/boxes/box-c-4col-c.png') repeat-y;padding:15px 20px 0}
	.b4col .boxes-inner {margin:-100px 0 0}
	.b4col .boxes-btm {width:263px;height:21px;background: url('../images/boxes/box-c-4col-btm.png') no-repeat center bottom}
	
	/* 3col content */
	.b23col {width:490px;padding-top:104px;margin-top:2px;background:url('../images/boxes/box-c-3col-top.png') no-repeat}
	.b23col .boxes-mid {width:450px;background: url('../images/boxes/box-c-3col-c.png') repeat-y;padding:15px 20px 0}
	.b23col .boxes-inner {margin:-100px 0 0}
	.b23col .boxes-btm {width:488px;height:21px;background: url('../images/boxes/box-c-3col-btm.png') no-repeat center bottom}
	
	/* 3col content */
	.b13col {width:253px;padding-top:104px;margin-top:2px;background:url('../images/boxes/box-c-3_13col-top.png') no-repeat}
	.b13col .boxes-mid {width:213px;background: url('../images/boxes/box-c-3_13col-c.png') repeat-y;padding:15px 20px 0}
	.b13col .boxes-inner {margin:-100px 0 0}
	.b13col .boxes-btm {width:253px;height:21px;background: url('../images/boxes/box-c-3_13col-btm.png') no-repeat bottom}
	*html .b13col .boxes-btm {width:251px} 
	
	/* BOX CONTENT */
	.boxes p {padding-bottom:.833em}	
	#accordion p {padding-bottom:0}
		#accordion .accordion_headings b,#accordion .accordion_headings strong {color:#02578F}
	#accordion .accordion_child b,#accordion .accordion_child strong {color:#02578F}
	.boxes p:last-child {/*padding-bottom:0*/}	
	
	/* BOX STYLE */
	.boxes h3 {
		font-size:1.333em;
    margin:0;
		padding-bottom:.625em;
    font-weight: bold;
	}
	.boxes a {color:#02578F;text-decoration:underline}
	.boxes b,.boxes strong {color:#000}
	.boxes a b,
	.boxes a:visited b,
	.boxes a strong,
	.boxes a:visited strong {color:#02578F}
	
	.content-wrap {float:left;width:948px}
	.subcontent {float:left;width:948px}
	
	.left,.right {	
		width: 205px;	
		min-height:100px;
  	height:auto !important;
  	height:100px;
		float: left;
    margin: 0;
    padding: 5px 0 10px 0;
	}
	.content {
		float: left;
    width: 530px;
    min-height:100px;
  	height:auto !important;
  	height:100px;
    margin: 0;
    padding: 5px 0 10px 5px;
	}
	.box2_3 {width:490px}
	.box1_3 {width:253px;padding-left:0}	
	
	.content-left,.content-right {
		float:left;
		width:265px;
		min-height:100px;
  	height:auto !important;
  	height:100px;		
	}
	.content-left {padding-left:5px}
	
	.submenu {float:left}
	.sidebar-left {float:left}
	
	.boxes-inner .accordion_headings {
    color: #02578F;
    text-decoration: none;
	}
	.boxes-inner .accordion_headings:hover {
	    color: #333;
	    text-decoration: none;
		cursor: pointer;
	}

/* Left */
#left {
    width: 205px;
    min-height: 100px;
    float: left;
    margin: 0;
    padding: 5px 0 10px 0;
}
* html #left { 
    height: 100px;
}


.boxBG {
	width: 205px;
	background: url("../images/box_bg.png") left 70px no-repeat;
}
.box {
    margin: 0;
    padding: 0 0 5px 20px;
    width: 185px;
    background: url("../images/boxLeft_head.png") left top no-repeat;
}
.box h3 {
    padding: 20px 0 10px 0;
    margin: 0;
    font-weight: bold;
}
.box p {
	padding: 0;
}
.box p b {
	color: #02578F;
}
.box a {
    color: #02578F;
    text-decoration: underline;
}
.box a:hover {
    color: #02578F;
    text-decoration: none;
}
.box .hr {
	padding: 10px 0 5px 0;
	margin: 0;
}


.csc-textpic-image dt img {
    padding: 5px 0;
}



.boxBottom {
	height: 17px;
	width: 205px;
    background: url("../images/boxLeft_bottom.png") left top no-repeat;
    padding: 0 0 5px 0;
}
.news_left {
	color: #02578F;
	padding: 5px 5px 5px 0;
}
.news_left .date {
	display: block;
	color: #000;
	padding: 0 0 1px 0;
}
ul.naviLeft {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.naviLeft li {
	padding: 5px 0;
	width: 170px;
	/*background: url("../images/box_dots.jpg") left bottom repeat-x;*/
}
ul.naviLeft li a {
    text-decoration: none;
}
ul.naviLeft li a:hover {
    text-decoration: underline;
}
ul.naviLeft li ul {
	padding: 0;
	margin: 0;
	width: 170px;
	/*background: url("../images/box_dots.jpg") left top repeat-x;*/
	list-style-type: none;
}
ul.naviLeft li ul li {
	padding: 5px 0 3px 9px;
	margin: 0;
	width: 161px;
	/*background: url("../images/box_dots.jpg") left top repeat-x;*/
}
ul.naviLeft li ul li ul {
	padding: 0;
	margin: 0;
	width: 170px;
	/*background: url("../images/box_dots.jpg") left top repeat-x;*/
	list-style-type: none;
}
ul.naviLeft li ul li ul li {
	padding: 5px 0 3px 18px;
	margin: 0;
	width: 152px;
	/*background: url("../images/box_dots.jpg") left top repeat-x;*/
}
ul.naviLeft li ul li.last {
	padding: 5px 0 0px 9px;
}


#suche {
	background: url("../images/searchbox_bg.png") left top no-repeat;
	padding: 16px 18px 20px 18px;
	width: 170px;
}

* html #suche {
	background: url("../images/searchbox_bg.png") left top no-repeat;
	padding: 16px 18px 20px 18px;
	width: 170px;
}


/* Anpassung */
.box_content#video h3 img {
	border: none;
}
.box_content#video img {
	border: 1px solid #fff;
}
.boxBG#suche .box h3 {
    padding: 20px 0 0 0;
    margin: 0 0 -20px 0;
}

.box p a {
    color: #02578F;
    text-decoration: underline;
}
.box p a:hover {
    color: #02578F;
    text-decoration: none;
} 

#video b {
    color: #02578F;
}
#video a {
    color: #02578F;
    text-decoration: underline;
}
#video a:hover {
    color: #02578F;
    text-decoration: none;
}


/* Content */
#content {
    float: left;
    width: 530px;
    min-height: 100px;
    margin: 0;
    padding: 5px 0 10px 5px;
}
* html #content {
    height: 100px;
}

#content_head {
	min-height: 50px;
	background: url("../images/content_head.png") left top no-repeat;
	padding: 22px 20px 0 32px;
}
* html #content_head {
    height: 50px;
}
#content_head h1 {
	padding: 0;
	margin: 0;
}
#content_inner {
	background: url("../images/content_c.png") left top repeat-y;
    width: 448px;
    padding: 15px 50px 0 30px;
    position: relative;
    min-height: 310px;
    line-height: 20px;
}
#content_inner p {
    line-height: 20px;
}
#content_inner b {
    color: #02578F;
    font-weight: bold;
    font-size: 12px;
}
#content_inner a {
    color: #02578F;
    text-decoration: underline;
}
#content_inner a:hover {
    color: #02578F;
    text-decoration: none;
}
#content_inner h4 {
	padding: 0;
}
* html #content_inner {
	height: 310px;
}

#flash_startsite {
    position: absolute;
    left: 5px;
    top: -60px;
}

.bluecontent_img {
	z-index: 2;
	position: absolute;
	bottom: 20px;
	left: 30px;
}
#blue_fade {
	width: 513px;
	height: 275px;
	background: url("../images/blue/start_content_bottom.jpg") left top no-repeat;
	position: absolute;
	bottom: -15px;
	left: 6px;
	z-index: 1;
}
#laufschrift_over {
	width: 513px;
	height: 83px;
	background: url("../images/blue/laufschrift_overlay.png") left top no-repeat;
	position: absolute;
	bottom: -15px;
	left: 6px;
	z-index: 4;
}
* html #blue_fade_ie {
	width: 513px;
	height: 275px;
	background: url("../images/blue/start_content_bottom.jpg") left top no-repeat;
	position: absolute;
	bottom: 12px;
	left: 6px;
	z-index: 1;
}
* html #laufschrift_over_ie {
	width: 513px;
	height: 83px;
	background: url("../images/blue/laufschrift_overlay.png") left top no-repeat;
	position: absolute;
	bottom: 12px;
	left: 6px;
	z-index: 4;
}
#marquee {
	position: absolute;
	z-index: 3;
	bottom:0;
	left: 30px;
	font-family: arial;
	font-size: 14px;
	color: #fff;
	width: 468px;
	font-weight: bold;
}
#content_bottom {
	height: 26px;
	width: 528px;
	background: url("../images/content_bottom.png") left top no-repeat;
	overflow: hidden;
}


/* Right */
#right {
    width: 205px;
    min-height: 100px;
    float: left;
    margin: 0;
    padding: 5px 0 10px 0;
}
* html #right {
    height: 100px;
}


#searchBox {
	margin: -5px 0;
	padding: 0;
}
#searchBox table {
	padding: 0;
	margin: 0;
}
#searchBox table tr,
#searchBox table td {
	padding: 0 1px;
	margin: 0;
}
#searchBox input {
	border: 1px solid #DDDDE1;	
	width: 96px;
	padding: 1px 2px;
	color:#02578F;
}
*+html #searchBox input {
	margin: 0 0 6px 0;	
}
* html #searchBox input {
	margin: 0 0 6px 0;	
}
#searchBox .sbt {
	width: 60px;
	height: 38px;
	background: url("../images/blue/srch_sbmt.png") left bottom no-repeat;
	border: 0;
}
*+html #searchBox .sbt {
	margin: 0;
}
* html #searchBox .sbt {
	margin: 0;
}
#searchBox .sbt:hover {
	cursor: pointer;
	background: url("../images/blue/srch_sbmt_hover.png") left bottom no-repeat;
	border: 0;
}

.naviRight {
	margin: 0 0 0 -20px;
	padding: 0 9px;
	overflow: hidden;
	width: 180px;
}
.naviRight .accordion_headings {
	display: block;
	width: 167px;;
	height: 17px;
	color: #fff;
	background: #0063A8;
	padding: 3px 10px;
	font-size: 14px;
	margin: 0 0 1px 0;
}
.naviRight .accordion_headings:hover {
	color:#eee;
	cursor: pointer;
}
.naviRight .accordion_child {
	padding: 8px 10px 0 10px;
	color: #02578F;
}
.naviRight .accordion_child img,
.naviRight .accordion_child p {
	margin: 0 0 10px 0;
}


/* Navigation Bottom */
#footer {
	width: 948px;
	background: url("../images/footer_dots.jpg") left top repeat-x;	
}
#footer a.mcafee {float:left;}
#footer a.mcafee img {margin:2px 2px 2px 10px}

/*#naviBottom {
	/*float:right;
	line-height:36px;*/
	/*width:500px;*/
	/*background: url('../images/footer_dots.jpg') left top repeat-x;*/
	/*margin:0;
	padding: 0 10px 0 0;
	list-style-type: none;
}*/

/*#naviBottom li {
	display: inline;
	color: #999999;
}
#naviBottom li a {
	color: #999999;
}
#naviBottom li a:hover {
	color: #02578F;
}*/


#naviBottom {float:left;width:719px;color:#999;line-height:36px;margin:13px 0 0 0;padding:0 10px 0 88px;list-style-type:none}
#naviBottom li {float:left;display:inline;padding:0 7px;border-right:1px solid #999;line-height:1}
#naviBottom li a,ul.mainnavi li a:visited {color:#999;text-decoration:none}
#naviBottom li a:hover {color:#02578F}
#naviBottom li.first {padding-left:0}
#naviBottom li.last {border-right:none;padding-right:0}

#footer_info {
	clear:both;
	width: 100%;
	background: url("../images/footer_dots.jpg") left top repeat-x;
    position: relative;
}
#footer_info h5 {
	color:#b2b2b2;
	font-size: 12px;
	font-family: arial;
	font-weight: 700;
	padding:0
}

/* Footer Boxen */
#bookmarks {
    float:left;
    padding: 15px 0 0 10px;
    width: 200px;
}
#bookmarks ul {
    width: 150px;
	padding: 5px 0 10px 0;
	margin: 0;
	list-style-type: none;
}
#bookmarks ul li {
	float: left;
	padding: 0 4px 15px 4px;
}
/*#bookmarks ul#joinus,
#bookmarks ul#joinus li {
	padding: 0;
}*/


/*#company {
    float:left;
    width: 150px;
    height: 156px;
    padding: 15px 0 0 5px;
    margin: 0;
}

#payment {
    float:left;
    width: 150px;
    height: 156px;
    padding: 15px 0 0 5px;
    margin: 0;
}

#messaging {
    float:left;
    width: 150px;
    height: 156px;
    padding: 15px 0 0 5px;
    margin: 0;
}

#applications {
    float:left;
    width: 150px;
    height: 156px;
    padding: 15px 0 0 5px;
    margin: 0;
}

#service {
    float:left;
    width: 105px;
    height: 156px;
    padding: 15px 0 0 5px;
    margin: 0;
}*/


#contact ul,#company ul,#payment ul,#messaging ul,#applications ul,#service ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 16px;
}
#contact ul li a,#company ul li a,#payment ul li a,#messaging ul li a,#applications ul li a,#service ul li a {
	color: #b2b2b2;
}
#contact ul li a:hover,#company ul li a:hover,#payment ul li a:hover,#messaging ul li a:hover,#applications ul li a:hover,#service ul li a:hover {
	color: #02578F;
}

/* Typo 3 */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #666666;
	padding: 0;
}

/* Typo 3 - Kontakt Formular */
#mailform {
    padding: 0;
    margin: 0;
    border: 0;
}

#mailform .csc-mailform {
    padding: 10px 0;
    margin: 0;
    border: 0;
}

#mailform .csc-mailform-field {
    clear: both;
    padding: 5px 0;
}
#mailform .csc-mailform-field label {
    float: left;
    width: 140px;
    padding: 0;
    font-weight: bold;
}
#mailform .csc-mailform-field input { 
    float: left;
    width: 250px;
}
#mailform .csc-mailform-field select {
    float: left;
    width: 250px;
}
#mailform .csc-mailform-field textarea {
    float: left;
    width: 390px;
}
#mailform input.csc-mailform-submit {
    float: left;
    width: auto;
    cursor: pointer;
}
#mailform input.csc-mailform-reset {
    float: left;
    width: auto;
    cursor: pointer;
}


/* Custom */
.clear {
    clear: both;
}

/* Default */
h1 {
    font-size: 20px;
    color: #02578F;
    padding: 0 0 1.0em 0;
	margin: 0;	
	font-weight: normal;
	font-family: "arial", trebuchet ms,  sans serif;
}

h2 {
    font-size: 16px;
    color: #02578F;
    padding: 0 0 5px 0;
	margin: 0;
	font-weight: normal;	
	font-family: "arial", trebuchet ms,  sans serif;
}

h3 {
    font-size: 140%;
    color: #02578F;
    padding: 0 0 1.0em 0;
	margin: 0;	
	font-weight: normal;
	font-family: "arial", trebuchet ms,  sans serif;
}

h4 {
    font-size: 120%;
    color: #02578F;
    padding: 0 0 1.0em 0;
	margin: 0;	
	font-weight: normal;
	font-family: "arial", trebuchet ms,  sans serif;
}

h5 {
    font-size: 100%;
    color: #02578F;
    padding: 0 0 1.0em 0;
	margin: 0;	
	font-weight: normal;
	font-family: "arial", trebuchet ms,  sans serif;
}
h5.nospace {
    font-size: 100%;
    color: #02578F;
    padding: 0;
	margin: 0;	
	font-weight: normal;
	font-family: "arial", trebuchet ms,  sans serif;
}

h6 {
    font-size: 100%;
    color: #02578F;
    padding: 0 0 1.0em 0;
	margin: 0;	
	font-weight: normal;
	font-family: "arial", trebuchet ms,  sans serif;
}

p {
    margin: 0;
    padding: 0 0 1.5em 0;
    line-height: 18px;
}

a {
    color: #333;
    text-decoration: none;
}
a:hover,
a.active {
    color: #02578F;
    text-decoration: none;
}

ul {
	margin: 0;
	padding: 5px 0 15px 30px;
}