* 
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-family: Arial, Verdana, Sans-Serif;
}

body
{
    font-size: 62.5%;
	background-color: #d4e3f1;
}
body.small {
	font-size: 55%;
}
body.medium {
	font-size: 62.5%;
}
body.large {
	font-size: 75%;
}

body, html { 
   height: 100%; 
} 


/*FARBDEFINITIONEN*/
body.versicherte div#wrapper {background: url(../img/layout/wrapper_brown.gif) repeat-y;}
body.rentenbezueger div#wrapper {background: url(../img/layout/wrapper_orange.gif) repeat-y;}
body.arbeitgeber div#wrapper {background: url(../img/layout/wrapper_green.gif) repeat-y;}

/*OHNE SIDEBAR*/
body.nosidebar div#wrapper {
	background: url(../img/layout/wrapper_white.gif) repeat-y;
	position: relative;
}

body.nosidebar div#wrapper div#content {
	width: 760px;
}

body.nosidebar div#sidebar {
	position: absolute;
	top: 0;
	right: 17px !important;
	/* Für IE6 */
	right: 40px;
	margin: 80px 0px 0px 0px;
}

body.nosidebar div#sidebar div.address {
	background: #ededee;	
	margin-bottom: 0;
}

body.nosidebar div#wrapper div#content div#inhalt {
	width: 700px;
}



body.nosidebar div#wrapper div#footer p {
	width: 700px;
}
body.home div#wrapper div#content div#inhalt,
body.versicherte div#wrapper div#content div#inhalt,
body.rentenbezueger div#wrapper div#content div#inhalt,
body.arbeitgeber div#wrapper div#content div#inhalt {
	width: 501px;
}


body.nosidebar div#wrapper div#footer p a.impressum{
	margin-left: 350px;
}


h2 {
	color: #858889;
	font-weight: normal;
	font-size: 160%;
	margin: 20px 0px 10px 0px;
	clear: both;
}

h3 {
	color: #353636;
	font-weight: bold;
	font-size: 120%;
	margin: 25px 0px 10px 0px;
	clear: both;
}


h4 {
	color: #353636;
	font-weight: normal;
	font-size: 110%;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}


div.fontsize {
	padding: 10px 0px 10px 0px;
	width: 140px;
	text-align: right;
	margin: 0px 30px 0px 0px;
	float: right;
	display: inline;
}

div.fontsize a {
	text-decoration: none;
	color: #c0bdbd; 
	margin-left: 5px;
	display: block;
	float: left;
}

div.fontsize span {
	float: left;
	margin-top: 0px;
}

div.fontsize a#font-small {font-size: 110%; margin-top: -1px;}
div.fontsize a#font-medium {font-size: 130%; margin-top: -3px;}
div.fontsize a#font-big {font-size: 150%; margin-top: -4px;}

ol#breadcrumbs{
	padding: 10px 0px 10px 0px;
	font-size: 100%;
	margin: 0px 0px 0px 30px;
	width: 356px;
	float: left;
	display: inline;
}

ol#breadcrumbs li {
	float: left;
	margin-right: 5px;
}

ol#breadcrumbs li a {
	text-decoration: none;
	color: #c0bdbd;
	background: url(../img/layout/icon_breadcrumbs.gif) no-repeat;
	padding: 0px 0px 0px 12px;
}

ol#breadcrumbs li a:hover {
	color: #858889;
}


ul.gadget {
	position: absolute;
	top: 10px;
	right: 10px;
}

div.inhalt ul.gadget li{
	float: left;
	margin-left: 10px;
	vertical-align: bottom;
	background: none;
	padding: 0px;
}

ul.gadget li a {
	text-decoration: none;
	color: #c0bdbd;
	font-size: 90%;
}



div#wrapper 
{
	margin: 0 auto;
    width: 976px;
	background: url(../img/layout/wrapper_grey.gif) repeat-y;
	/* min-height: 100%; KOES 03.02.2009 */
	padding: 0px 0px 0px 16px;
}


