﻿* {
margin:0;
padding:0;
}

img{
border:none;
}

body {
font: 0.9em Arial;
color: #3B5266;
}

input,textarea{
font: 1.1em Arial;
}

/*
62.5% = 10px

0.8em = 8px
0.9em = 9px
1em = 10px
1.1em = 11px 
1.2em = 12px 
1.4em = 14px 
*/

a {
text-decoration: none;
color: #3B5266;
}

a:hover {
text-decoration: underline;
}

.link {
padding: 0 0 0 16px;
background: url(/images/SEN/Internet/pfeil_r.gif) 0px 4px no-repeat;
}

.back{
clear:both;
padding: 0 0 16px 16px;
font-size: 1.1em;
}

.back a{
padding: 0 0 0 16px;
background: url(/images/SEN/Internet/pfeil_l.gif) 0px 4px no-repeat;
}

h3 .link{
display:block;
margin-bottom:6px;
background-position:0px 6px;
}

h2 .link {
background-position:0px 5px;
}

.downloadPDF {
background: url(/images/SEN/Internet/download_pdf.gif) 0 0 no-repeat;
padding: 0 0 0 26px;
}

.downloadMovie {
background: url(/images/SEN/Internet/download_movie.gif) 0 0 no-repeat;
padding: 0 0 0 26px;
}

.downloadMusic {
background: url(/images/SEN/Internet/download_music.gif) 0 0 no-repeat;
padding: 0 0 0 26px;
}

.downloadppt {
background: url(/images/SEN/Internet/download_ppt.gif) 0 0 no-repeat;
padding: 0 0 0 26px;
}

.download  {
background: url(/images/SEN/Internet/download.gif) 0 0 no-repeat;
padding: 0 0 0 26px;
}

.teaser .link,.teaser .download,.teaser .downloadMedia{
display:block;
}

#content {
width:980px; 
}

#logo {
width:611px; 
height:36px; 
padding: 18px 0 0 0;
float:left;
}

#c1 {
width:144px; 
height:54px; 
background-color:#fefeff;
float:left;
}

#c2 {
width:225px; 
height:54px; 
float:left;
}

#c3 {
width:144px; 
height:36px;
background-color:#c5ddfb; 
float:left;
}

#service {
font-size: 1.1em;
width:594px;
height:28px; 
padding: 8px 17px 0 0;
background-color:#e2edfd; 
text-align:right; 
float:left;
}

#service ul {
display: inline;
margin: 0 0 0 3px;
}

#service li {
display: inline;
background: url(/images/SEN/Internet/separator.gif) 2px 16px no-repeat;
padding: 14px 3px 18px 8px;
}

#service li.first {
background: none;
}

#service li a {
}

#service li.active {
}

#service li a:hover {
}


#footer {
margin: 9px 0 10px 8px;
color: #3B5266;
clear: both;
font-size: 1.0em;
}

#footer ul {
display: inline;
margin: 0;
}

#footer li {
display: inline;
background: url(/images/SEN/Internet/separator.gif) 2px 15px no-repeat;
padding: 14px 3px 18px 8px;
}

#footer li.first {
background: none;
}

#footer li a {
}

#footer li a:hover {
}


#country {
width:207px;
height:28px; 
padding: 8px 18px 0 0;
background-color:#c5ddfb; 
text-align:right; 
float:left;
font-size: 1.1em;
position:relative;
}

#country a {
margin: 0 0 0 2px;
font-size: 0.91em;
}

.site {
width:144px; 
height:54px; 
background-color:#6c7681; 
text-align:left; 
float:left;
}
/*##################### primnav start ####################*/


#nav a {
text-decoration: none;
color: #3B5266;
}

#nav {
width:610px; 
height:54px; 
background-color:#c5ddfb; 
font-size: 1.2em;
font-weight:bold;
float:left;
}

#navspace{
float:left;
width:5px;
height:54px; 
background-color:#c5ddfb; 
}


#nav div {
float:left;
}

#nav div a {
display:block;
}

#nav div a:hover {
background-color:#FFF;
}

#nav .rel {
position:relative;
background-color:#c5ddfb;
z-index:99;
}

#nav .subnav{
background-color: transparent;
display:none;
position:absolute;
margin-top:32px;
top:0;
left:0;
}


#nav div .subnav a{
background-color: #EBEDF0;
width:200px;
padding: 2px 5px 2px 6px;
filter:alpha(opacity=95);
-moz-opacity:.95;
overflow:hidden;
border-bottom:1px solid #939FAC;
}


