/* CSS Document */

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

body {
	background-color:#F2F5F7;
	margin:10px auto;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:100.01%;
	color:#333E50;
	text-align:center;
}

img {
	border:none;
}

h1 {
	font-size:1.1em;
	color:#5F7990;
	padding:15px 0 15px 0;	
}

h1.info {
	font-size:1.1em;
	color:#5F7990;
	padding:15px 0 0 0;	
}

h2 {
	font-size:1.0em;
	line-height:140%;
	font-weight:bold;
	padding: 0 0 15px 0;
}

h2.noBottom {
	font-size:1.0em;
	line-height:140%;
	font-weight:bold;
	padding: 0;
}

p {
	margin-bottom:10px;
}

a, a:visited {	
	font-weight:bold;	
	color:#333E50;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.light {
	color:#a1bbc6;
	text-decoration:none;
}

a.light:hover {
	color:#a1bbc6;
	text-decoration:underline;
}
/* Container */

#topnaviBox {	
	margin: 0 auto;
	width:801px;	
	height:18px;
	text-align:left;
}

#headerBox {	
	margin: 2px auto;
	width:801px;
	height:153px;
	text-align:left;
	background: url(../images/background/bg_head.jpg) no-repeat left top;
	overflow:hidden;
}

#headerBoxSubnavi {	
	margin: 2px auto;
	width:801px;
	height:164px;
	text-align:left;
	background: url(../images/background/bg_head_subnavi.jpg) no-repeat left top;
	overflow:hidden;
}

#headerBoxTop {
	height:131px;
	clear:both;
}

#naviBox {
	width:778px;
	height:26px;
	margin: 35px 9px 0 11px;
	float:right;
	overflow:hidden;
}

#subnaviBox {
	padding:1px 0 0 0;	
	height:29px;
	width:100%;
}

#contentBox {
	margin: 13px auto;
	width:801px;
	text-align:left;
	font-size:0.8em;
	line-height:140%;	
}
#contentBoxPopup{
	margin: 13px auto;
	width:90%;
	text-align:left;
	font-size:0.8em;
	line-height:140%;	
}
#homeContentBox {
	margin: 13px auto;
	width:801px;
	text-align:left;
	font-size:0.8em;
	line-height:140%;
	height:470px;
}

.wideBox {
	width:531px;
	float:left;
}
.wideBoxPopup {
	width:531px;
	float:none;
	margin:auto;
}
.ultrawideBox {
	width:801px;
	float:left;
}
.smallBox {
	width:261px;
	float:left;
	margin:0 0 0 9px;
}

/* Navigation (oben, mainnavi und subnavi), Header Bereich */

#topnavi {
	float:right;	
	width:75%;	
}

#topnavi ul li {
	list-style:none;	
	float:right;
	vertical-align:top;
	text-align:right;
}

#topnavi ul li a {	
	background: url(../images/arrow/arrow_topnavi.gif) no-repeat left bottom;	
	font-size:70%;
	font-weight:bold;
	color:#446890;
	text-decoration:none;
	padding:0 10px;
	vertical-align:top;
}

#topnavi a:hover {
	text-decoration:underline;
}

#subnavi {
	height:30px;
	margin:9px 0 0 21px;
}

#subnavi ul li {
	float:left;
	list-style:none;
	vertical-align:top;
	text-align:left;
	font-size:70%;
	color:#C0DCF2;
	margin: 0 25px 0 0;
}

#subnavi ul li a {	
	background: url(../images/arrow/arrow_subnavi.gif) no-repeat left bottom;
	color:#C0DCF2;
	text-decoration:none;
	padding:0 0 0 10px;
	vertical-align:top;
	font-weight:normal;
}

#subnavi a:hover {
	color:#FFF;
	background: url(../images/arrow/arrow_subnavi2.gif) no-repeat left bottom;	
}

#subnavi ul li a.active, #subnavi ul li.active {	
	background: url(../images/arrow/arrow_subnavi2.gif) no-repeat left bottom;	
	font-size:70%;
	font-weight:normal;	
	color:#FFFFFF;
	text-decoration:none;
	padding:0 0 0 10px;
	vertical-align:top;
}


#logo {
	float:left;
	padding:22px 0 0 21px;
	width:194px;
	height:40px;
}

#slogan {
	float:left;
	padding:22px 0 0 0;
	width:300px;
	height:50px;
}


#naviBox img {
	margin:0 2px 0 0;
}