body div#wrapper div#abschluss {
	background: url(../img/layout/wrapper_abschluss.gif) repeat-x;
	height : 16px;
	width : 100%;
}

body div#wrapper div#abschluss div#left {
	background: url(../img/layout/wrapper_left_end.gif) 0 0 no-repeat;
	float : left;
	height : 16px;
	left : -16px;
	position : relative;
	width : 16px;
}

body div#wrapper div#abschluss div#right {
	background: url(../img/layout/wrapper_right_end.gif) 0 100% no-repeat;
	float : right;
	height : 16px;
	width : 16px;
}

*html div#wrapper {
	height: 100%;
}

div#header 
{
    height: 80px;
    background: #FFF;
    width: 960px;
	 position: relative;
}

img.Logo 
{
    margin: 20px 0px 0px 10px;
	 border: none;
}

div#header ul 
{
   top: 55px;
	right: 10px;
	position: absolute;
}

div#header ul li
{
   float: left;
   margin-left: 10px;
	font-size: 110%;
}

div#header ul li.search
{
   width: 162px;
	padding-left: 20px;
}

div#header ul li.search input#suchfeld {
	border: 1px solid #9c9c9f;
	margin: 0px;
}

div#header ul li.search input#sendbutton {
	width: 20px;
	background: none;
	border: none;
	cursor: pointer;
}

div#header ul li a
{
    text-decoration: none;
    color: #353636;
}

div#header ul li a:hover
{
    color: #0a7fb1;
}

div#header ul li input
{
  	margin: 0px 5px 0px 0px;
	font-size: 11px;
	height: 12px;
	width: 120px;
	border: 1px solid #CCC;
}

div#navigation 
{
    float: left;
    width: 199px;
	 margin-left: 1px;
	 padding-top: 61px;
	 display: inline;
}



/*ERSTE NAVIGATIONSSTUFE*/
div#navigation ul li {
	height: 1%;
}

div#navigation ul li a
{
    display: block;
    width: 179px;
    padding: 5px 0px 0px 20px;
    background-color: #9c9c9f;
	 height: 1.68em;
    margin-bottom: 2px;
    text-decoration: none;
    color: #FFF;
    font-size: 1.2em;
}

/*div#navigation ul li a
{
    display: block;
    width: 179px;
    padding: 5px 0px 5px 20px;
    background-color: #9c9c9f;
    margin-bottom: 3px;
    text-decoration: none;
    color: #FFF;
    font-size: 120%;
}*/

div#navigation ul li a:hover {background: url(../img/layout/navi_h.gif) repeat-y #9c9c9f;}
div#navigation ul li.versicherte a:hover {background: url(../img/layout/navi_h.gif) repeat-y #b37e1a;}
div#navigation ul li.rentner a:hover {background: url(../img/layout/navi_h.gif) repeat-y #afbe50;}
div#navigation ul li.arbeitgeber a:hover {background: url(../img/layout/navi_h.gif) repeat-y #e98414;}

div#navigation ul li a.active {background: url(../img/layout/navi_h.gif) repeat-y #9c9c9f;}
div#navigation ul li.versicherte a.active {background: url(../img/layout/navi_h.gif) repeat-y #b37e1a;}
div#navigation ul li.rentner a.active  {background: url(../img/layout/navi_h.gif) repeat-y #afbe50;}
div#navigation ul li.arbeitgeber a.active {background: url(../img/layout/navi_h.gif) repeat-y #e98414;}

div#navigation ul li.versicherte a {background-color: #b37e1a;}
div#navigation ul li.rentner a {background-color: #afbe50;}
div#navigation ul li.arbeitgeber a {background-color: #e98414;}

/*ZWEITE NAVIGATIONSSTUFE*/

div#navigation ul li.versicherte ul li a {background-color: #FFF;}
div#navigation ul li.rentner ul li a {background-color: #FFF;}
div#navigation ul li.arbeitgeber ul li a {background-color: #FFF;}

