/******** allgemeine Definition *************/
body {
        background: #7190A0 url(../images/bg-page.gif) repeat-x;
        margin: 0px;
        padding: 0px;
        height: 100%;
        width: 100%;
        color: #373737;
        scrollbar-face-color:#7C9AA8;
        scrollbar-highlight-color:#FFFFFF;
        scrollbar-3dlight-color:#7C9AA8;
        scrollbar-darkshadow-color:#7C9AA8;
        scrollbar-shadow-color:#244962;
        scrollbar-arrow-color:#FFFFFF;
        scrollbar-track-color:#7C9AA8;
}

.page-header-top {
        height: 20px;
        width: 100%;
        text-align: right;
        vertical-align: bottom;
        padding: 0px 61px 1px 0px;
}

.sprachwahl {
        width: 100%;
        text-align: right;
        margin: 0px 0px 1px 0px;
}

.sprachwahl img {

}

.page-header-logo {
        background: #000000 url(../images/bg-header.jpg) no-repeat 0px 0px;
        text-align: right;
        vertical-align: bottom;
        margin: 10px 0px 0px 0px;
        padding: 0px 61px 0px 0px;
        height: 79px;
        width: 100%;
        overflow:hidden;
}

html > body .page-header-logo object {
        position:absolute;
        top:20px;
        right:50px;
}

.menubar {
        margin: 0px;
        padding: 0px;
        height: 34px;
        width: 100%;
        text-align: left;
        vertical-align: top;
}

.content-border-top {
        background: url(../images/bg-content-top.gif) repeat-x;
        width: auto;
}

.content-border-right {
        background: url(../images/content-right.gif) repeat-y;
        width: 84px;
}

.content-bg {
        background: url(../images/content-left.gif) repeat-y;
        width: 100%;
        text-align: left;
        vertical-align: top;
        padding: 20px 20px 20px 40px;
}

td, p {
        font: 12px Arial, Verdana, Helvetica, sans-serif;

}

.content-title {
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
    color: #2E6275;
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 15px;
}

.news-box-content #CONTENT_2 .content-title {
    font: bold 11px Arial, Verdana, Helvetica, sans-serif;
    color: #2E6275;
    padding: 0px 0px 0px 0px;
	margin: 21px 0px 0px 0px;
}

.news-box-content #TITLE {
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/**********************************************/

/******** Definition Home-Content *************/
#home .content-box-left {
        font: 12px Arial, Verdana, Helvetica, sans-serif;
        color: #373737;
        margin: 0px;
        padding: 0px 0px 0px 25px;
        width: auto;
        text-align: left;
        vertical-align: top;
        line-height: 140%;
}

#home .content-box-right {
        font: 10px Arial, Verdana, Helvetica, sans-serif;
        color: #373737;
        margin: 0px;
        padding: 0px;
        width: 260px;
        text-align: center;
        vertical-align: top;
}
/**********************************************/


/******** Definition General Content *************/
#general .content-box-left {
        font: 10px Arial, Verdana, Helvetica, sans-serif;
        color: #373737;
        margin: 0px;
        padding: 0px;
        width: 215px;
        text-align: center;
        vertical-align: top;
        line-height: 140%;
}

#general .content-box-right {
        color: #373737;
        margin: 0px;
        padding: 0px 0px 0px 15px;
        width:auto;
        text-align: left;
        vertical-align: top;
}

#general .content-box-right #CONTENT_1{
        font: 12px Arial, Verdana, Helvetica, sans-serif;
}

/* wird zu Testzwecken mal auskomentiert */

#general strong {
         /* font: bold 12px Arial, Verdana, Helvetica, sans-serif; */
        color: #2E6275;
        padding: 0px 0px 0px 0px;
}


#general #CONTENT_1 ul p {
        margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		line-height: 140%px;
}

#general #CONTENT_1 ul {
        list-style: url(../images/list-dot.gif);
}

/**********************************************/

/******* Definition Hauptnavigation ***********/
.menubar ul {
        height: 32px;
        width: auto;
        margin: 0px;
        padding: 0px;
}

li.norm {
        list-style: none;
        margin: 0px;
        padding: 0px 10px 0px 40px;
        float: left;
        background: url(../images/bg-menu-norm.gif) right;
        height: 32px;
        width: auto;
}

li.active {
        list-style: none;
        margin: 0px;
        padding: 0px 10px 0px 40px;
        float: left;
        color: #FF8C45;
        background: url(../images/bg-menu-active.gif) right;
        height: 32px;
        width: auto;
}