/* Content Bereich */
.ultrawideHeader {
	width:801px;
	height:20px;
	color:#FFFFFF;	
	font-weight:bold;
	padding:4px 20px 0 20px;
	background: url(../images/background/bg_content_ultrawide1.jpg) no-repeat left top;
}
.wideHeader {
	width:491px;
	height:20px;
	color:#FFFFFF;	
	font-weight:bold;
	padding:4px 20px 0 20px;
	background: url(../images/background/bg_content_wide1.jpg) no-repeat left top;
}
.ultrawideContent {
	padding:0 1px;
	width:800px;
	background: url(../images/background/bg_content_ultrawide2.jpg) repeat-y;
}
.wideContent {
	padding:0 1px;
	width:529px;
	background: url(../images/background/bg_content_wide2.jpg) repeat;
}
.ultrawideFooter {
	margin:0 0 9px 0;
	height:12px;
	width:801px;
	background: url(../images/background/bg_content_ultrawide3.jpg) no-repeat left top;
	overflow:hidden;
}
.wideFooter {
	margin:0 0 9px 0;
	height:12px;
	width:531px;
	background: url(../images/background/bg_content_wide3.jpg) no-repeat left top;
	overflow:hidden;
}

.smallHeader {
	width:221px;
	height:20px;
	color:#FFFFFF;	
	font-weight:bold;
	padding:4px 20px 0 20px;
	background: url(../images/background/bg_content_small1.jpg) no-repeat left top;
}

.smallContent {
	padding:5px 20px 20px 20px;	
	width:221px;
	background: url(../images/background/bg_content_small2.jpg) repeat;
}

.smallContentPartner {
/*
	height:124px;	
	width:221px;
	padding:0 20px;
*/
	padding-left: 1px;
	background: url(../images/background/bg_content_small2.jpg) repeat;
}


.smallFooter {
	margin:0 0 9px 0;	
	height:12px;
	width:261px;
	background: url(../images/background/bg_content_small3.jpg) no-repeat left top;
	overflow:hidden;
}

.smallFooterHome {
	height:12px;
	width:261px;
	background: url(../images/background/bg_content_small3.jpg) no-repeat left top;
	overflow:hidden;
}


.center {
	text-align:center;
}

.textBlock  {
	padding: 5px 20px 20px 20px;	
}
.contentBlue {
	background-color:#F0F5FB;
	padding:15px 20px 10px 20px;
}

.contentWhiteTop {
	padding:5px 20px 10px 20px;
	background-color:#FFF;
}

.contentWhite {
	padding:15px 20px 5px 20px;
	background-color:#FFF;
}


.myFrame {
	border: none;
	width:529px;
}

a.linktext, a:visited.linktext {
	background: url(../images/arrow/arrow_link.gif) no-repeat left top;
	font-weight:bold;	
	color:#333E50;
	text-decoration:none;
	display:block;	
	padding: 0 10px;
}

a:hover.linktext {
	text-decoration:underline;
}
a.lightlinktext, a:visited.linktext {
	background: url(../images/arrow/arrow_link.gif) no-repeat left top;
	font-weight:bold;	
	color:#a1bbc6;
	text-decoration:none;
	display:block;	
	padding: 0 10px;
}

a:hover.lightlinktext {
	text-decoration:underline;
	color:#333E50;
}
a.extern, a:visited.extern {
	background: url(../images/arrow/arrow_link.gif) no-repeat left top;
	font-weight:bold;	
	color:#333E50;
	text-decoration:none;
	
	padding: 0 10px;
}

a:hover.extern {
	text-decoration:underline;
}
td.tdHWKey {
	width:15px;
	text-align:right;
	padding: 0 5px 0 0;
}

table.tableInfoWhite {
	background-color:#FFF;
	margin: 10px 0 5px 0;
}

td.tdInfoLi {	
	padding:5px 9px;
	width:215px;
}

td.tdInfoMi {	
	padding:5px 9px;
	width:149px;
}

td.tdInfoRe {	
	padding:5px 9px;
	width:68px;
}

p.status {
	margin: 0 0 10px 9px;
}

/* Styles f�r Linien, Abstand, ... */

.lineDashed {
	background:url(../images/misc/line_dashed.gif) repeat;
	height:1px;
	margin: 15px 0;
}

.trennerWhite {
	background-color:#FFF;
	height:10px;
	overflow:hidden;
}

.noBottom {
	margin:0;
}

.clear {
	clear:both;
}

.displayBlock {
	display:block;
}

.displayNone {
	display:none;
}

.bgWhite {
	background-color:#FFF;
}
/* Home Bereich mit Teaser-Bild */

.smallBoxLeft {
	width:261px;
	float:left;
}

.smallContentBild {
	width:261px;
	height:123px;
	background: url(../images/background/bg_home_small2.jpg) repeat;
	text-align:center;
}

.smallContentHome {
	padding:5px 20px 20px 20px;	
	width:221px;
	height:286px;
	overflow:auto;
	background: url(../images/background/bg_content_small2.jpg) repeat;
}

.input {
	font-size:80%;
	width:161px;
	height:18px;
	margin:1px 0 5px 0;
	background-color:#F1F4F6;
	border:1px solid #A5C2D1;
	color:#40526D;
}

/* Home-Teaser rechts */