div#navigation ul li.versicherte ul li a:hover {background: #FFF; color: #0178ba; }
div#navigation ul li.rentner ul li a:hover {background: #FFF; color: #0178ba;}
div#navigation ul li.arbeitgeber ul li a:hover {background: #FFF; color: #0178ba;}

div#navigation ul li.versicherte ul li a.active {background-color: #d9dadb; background-image: none;}
div#navigation ul li.rentner ul li a.active {background-color: #d9dadb; background-image: none;}
div#navigation ul li.arbeitgeber ul li a.active {background-color: #d9dadb; background-image: none;}

div#navigation ul ul {
	margin: 0px 0px -1px 13px;
	padding: 0px;
}

div#navigation ul ul li a {
	background-color: #FFF;
	color: #353636;
	border-bottom: 1px solid #c0bdbd;
	padding: 3px 0px 3px 7px;
	margin: 0px;
	width: 179px;
	font-size: 110%;
	height: auto;
}

div#navigation ul ul li a:hover {
	color: #0178ba;
	background: none;
}


div#navigation ul ul li a.active{
	background: #d9dadb;
	color: #0178ba;
}

/*DRITTE NAVIGATIONSSTUFE*/

div#navigation ul ul ul {
	border-bottom: 1px solid #c0bdbd;
	margin: 0px;
	padding: 0px 0px 0px 13px;
}

div#navigation ul ul ul li a.active{
	background: #FFF;
}

div#navigation ul ul ul li a {
	border: none;
	width: 164px;
	background: none;
}

div#navigation ul ul ul li a:hover{
	background: none;
	border: none;
}

div#content 
{
    float: left;
    width: 556px;
    margin: 0px 2px 0px 2px;
}

div#content img.headerbild 
{
    display: block;
}

div#inhalt 
{
   margin: 0 27px 0px 28px;
	font-size: 110%;
	/*position: relative;*/
	color: #353636;
	line-height: 1.5;
}

div#inhalt p {
	margin: 0px 0px 10px 0px;
	line-height: 1.5;
}

div#inhalt a {
	color: #353636;
	text-decoration: underline;
}

div#inhalt a:hover {
	color: #0a7fb1;
}

div#inhalt ul {
	margin-bottom: 10px;
}

div#inhalt ul li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../img/layout/icon_list.gif) no-repeat 0px 3px;
}

div#inhalt ol {
	padding: 0px 0px 0px 0px;
	list-style-type: decimal;
	list-style-position: inside;
}

div#inhalt ol, div#inhalt ol li {
	list-style-type: decimal;
	margin-bottom: 3px;
}


div#footer {
    clear: both;
	 padding-top: 30px;
	 padding: 30px 0px 30px 230px;
	 font-size: 10px;
}

div#footer p {
	border-top: 1px solid #c0bdbd;
   	color: #c0bdbd;
	width: 496px;
	display: block;
	padding: 5px 0px 0px 0px;
	position : relative;
}

div#footer span {
	float: left;
}

div#footer span.aktuell {
	bottom:12px;
	left:0;
	position:absolute;
}
*+html div#footer span.aktuell {
	bottom:24px;
	left:0;
	position:absolute;
}
* html div#footer span.aktuell {
	bottom:24px;
	left:0;
	position:absolute;
}
div#footer a {
	text-decoration: none;
	color: #c0bdbd;
}

div#footer a:hover {
	color: #9c9c9f;
}

div#footer a.disclaimer {
	display: block;
	padding-left: 10px;
	margin-left: 100px;
	cursor: pointer;
	width: 60px;
	float: left;
	background: url(../img/layout/icon_impressum.gif) no-repeat 0px 2px;
}

div#footer a.impressum {
	display: block;
	padding-left: 10px;
	cursor: pointer;
	width: 60px;
	float: left;
	background: url(../img/layout/icon_impressum.gif) no-repeat 0px 2px;
}

div#footer a.seitenanfang {
	float: right;
	padding: 0px 0px 0px 10px;
	background: url(../img/layout/arrow_top.gif) no-repeat 0px 2px;
}


