/** Typographie für den Content **/

#content p {
   padding: 0;
   margin : 0 0 1em 0;
}

#content h1,
#content h2 {
   font-size: 160%;
   margin: 0 0 12px;
   color: #4279b9;
   font-weight: bold;
   line-height: 150%;
}

#content h3,
#content h4 {
   color: #4279b9;
   font-size: 140%;
   line-height: 130%;
   margin: 10px 0 8px;
}

#content h5,
#content h6 {
   font-size: 120%;
   line-height: 130%;
   color: #333;
   margin: 7px 0 5px;
   font-weight: bold;
}

/** Linkzustand normal **/

#content a,
#content a:link,
#content a:visited {
   color: #0058A4;
   font-weight: bold;
   text-decoration: none;
}

/** Linkzustand im Hover **/

#content a:focus,
#content a:hover,
#content a:active,
#content a.selected,
#content a.selected:link,
#content a.selected:visited,
#content a.selected:focus,
#content a.selected:hover,
#content a.selected:active {
   background-color: #0058A4;
   color: #fff;
}

strong{font-weight:bold;} 

/** Bei der HR bitte immer darauf achten, dass color und background-color gleich sind **/

hr {
   border: 0 none;
   height: 1px;
   background-color: #464646;
   color: #464646;
}

/** Styling der Listen **/

#content ul{
   margin: 1em 0;
   list-style-type: square;
   margin-left: 10px;
   padding-left: 10px;
}

#content ul ul {
   list-style-type: disc;
}

#content ul ul ul {
   list-style-type: circle;
}

#content ul ol,
#content ol ul,
#content ul ul,
#content ol ol{
   margin: 0.5em 0;
   padding-left: 20px;
}

#content ol{
   margin: 1em 0;
   list-style-type: decimal;
   margin-left: 10px;
   padding-left: 10px;
}

#content li{
   margin-bottom: 0.5em;
   line-height: 1.2;
   margin-left: 10px;
}

/** Hoch- und Tiefgestellt **/

#content sup,
#content sub {
   font-size: 72%;
}

/** Inhaltstabellen des Contents **/

#content .tabrowheader td,
#content .tabrowgerade td,
#content .tabrowungerade td {
   padding: 3px;
}
#content .tabrowheader {
   color:#fff;
   background-color: #4279b9;
   font-weight: bold;
}

#content .tabrowgerade {
   background-color: #c4c5c8;
}
#content .tabrowungerade {
   background-color: #fcfcfc;
}

#content table{margin-bottom: 10px;}
#content td{vertical-align: top;}

/* Input Felder */

#content input,
#content select,
#content textarea {
   border: 1px solid #aaa;
   background-color: #FFF;
   color: #000;
   padding: 3px;
   margin: 1px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 100%;
}

#content input:focus,
#content textarea:focus,
#content input:hover,
#content textarea:hover,
#content input:active,
#content textarea:active{
   border-color: #0058A4;
}

/** Banner BK **/
.additional p {
   margin: 0 0 1em;
}
.additional h1,
.additional h2 {
   color: #fff;
   line-height: 130%;
   font-size: 130%;
   text-transform: uppercase;
   margin: 11px 0 9px;
}
.additional h3,
.additional h4 {
   color: #fff;
   font-size: 120%;
   margin: 7px 0 5px;
   font-weight: bold;
   line-height: 130%;
}
.additional h5,
.additional h6 {
   color: #fff;
   font-size: 100%;
   font-weight: bold;
   margin: 5px 0 4px;
}
.additional a,
.additional a:link,
.additional a:visited {
   color: #fff;
   font-weight: bold;
   text-decoration: none;
}
.additional a:focus,
.additional a:hover,
.additional a:active,
.additional a.selected,
.additional a.selected:link,
.additional a.selected:visited,
.additional a.selected:focus,
.additional a.selected:hover,
.additional a.selected:active {
   text-decoration: underline;
}


/************************************************************************/
/* Reitermenü                                                           */
/************************************************************************/