.menubar a.norm  {
        font: bold 10px Verdana, Arial, Helvetica, sans-serif;
        margin: 6px 0px 0px 0px;
        display:block;
        color: #FFFFFF;
        text-decoration: none;
}

.menubar a.norm:hover {
        font: bold 10px Verdana, Arial, Helvetica, sans-serif;
        color: #FF8C45;
        margin: 6px 0px 0px 0px;
        display:block;
        text-decoration: none;
}

.menubar a.active  {
        font: bold 10px Verdana, Arial, Helvetica, sans-serif;
        color: #FF8C45;
        margin: 6px 0px 0px 0px;
        display:block;
        text-decoration: none;
}

.menubar a.active:hover {
        font: bold 10px Verdana, Arial, Helvetica, sans-serif;
        color: #FF8C45;
        margin: 6px 0px 0px 0px;
        display:block;
        text-decoration: none;
}
/**********************************************/

/********* Definition News-Box Home ***********/
#home .news-box {
        margin: 0px auto 0px auto;
        padding: 0px;
        height: auto;
        width: 195px;
}

#home .news-box-header {
        margin: 0px;
        padding: 0px;
        background: url(../images/boxheader-home.gif) no-repeat;
        height: 4px;
}

#home .news-box-content {
        margin: 0px;
        padding: 5px 19px 19px 19px;
        font: 10px Arial, Verdana, Helvetica, sans-serif;
        background: url(../images/bg-box-home.gif) repeat-y;
        height: auto;
        width: 195px;
}

#home .news-box-content #CONTENT_2 p, #home .news-box-content td, .news-box-content #CONTENT_2{
        font: 10px Arial, Verdana, Helvetica, sans-serif;
		margin: 3px 0px 5px 0px;
        padding: 0px 0px 0px 0px;
}

#home .news-box-content strong {
        color: #2E6275;
}

#home .news-box-footer {
        margin: 0px;
        padding: 0px;
        background: url(../images/boxbottom-home.gif) no-repeat;
        height: 5px;
        width: 195px;
}
/**********************************************/

/********* Definition News-Box General ***********/
#general .news-box {
        margin: 0px auto 0px auto;
        padding: 0px;
        height: auto;
        width: 179px;
}

#general .news-box-header {
        margin: 0px;
        padding: 0px;
        background: url(../images/boxheader-menu.gif) no-repeat;
        height: 4px;
}

#general .news-box-content {
        margin: 0px;
        padding: 0px 1px 19px 1px;
        font: 11px Arial, Verdana, Helvetica, sans-serif;
        background: url(../images/bg-box-menu.gif) repeat-y;
        height: auto;
        width: 179px;
		text-align:top;
}

#general #CONTENT_1 .news-box-content p, #general #CONTENT_1 .news-box-content td{
        font: 10px Arial, Verdana, Helvetica, sans-serif;
}

#general .news-box-content #TITLE p.box-title {
        font: bold 11px Arial, Verdana, Helvetica, sans-serif;
        color: #2E6275;
        padding: 0px 0px 0px 10px;
}

#general .news-box-footer {
        margin: 0px;
        padding: 0px;
        background: url(../images/boxbottom-menu.gif) no-repeat;
        height: 4px;
        width: 179px;
}

 /* Übersichtsboxen unter Produkte  */
#general .content-box-right .news-box {
    float:left;
        margin: 15px 15px 15px 0px;
}

#general .content-box-right .news-box-content {
    font: 11px Arial, Verdana, Helvetica, sans-serif;
        padding: 16px 12px 15px 12px;
}

#general .content-box-right .news-box-content p {
    font: 11px Arial, Verdana, Helvetica, sans-serif;
}
/**********************************************/

/********* Definition Content-Boxen  ***********/

.content-box {
        margin: 5px 0px 0px 0px;
        padding: 0px;
        font: 11px Arial, Verdana, Helvetica, sans-serif;        
        height: auto;
        width: 179px;		
}

 /* Übersichtsboxen unter Produkte 
.content-box-right .content-box {
        float:left;
        margin: 15px 15px 15px 0px;
}
 */
 
.content-box-content {
        font: 11px Arial, Verdana, Helvetica, sans-serif;
	    text-align:top;
        padding: 15px 12px 15px 12px;
		background: url(../images/bg-box-menu.gif) repeat-y;
}

.content-box-content p{
       font: 11px Arial, Verdana, Helvetica, sans-serif;
        margin: 0px;
        padding: 0px;

}


/**********************************************/