#nav div .subnav a.snlast{
border-bottom:none;
}

#nav .rel a {
padding: 12px 5px 5px 6px;
}

#nav .rel a.act {
color: #ebedf0;
}

#nav div .subnav a:hover{
background-color: #FFF;
width:200px;

filter:alpha(opacity=100);
-moz-opacity:1;
}

#nav .sep{
margin-top:14px;
line-height:0.1em;
width:1px;
height:12px;
border-right:1px solid #3B5266;
}

/*##################### primnav end ####################*/

/*##################### secnav start ####################*/
.col1 {
width:144px; 
float:left;
padding:17px 0 0px 0px;
overflow:hidden;
}

.col1 a{
font-weight:bold;
font-size:1.2em;
text-decoration:none;
display:block;
width:136px;
color:#3B5266;
padding:1px 0px 1px 8px;
}


.col1 a:hover{
background-color:#FFF;
text-decoration:none;
}


.col1 ul{
margin-left:0px;
padding-left:0px;
list-style-type: none;
}

.col1 .nav3{
margin-bottom:15px;
}


.col1 li li a{
font-weight:normal;
font-size:1.2em;
padding-left:7px;
width:137px;
}

.col1 li li li a{
font-size:1.2em;
padding-left:14px;
width:130px;
background: url(/images/SEN/Internet/navSquare.gif) 8px 9px no-repeat;
}


.col1 li li li li a{
font-size:1.1em;
width:118px;
padding-left:26px;
background: url(/images/SEN/Internet/navDots.gif) 19px 7px no-repeat;
}

.col1 a.act{
color: #F41B22;
background-color:#fff;
}
/*##################### secnav end ####################*/

#topNav {
font-size: 1.2em;
font-weight:bold;
}

#topNav li {
display: inline;
background: url(/images/SEN/Internet/separator.gif) 0 18px no-repeat;
padding: 14px 3px 18px 8px;
}

#topNav li a {
}

#topNav li.first {
background: none;
padding: 0;
}

#topNav li.active {
color: #3B5266;
}

#topNav li a {
}

#topNav li a:hover {
}

#search {
width:209px;
height:43px;	
padding: 11px 0 0 16px;
background-color:#939FAC; 
float:left;
}

#search a {
color: #FFF;
}

#search input {
width: 138px;
height: 15px;
border: 1px solid #EBEDF0;
margin: 0 0 5px 0;
float:left;
}

#search #submit {
width: 38px;
height:15px;
padding: 2px 0 0 9px;
background: #D8DCE1;
color: #3B5266;
display:block;
margin: 0 0 5px 0;
float:left;
}

.bgcolor {
width:980px; 
float:left; 
background: url(/images/SEN/Internet/bgimage.gif) 0 0 repeat-y;
}

#main {
float:left; 
width:611px;
}

h1 {
font-size: 2.3em;
line-height: 117.4%;
margin: 0 0 15px 0;
}

h2 {
font-size: 1.8em;
line-height: 117.4%;
margin: 0 0 11px 0;
}

.col4 h2{
margin: 0 0 11px 0px;
}

h3 {
font-size: 1.4em;
line-height: 127%;
margin: 0 0 4px 0;
clear:both;
}

#main .p {
clear: both; 
padding: 0;
font-size: 1.1em;
line-height: 163.7%;
margin-top: 7px;
margin-bottom: 17px;
}

#main .p img{

margin-bottom: 17px;
}

#main p {
margin: 0 0 17px 0;
}



.col2 {
width:282px; 
float:left;
padding: 0 0 0 16px;

}

.col3 {
width:282px; 
float:left; 
padding: 0 0 0 15px;
}

.col3 .p {
padding: 0;
}

.hr{
border-top:1px solid #3B5266;
height:1px;
line-height:0em;
font-size:0em;
}

#main .hr{
margin: 0 0 17px 0;
}

.col4 .hr{
padding: 0 0 10px 0;
}

.col4 {
width:225px; 
float:left;
}

.teaser {
padding: 12px 13px 8px 16px;
background-color:#c5ddfb; 
width:196px;
}

.downloadsize {
font-size:0.8em;
font-weight:normal;
white-space: nowrap;
}

.rss{
background: url(/images/SEN/Internet/rss.gif) 100% 0px no-repeat;
padding-right:15px;
}