/* Tabs *****************************************************************/
#reiter_menu_box {
   position: relative;
   padding: 0;
   margin: 0 0 15px 0;
}
#reiter_menu_box #reiter_tabs {
   position: relative;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#reiter_menu_box #reiter_tabs {
   position: relative;
}
#reiter_menu_box #reiter_tabs li {
   margin: 0;
   padding: 0;
   float: left;
   width: 25%;
   min-height: 30px;
   text-align: center;
   vertical-align: middle;
}
#reiter_menu_box #reiter_tabs li.spalten1 {
   width: 100% !important;
}
#reiter_menu_box #reiter_tabs li.spalten2 {
   width: 50% !important;
}
#reiter_menu_box #reiter_tabs li.spalten3 {
   width: 33% !important;
}
#reiter_menu_box #reiter_tabs li.spalten3.firstLi {
   width: 34% !important;
}
#reiter_menu_box #reiter_tabs li.spalten5 {
   width: 20% !important;
}
#reiter_menu_box #reiter_tabs li.spalten6 {
   width: 33% !important;
}


#reiter_menu_box #reiter_tabs li a,
#reiter_menu_box #reiter_tabs li a:link,
#reiter_menu_box #reiter_tabs li avisited {
   position: relative;
   display: block;
   padding: 0;
   width: auto;
   color: #686767;
   font-weight: bold;
   text-transform: uppercase;
   background-color: #dedede;
   overflow: visible;
}
#reiter_menu_box #reiter_tabs li.firstLi a,
#reiter_menu_box #reiter_tabs li.firstLi a:link,
#reiter_menu_box #reiter_tabs li.firstLi avisited {
   border-left: 0 none;
   background-color: transparent;
}
#reiter_menu_box #reiter_tabs li a .inner,
#reiter_menu_box #reiter_tabs li a:link .inner,
#reiter_menu_box #reiter_tabs li a:visited .inner {
   position: relative;
   left: -7px;
   display: block;
   padding: 8px 10px 7px 10px;
   background-image: url(../images/reiter.gif);
   background-position: left top;
   background-repeat: no-repeat;
}
#reiter_menu_box #reiter_tabs li.firstLi a .inner,
#reiter_menu_box #reiter_tabs li.firstLi a:link .inner,
#reiter_menu_box #reiter_tabs li.firstLi a:visited .inner {
   left: -1px;
}

#reiter_menu_box #reiter_tabs li a:focus,
#reiter_menu_box #reiter_tabs li a:hover,
#reiter_menu_box #reiter_tabs li avisited,
#reiter_menu_box #reiter_tabs li a.selected {
   background-color: #2663ad;
   color: #FFF;
}
#reiter_menu_box #reiter_tabs li.firstLi a:focus,
#reiter_menu_box #reiter_tabs li.firstLi a:hover,
#reiter_menu_box #reiter_tabs li.firstLi avisited,
#reiter_menu_box #reiter_tabs li.firstLi a.selected {
   background-color: transparent;
}
#reiter_menu_box #reiter_tabs li.firstLi a:focus .inner,
#reiter_menu_box #reiter_tabs li.firstLi a:hover .inner,
#reiter_menu_box #reiter_tabs li.firstLi avisited .inner,
#reiter_menu_box #reiter_tabs li.firstLi a.selected .inner {
	left: -1px;
}
#reiter_menu_box #reiter_tabs li a:focus .inner,
#reiter_menu_box #reiter_tabs li a:hover .inner,
#reiter_menu_box #reiter_tabs li avisited .inner,
#reiter_menu_box #reiter_tabs li a.selected .inner{
   color: #FFF;
   background-image: url(../images/reiter_selected.gif);
   background-position: left top;
   background-repeat: no-repeat;
}

/* reitercontainer ****************************************************/
#content #reiter_container {
   position: relative;
   margin: 0;
   padding: 7px 0 0 0;
   border:  0 none;
   background-color: #fdfafa;
   border: 1px solid #437ab9;
}

#content #reiter_container div {
   position: relative;
   border:  0 none;
   background-color: transparent;
}
#content #reiter_container div.reiter_box {
   padding: 10px;
   min-height: 200px;
}