div#inhalt div.startbox {
    width: 164px;
    float: left;
    margin-right: 2px;
	/* margin-top: 2px;  KOES 28/01/2010 */
}

div#inhalt div.startbox img {
	display: block;
}

div#inhalt div.startbox h2
{
    display: block;
    font-size: 100%;
    color: #FFF;
    padding: 5px 0px 5px 5px;
	 margin: 2px 0px 2px 0px;
}

div#inhalt div.startbox ul {
	height: 250px;
}

div#inhalt div.startbox ul li{
	background: none;
	padding: 0px;
	margin: 0px;
	display: inline;
}

div#inhalt div.startbox ul li a
{
    display: block;
	 text-decoration: none;
    font-size: 100%;
    color: #353636;
    padding: 4px 3px 4px 3px;
    border-bottom: 1px solid #FFF;
	 margin: 0px;
}

div#inhalt div.startbox ul li a:hover
{
    background: #EAEAEA;
}

div#inhalt div#versicherte h2{background-color: #b37e1a;}
div#inhalt div#rentner h2 {background-color:#e98414;}
div#inhalt div#arbeitgeber h2 {background-color:  #afbe50;}

div#inhalt div#versicherte ul{background-color: #f0e3cc;}
div#inhalt div#rentner ul {background-color: #f9e8d1;}
div#inhalt div#arbeitgeber ul {background-color: #f0f0df;}

div#inhalt div#arbeitgeber{
	margin-right: 0px;
}


div#sidebar 
{
    float: left;
    width: 200px;
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
	 margin-top: 0px;
}

div#sidebar a:hover
{
    color: #0a7fb1;
	 text-decoration: underline;
}

div.sidebox {
		 font-size: 110%;
		 margin-left: 10px;
		 margin-bottom: 20px;
}

div#sidebar h3
{
    font-size: 120%;
    color: #0a7fb1;
	 margin: 0px 0px 0px 10px;
    padding: 5px 0px 10px 00px;
	 font-weight: bold;
}

div#sidebar a
{
   color: #353636;
	font-size: 110%;
}
div#sidebar a.aktuelles-link {
	padding: 0 0 0 10px;
}
div#sidebar ol {
	padding: 0px 10px 0px 10px;
	margin: 0;
	list-style-type: decimal;
	list-style-position: inside;
}
div#sidebar div.part_promobox ul {
	padding: 0 10px;
	margin: 0;
	list-style: none;
}

div#sidebar ol li, div#inhalt ol li {
	list-style-type: decimal;
	margin-bottom: 3px;
	margin-left: 15px;
}
div#sidebar div.part_promobox ul li {
	list-style-type: none;
	margin-bottom: 3px;
	margin-left: 10px;
	padding-left: 10px;
	background: url(../img/layout/icon_list.gif) no-repeat 0px 3px;
}



/*PopUp DIV*/
div#PopDiv {
	position: absolute;
	background: #ededee;;
	border: 1px solid #c0bdbd;
	padding: 10px;
	z-index: 20;
}
div#PopDiv a {
	display: block;
	text-align: right;
	padding: 0;
	margin: 0 0 10px 0;
	color: #353636;
	text-decoration: none;
}
div#PopDiv img {
	display: block;
	border: 1px solid #c0bdbd;;
}
img#loading-popup {
	position: absolute;
	padding: 10px;
	border: 1px solid #DDD;
	background: #FFF;
}
p#imgCaption {
	font-size: 110%;
	text-align: center;
	padding: 5px 0 0 0;
}

div.address {
	font-size: 100%;
	height: auto !important;
	height: 120px;
	min-height: 120px;
	padding: 10px;
	margin-bottom: 35px;
	line-height: 1.4;
	border-bottom: 2px solid #FFF;
}
div#headerbild  {
	width: 556px;
	height: 140px;
}
div#headerbild img {
	display: inline;
}

.hide {
	display : none !important;
}