.col4Bottom .teaser {
border:none;
width:150px;
}

.col4 .height1{
height:auto;
}

.col4 .height2{
height:120px;
}

.teaser .p {
font-size: 1.2em;
line-height: 150%;
padding: 0 0 20px 0;
}

.teaser a {
font-size: 1.2em;
line-height:133.4%;
padding-bottom: 10px;
}

.teaser .download span {
font-size: 0.75em;	
}

.col4 hr {
height: 0; 
border-width: 1px 0 0 0;
border-style: solid; 
border-color: #3B5266;
margin: 0 0 4px 0;
}

.col4Bottom {
border-top: 1px solid #3B5266;
padding:16px 16px 0px 16px;
}

.col4Bottom .p {
font-size: 1.2em;
line-height: 125%;
padding: 0 0 10px 0;
}

.col4Bottom .p span {
font-weight:bold;
}



/*##################### content start  ####################*/
#crumbNav{
padding: 6px 10px 20px 18px;
font-size: 1.0em;
}

#crumbNavHome{
height:16px;
}

.twoColumns{
padding: 0px 16px 0px 16px;
width:579px;
}

.headColored{
clear:both;
background-color:#c5ddfb;
margin-bottom:10px;
color:#3b5266;
min-height:20px; 
height:auto !important; 
height:20px; 
font-size: 1.4em;
font-weight:bold;
line-height:1.4em;
margin-top: 10px;
}
 
.headColored a{
background: url(/images/SEN/Internet/pfeil_rb.gif) 0 0 no-repeat;
padding-left:20px;
display:block;
color:#3B5266;
text-decoration:none;
min-height:20px; 
height:auto !important; 
height:20px; 
cursor:hand;
cursor:pointer;
 
}
 
.headColored a span{
display:block;
padding-left:5px;
border-left:1px solid white;
}
 
.headColored span{
display:block;
padding-left:5px;
border-left:1px solid none;
}
 
.headColored img{
float:right;
}

div.button{
margin-top:2px;
margin-bottom:9px;
}

div.button a,.col4 .teaser div.button a{
background: #3B5266 url(/images/SEN/Internet/pfeil_but.gif) 0 0 no-repeat; 
color: #FFF; 
text-decoration:none;
font-size: 1.4em;
font-weight:bold;
padding: 2px 5px 2px 25px;	
display:inline;
}


.col4 .teaser div.button a{
background: #3B5266 url(/images/SEN/Internet/pfeil_but2.gif) 0 0 no-repeat;
}

div.button a:hover{
text-decoration:none;
}

.rsshelp{
font-size: 1.1em;
background: url(/images/SEN/Internet/rss.gif) 0px 6px no-repeat;
padding:10px 10px 0px 20px;
}

.clear{
clear:both;
line-height:0px;
}


#main .top{
clear:both;
padding:6px 0px 0px 0px;
}

#main .top a{
background: url(/images/SEN/Internet/pfeil_t.gif) 0px 2px no-repeat;
padding:0px 5px 0px 15px;
font-size: 1.1em;
}

.spezial,.spezial a{
color:#00A650
}

.left{
float: left;
margin-right: 10px;
margin-top: 3px;
}

.right{
float: right;
margin-left: 10px;
margin-top: 3px;
}

/*##################### content end  ####################*/





/*##################### lists start  ####################*/
.cz_link 
{
    margin:0;
    padding:0;
    list-style-type:none;
}

#main div.p ul {
	/*
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	*/
}

#main div.p ul li {
/*
	margin-left: 16px;
	*/
}


#main ul{
padding: 0px 0px 16px 0px;
margin-left:16px;
}

.col4 ul{
padding: 0;
}

#main ul.linklist,.col4 ul.linklist{
list-style-type: none;
}

#main ul.linklist li,.col4 ul.linklist li{
padding-left:14px;
background: url(/images/SEN/Internet/pfeil_r.gif) 0px 4px no-repeat;
}

#main ul.linklist li.downloadPDF,.col4 ul.linklist li.downloadPDF {
background: url(/images/SEN/Internet/download_pdf.gif) 0 0 no-repeat;
padding: 0 0 0 26px;
}


#main ul.linklist li.downloadMovie,.col4 ul.linklist li.downloadMovie {
background: url(/images/SEN/Internet/download_movie.gif) 0 0 no-repeat;
padding: 0 0 0 26px;
}

