@CHARSET "UTF-8";

body {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	text-align:center;
	margin-top:0px;
}

div.root {
	width:990px;
	margin:0px auto;
	color:#ffffff;
	text-align:justify;	
	height:100%;
	border-left:1px solid #0431C0;
	border-right:1px solid #0431C0;
	border-bottom:1px solid #0431C0;
	background-color: #efefef;
}

div.main {
	width:968px;
	margin:0px auto;
	text-align:justify;	
	height:100%;
	border-left:1px solid #0133B6;
	border-right:1px solid #0133B6;
	background-color: #efefef;
}

*html div.main {
  margin-left: 10px;	
}

div.top {
	text-align:right;
	padding: 20px 20px 20px 0px;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/*               Content                                                                                            */
/* ---------------------------------------------------------------------------------------------------------------- */
div.content {
 	color: #000000;
 	padding: 10px 30px 20px 30px;
 	min-height: 530px;
 	text-align:left;
}

*html div.content {
   height: 610px;	
}

div.content_index {
	margin-top:-14px;
 	padding: 0px 0px 0px 0px;
 	min-height: 530px;
 	text-align:left;	
 	margin-bottom:-15px;
}

*html div.content_index {
 	height: 530px;
 	margin-top:-19px;
}

*+html div.content_index {
	margin-top:-19px;
 	padding: 0px 0px 0px 0px;
 	min-height: 530px;
 	text-align:left;	
 	margin-bottom:-15px;
}

div.content_function {
 	margin-top:-14px;
 	padding: 0px 0px 0px 0px;
 	min-height: 530px;
 	text-align:left;	
 	background-image: url(../gfx/function_bg.jpg);
	background-repeat:no-repeat;
	overflow: hidden;
	margin-bottom: -13px;
}

*html div.content_function {
 	height: 630px;
 	margin-top:-19px;
}

*+html div.content_function {
 	margin-top:-19px;
 	height: 630px;
 	background-image: url(../gfx/function_bg_ie7.jpg);
 	margin-bottom: -40px;
}

div.pseudo {
	height:10px;	
}

*html div.pseudo {
	height:32px;
}
*+hmtl div.pseudo {
	height:300px;
}

div.system {

	background-image: url(../gfx/system_bg.jpg);
	background-repeat: no-repeat;	
}

div.clear { clear: both; }

div.slogan { 
	font-size:18px; 
	font-weight: bold;
	color: #082FC8; 
	text-align:left;	
}

div.breadcrump {
	color:#9d9d9d;
	font-size:10px;
	padding: 0px 20px 10px 20px;	
}


div.contentBox_25 {width: 22%; float: left; text-align:right; padding-left:28px;}
div.contentBox_25 {width: 220px; float: left; text-align:right;}
div.contentBox_25_SMArt {margin-bottom:60px; width: 220px; float: left; text-align:right;}
div.contentBox_33 {width: 290px; float: left; padding-left:28px; }
div.contentBox_33 {width: 30%; float: left; text-align:right;}
div.contentBox_33 {width: 290px; float: left; padding-left:28px; }
div.contentBox_33_spacer {width: 1.5%; float: left;}
div.contentBox_45 {width: 370px; float: left;}
div.contentBox_45 {width: 40%; float: left; text-align:right;}
div.contentBox_50 {width:48%; float:left;}
div.contentBox_50_spacer {width:4%; float:left;}
div.contentBox_55_gmlrs {width: 520px; float: left; background-image: url(../gfx/gmlrs_bg.jpg); background-repeat:no-repeat; height:400px;}
div.contentBox_55 {width: 520px; float: left;}
div.contentBox_66 {width: 590px; float: left; }
div.contentBox_66_system {width: 590px; float: left; background-image: url(../gfx/system_bg.jpg); background-repeat:no-repeat; }
div.contentBox_75 {width: 660px; float: left;}
div.contentBox_75_SMArt {width: 660px; float: left; margin-bottom:15px;}
div.contentBox_75_production {width: 660px; float: left; background-image: url(../gfx/production_bg.jpg); background-repeat:no-repeat;}
div.contentBox_75_design {width: 660px; float: left; background-image: url(../gfx/design_bg.jpg); background-repeat:no-repeat;}
div.contentBox_75_advantages {width: 660px; float: left; background-image: url(../gfx/advantages_bg.jpg); background-repeat:no-repeat; height:500px;}
div.contentBox_75_system {width: 660px; float: left; background-image: url(../gfx/system_bg.jpg); background-repeat:no-repeat !important;}
div.contentBox_25_system {width: 22%; float: left; text-align:right; padding-left:28px; }
div.contentBox_25_system {width: 220px; float: left; text-align:right;}

hr.clearer {clear:both; visibility:hidden;}

div.SMArt_top {margin-bottom:330px;}
div.SMArt_top_de {margin-bottom:320px;}
div.system {text-align:right;}
div.production {text-align:right;}

img.slogan {padding-right:20px;}
span.smart {color:#082FC8;}

div.sitemap {padding-left: 20px;}
li.sitemapinner {
	padding: 2px;
	margin-left:20px;
	list-style-type:circle;
	list-style-color:blue;
}
/* ---------------------------------------------------------------------------------------------------------------- */

div.footer {
	border-top:1px solid #0133B6;
	color:#000000;
	padding: 10px 20px 10px 0px;
	margin-top:2px;
}



div.flags {
	float:left;
	padding:0px 0px 0px 20px;	
}

div.print {
	float:left;	
	padding-left:30px;
}
	
div.imprint {
	text-align: right;
	font-size: 11px;
	padding: 0px 0px 0px 10px;	
	color: #505D86;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/*               Navigation                  										    */
/* ---------------------------------------------------------------------------------------------------------------- */
ul.menu {
	background-color:white;
	background-image: url(../gfx/gradient.jpg);
	border-top:1px solid #0133B6;
	border-bottom:1px solid #0133B6;
	height:40px;
}

ul.menu, ul.menu ul { list-style-type: none; }

ul.menu ul {
    margin-left:-20px;
    padding: 0 0 0 0;
    position: absolute;
    display:none;
}

ul.menu li {
    padding-left:20px;
    background-color: yellow;
    float:left;
    width:180px;
    margin-left:-30px;
    margin-top: 12px;
    background-color:transparent;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* Über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul {
    display:block;   
}

ul.menu ul li {
    float:none;
    background-color: white;
    margin-left:0px;
    margin-bottom:-12px;
    padding-top:12px;
    padding-bottom:11px;
    border-bottom:1px solid #0133B6;
    border-left:1px solid #0133B6;
    border-right:1px solid #0133B6;
    width:150px;
}

ul.menu ul li:hover { background-image: url(../gfx/gradient.jpg); }

ul.menu li a,
ul.menu li a:link,
ul.menu li a:active,
ul.menu li a:visited {
	color: #505D86;
	text-decoration: none;
	font-weight: bold;
}

ul.menu li a:hover {
	color: #505D86;
	text-decoration: underline;
}

/* IE-Hack 6.0 */
/* * * * * * * */
*html ul.menu {
	margin-left:0px;
	padding-left: 10px;
}
*html ul.menu ul li {
    margin-left:0px;
    padding-top:12px;
    padding-bottom:12px;
    width:179px;
}
*html ul.menu ul {
	margin-left:-69px;	
	margin-top:17px;
}
*html ul.menu ul li:hover { background-image: url(../gfx/gradient.jpg); }
*html ul.menu li { margin-left: 0px; }
*html ul.menu li a:link, ul.menu li a:visited { margin-left:-3px; }
*html ul.menu li a:hover { margin-left:-3px; }
*html li.ie { height:25px; }


/* IE-Hack 7.0 */
/* * * * * * * */
*+html ul.menu {
	margin-left:0px;
       padding-left: 30px;
}
*+html ul.menu ul li {
    margin-left:0px;
    padding-top:12px;
    padding-bottom:11px;
    width:148px;
}
*+html ul.menu ul {
	margin-left:-69px;	
	margin-top:17px;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/*               Überschriften                                                                                      */
/* ---------------------------------------------------------------------------------------------------------------- */
h1 { font-size:16px; color: #082FC8 }
h2 { font-size:16px; }
h3 { font-size:13px; }
h4 { font-size:12px; }
h5 { font-size:11px; }

h1, h2, h3, h4, h5 { color: #082FC8; }

/* ---------------------------------------------------------------------------------------------------------------- */
/*               Hyperlinks                                                                                         */
/* ---------------------------------------------------------------------------------------------------------------- */
a,
a:link,
a:visited,
a:active,
a:hover {
	color: #505D86;
	text-decoration:none;
}
a:hover {
    text-decoration:underline;	
}

a img { border: none; }