/******* Definition Subnavigation ***********/
ul.level0 {
    list-style: none;
        height: auto;
        width: 176px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

li.level0 {
        list-style: none;
        margin: 0px;
        padding: 2px 0px 0px 10px;
        /* background: url(../images/bg-submenu.gif) no-repeat; */
        height: 24px;
        width: auto;
        display:block;  
}

li.level0-active {
        list-style: none;

        margin: 0px;
        padding: 2px 0px 0px 10px;
        /* background: url(../images/shim.gif) no-repeat; */
        height: 24px;
        width: auto;
        display:block;
}

li.level0 a {
        font: 11px Arial, Verdana, Helvetica, sans-serif;
        margin: 0px 0px 0px 0px;
        display:block;
        color: #327CB7;
        text-decoration: none;
}

li.level0-active a {
        font: 11px Arial, Verdana, Helvetica, sans-serif;
        margin: 0px 0px 0px 0px;
        display:block;
        color: #FF8D44;
        text-decoration: none;
}

li.level0 a:hover, li.level0-active a:hover {
        font: 11px Arial, Verdana, Helvetica, sans-serif;
        color: #FF8D44;
        margin: 0px 0px 0px 0px;
        text-decoration: none;
        border: none;
        display:block;
}

ul.level1 {
        list-style: none;
        height: auto;
        width: auto;
        margin: 0px 0px 5px 22px;
        padding: 0px;
}

li.level1 {
        list-style: none;
        margin: 0px;
        padding: 5px 0px 0px 0px;
        background: url(../images/shim.gif) no-repeat;
        height: 24px;
        vertical-align: middle;
        width: auto;
        display:block;
}

li.level1-active {
        list-style: none;
        margin: 0px;
        padding: 5px 0px 0px 0px;
        background: url(../images/shim.gif) no-repeat;
        height: 24px;
        vertical-align: middle;
        width: auto;
        display:block;
}

li.level1 a {
        font: 10px Arial, Verdana, Helvetica, sans-serif;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        color: #6C6C6C;
        text-decoration: none;
        background: url(../images/icon-plus-gray.gif) no-repeat left;
        display:block;
}

li.level1-active a {
        font: 10px Arial, Verdana, Helvetica, sans-serif;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        color: #FF8D44;
        text-decoration: none;
        background: url(../images/icon-plus-orange.gif) no-repeat left;
        display:block;
}

li.level1 a:hover, li.level1-active a:hover {
        font: 10px Arial, Verdana, Helvetica, sans-serif;
        color: #FF8D44;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        display:block;
        text-decoration: none;
        border: none;
        background: url(../images/icon-plus-orange.gif) no-repeat left;
}


.icon {
   float:left;
   margin: 2px 5px 0px 0px;
}
/**********************************************/

/********* allgemeine Link Definition *********/
.content-bg a {
        font: 11px Arial, Verdana, Helvetica, sans-serif;
        color: #00A6EB;
        text-decoration: none;
}

.content-bg a:hover {
        font: 11px Arial, Verdana, Helvetica, sans-serif;
        color: #00A6EB;
        text-decoration: none;
        /* border-bottom: 1px dashed #00A6EB; */

}
/*********************************************/

/********* Kontaktformular Definition *********/
/*width von kontakt-text geändert (348 auf 200 px)*/

.kontakt-text {
        font: 10px Arial, Verdana, Helvetica, sans-serif;
        color: #00A6EB;
        width: 200px;
        height: 100px;
        background: url(../images/bg-formfield.gif) repeat-x;
        margin: 0px 30px 0px 0px;  /* top,right,bottom,left  */
        border: solid 1px #BDCBD7;
}

.kontakt-field{
        font: 10px Arial, Verdana, Helvetica, sans-serif;
        color: #00A6EB;
        background: url(../images/bg-formfield.gif) repeat-x;
        width: 122px;
        height: 16px;
        margin: 0px 30px 0px 0px;  /* top,right,bottom,left  */
        border: solid 1px #BDCBD7;
}

.label-field {
	   text-align: left;
	   vertical-align: top;
	   line-height: 120%;
	   padding: 1px;
}

.button-submit {
		margin: 80px 0px 0px 0px;
		border: solid #828282 1px;
		background-color: #EAEAEA;
		width:100px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #346075;
}

/** vorläufig deaktiviert *******
#bt-submit {
       margin: 5px 5px 0px 0px;   
       float: left;
}

#bt-reset {
        margin: 5px 32px 0px 0px;  
        float: right;
}
***/

/*********************************************/