/* teaser oben */
.smallContentHomeRe1 {
	padding:0 20px;
	width:221px;
	height:124px;
	overflow:hidden;
	background: url(../images/background/bg_content_small2.jpg) repeat;	
}
/* teaser unten */
.smallContentHomeRe2 {
	padding:5px 20px 5px 20px;	
	width:221px;
	height:240px;
	overflow:auto;
	background: url(../images/background/bg_content_small2.jpg) repeat;
}

/* Footer */

#footerBox {	
	margin:0 auto;
	text-align:center;
	width:801px;
	font-size:70%;
	color:#8E9DB2;
}

.linkFooter a, a.linkFooter {	
	background: url(../images/arrow/arrow_link_footer.gif) no-repeat left bottom;
	font-weight:normal;	
	color:#8E9DB2;
	text-decoration:none;
	margin:0 0 0 3px;
	padding-left:10px;
}

.linkFooter a:hover, a:hover.linkFooter {
	text-decoration:underline;
}
#history {		
	height:52px;
	padding:0 0 0 0px;
	background-color:#E2ECF6;
}

.input {
	width:251px;
	margin:1px 0 5px 0;
}

.inputStr {
	width:191px;
	margin:1px 15px 5px 0;	
}

.inputHausnr {
	width:42px;
	margin:1px 0 5px 0;
}

.inputPlz {
	width:57px;
	margin:1px 15px 5px 0;	
}

.inputOrt {
	width:176px;
	margin:1px 0 5px 0;
}

.select55 {
	width:55px;
	height:20px;
	margin:1px 15px 5px 0;	
}

.select95 {
	width:95px;
	height:20px;
	margin:1px 15px 5px 0;	
}

.select65 {
	width:65px;
	height:20px;
	margin:1px 0 5px 0;
}

.select125 {
	width:125px;
	height:20px;
	margin:1px 0 5px 0;	
}

.helpIcon {
	vertical-align:top;
}

.helpIconText {
	position:relative;
	top:5px;	
}

.checkbox {
	width:12px;
	height:12px;
	margin:0 10px 2px 0;
}

.linkButton {
	background-color:#E1EBF5;
	width:auto !important;
	min-width:77px;
	height:21px;	
	padding:3px 8px 0 0;
	margin:25px 25px 5px 0;
	overflow:hidden;	
	float:left;
}

.linkButton2 {
	background-color:#E1EBF5;
	width:auto !important;
	min-width:77px;
	height:21px;	
	padding:3px 8px 0 0;
	margin:5px 25px 5px 0;
	overflow:hidden;	
	float:left;
}

a.linkButtonText, a:visited.linkButtonText  {	
	background: url(../images/arrow/arrow_linkbutton.gif) no-repeat left bottom ;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	padding:0px 10px 3px 10px;
	margin: 0 0 0 10px;
}

a.linkButtonBackText, a:visited.linkButtonBackText {
	background: url(../images/arrow/arrow_linkbutton_back.gif) no-repeat left bottom ;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	padding:0px 10px 3px 10px;
	margin: 0 0 0 10px;
}

a:hover.linkButtonText, a:hover.linkButtonBackText{
	text-decoration:underline;
}

.contentBlue {
	background-color:#F0F5FB;		
	padding:14px 20px 14px 19px;
/*	font-size:100.01%; */
	line-height:140%;	
}

.contentWhite {
	background-color:#FFFFFF;
	padding:14px 20px 14px 19px;
/*	font-size:75%; */
	line-height:140%;	
}
.contentError {
	background-color:#FFAAAA;
	padding:14px 20px 14px 19px;
/*	font-size:75%; */
	line-height:140%;	
}
select {
	font-size:100.01%;
}
.noBottom {
	margin:0;
}

/* Geraeteverwaltung-Popup */

.hwSetupPopupContentColor {
    background-color:#99CCFF;
}


a.feedbacksystem
{
    position: fixed;
    bottom: -25px;
    right: 0;
    font-size: 11px;
    height: 35px;
    text-align: right;
    margin-top: 100px;
    text-decoration: none;
}

a:hover.feedbacksystem
{
    bottom: 0;
    width: 100%;
    left: 0;
    text-decoration: none;
    background-color: #f5f5f5;
    border-top: 1px solid #dbdbdb;
}

a.feedbacksystem div.nip
{
    background-color: #224974;
    color: #fff;
    width: 40px;
    display: block;
    height: 20px;
    font-size: 8px;
    text-align: center;
    position: absolute;
    right: 0;
    cursor: pointer;
}

a:hover.feedbacksystem div.nip
{
    display: none;
}

a.feedbacksystem div.feedbackcontent
{
    display: none;
}
a:hover.feedbacksystem div.feedbackcontent
{
    display: block;
    margin-right: 20px;
    margin-top: 5px;
}

a.feedbacksystem input{
    background-color: #224974;
    border-color: #8EB0D6 #224974 #224974 #8EB0D6;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    padding: 2px;
    margin-top: 3px;
    font-size: 11px;
    cursor: pointer;
    font-weight: bold;
}