#main ul.linklist li.download,.col4 ul.linklist li.download {
background: url(/images/SEN/Internet/download.gif) 0 0 no-repeat;
padding: 0 0 0 26px;
}

#main ul.linklist li a{
font-size:1.1em;
}

.col4 ul.linklist li a{
font-size:1.0em;
}

/*##################### lists end  ####################*/






/*##################### Product start  ####################*/
#prodmain {
border: 1px solid #8F8F8F;
padding:16px 16px 16px 16px;
width:545px;
float:left;
}


#prodflag {
position: relative;
width: 100%;
height: 10px;
padding-top:0px;
}

#prodflag ul {
margin: 0;
padding: 0;
position: absolute;
bottom: -1px;
}

#prodflag ul li  {
display: inline;
list-style: none;
}

#prodflag ul div {
float: left;
background: url(/images/SEN/Internet/prodflag.gif) 0px 2px no-repeat;
height:25px;
width:5px;
padding-right: 1px;
border:none;
}


#prodflag ul div.r {
height:26px;
}

#prodflag ul a,#prodflag ul span{
display: block;
float: left;
padding: 4px 4px 4px 7px;
margin: 2px 0px 0 0;
text-align: center;
border: 1px solid #8F8F8F;
border-right:none;
font-size: 1.1em;
font-weight:bold;
}

#prodflag ul span {
background-color:#fff;
border-bottom: none;
padding-bottom: 5px;
margin-top: 2px;
color:#F41B22;
}

#prodflag ul a {
border-bottom: none;

}
/*##################### Product end  ####################*/

div .twoColumns em{
float:left;
width:578px;
}

/*############### form start ##############*/
div.p .formbody {
clear: both;
width: 381px;
}

.formbody .headColored{
margin-bottom:1px;
}

.formbox {
border-top:1px solid #d8dce1;
border-bottom:1px solid #FFF;
background-color: #d8dce1;
}

div.p .formbox div {
font-size:1.0em;
}

.formbox input,textarea,select {
font-size: 1em;
margin-top: 5px;
}

.formbox .reihe {
clear: both;
padding: 0px 17px 0px 17px;
}

.formbox .border1{
clear: both;
border-bottom:1px solid #FFF;
padding-top: 7px;
line-height:0.1em;

}

.formbox .border2{
clear: both;
border-bottom:1px solid #FFF;
padding: 12px 17px 14px 17px;

}

.formbox .label {
float: left;
width: 97px;
text-align: left;
padding-top: 5px;
}

.formbox .feld {
float: right;
width: 214px;
text-align: left;
}

.formbox .knopf {
clear: both;
text-align: right;
}

.formbox .knopf input {
margin-top:0px;
}

.formbox .defbreite {
width: 200px;
}
.formbox .error {
color:#FF0000;
font-size:1.1em;
}

.formbox .mandatory
{
font-size:1.5em;
padding-left:1px;
}
/*############### form end ##############*/

/*############### portal switch start ##############*/
#portalswitch .portallink
{
font-size: 1em;
width:100%;
text-decoration:none;
display:block;
}

#portalswitch{
display:none;
position:absolute;
background-color:#EBEDF0;
top:20px;
left:0px;

}

#portalswitch table{
border:1px solid #939FAC;
width:225px;
}

#portalswitch table td{
padding:2px 3px 2px 3px;
}

#portalswitch .header{
font-weight:bold;
}
/*############### portal switch end ##############*/

table.product {
	border: 1px solid #000;
	border-width: 1px 0 0 1px;
}

table.product td, table.product th {
	padding: 5px;
	vertical-align: top;
	border: 1px solid #000;
	border-width: 0 1px 1px 0;
}

/*################## START: col4 teaser fix (home): rh - 21.11.2007 ################*/
.col4 .teaser .hr{
	margin-top:10px;
}

.col4 .teaser .firsthr{
	padding-top:35px;
}


.col4 .teaser ul li{
	list-style: none;
}

.col4 .teaser .downloadsize{
	font-size: 1em;
}

.col4 .teaser .downloadPDF{
	background-position: 0px 2px;
	padding-left:29px;
}

.col4 .teaser .button{
margin-top:0px;
margin-bottom:0px;
}

.teaser .p {
padding-bottom:17px;
}
/*################## END: col4 teaser fix (home): rh - 21.11.2007 ################*/
#nav .subnav{
font-weight:normal;
}