* {
	margin: 0;
	padding: 0;
	}
body {
	font-family: tahoma, arial, verdana;
	font-size: 12px;
	color: #333;
	background-color: #ddd;
	/*background-color: #a4b3c2;*/
	}

/* Allgemein
----------------------------------------------------------------------------------------------------------------------------------- */
.clearer {
	clear: both;
	}


.legend {
	font-size: 11px;
	color: #999;
	}


.box {
	float: left;

	}

.box table {
	border-collapse: collapse;
	border: 1px solid #ddd;
	background-color: #eee;
	}


.box th	{
	vertical-align: top;
	padding: 2px 4px 2px 8px;
	border-bottom: 1px solid #ddd;
	text-align: left;
	background-color: #999;
	color: #fff;
	font-weight: bold;
	
	}






.box td {
	vertical-align: top;
	padding: 2px 4px 2px 8px;
	border-bottom: 1px solid #ddd;
	}
	
	
	
	

img {
	border: 0;
	}
	
h1 {
	font-size: 16px;
	color: #000;
	padding-bottom: 10px;
	}
h2 {
	font-size: 12px;
	color: #000;
	}
p {
	color: #333;
	padding-bottom: 14px;
	}


a {
	/*color: #369;*/
	color: #004990;
	text-decoration: none;

}

.oneImage {
	display: block;
	}

.dividerLine {
	height: 10px;
	border-top: 2px solid #ddd;
	}

.dividerLine2 {
	height: 4px;
	border-top: 2px solid #ddd;
	margin-top: 4px;
	}


.success {
	color: #093;
	font-weight: bold;
	}
	
.error {
	color: #c00;
	font-weight: bold;
	}



/* 1. Kopfbereich
----------------------------------------------------------------------------------------------------------------------------------- */

#area_head_1, #area_head_2, #area_head_3 {
	width: 980px;
	margin: 0px auto 0px auto;
	}

#area_head_1 {
	height: 35px;
	text-align: right;
	background-color: #fff;
	}


/* 2. Kopfbereich
----------------------------------------------------------------------------------------------------------------------------------- */

#area_head_2 {
	height: 45px;
	background-image: url(../if/bg_mainmenue.gif);
	background-repeat: repeat-x;
	}


#area_head_2 ul {
   float: left;
   list-style-type: none;
   margin:0;
   padding-top: 3px;
   }
#area_head_2 li {
   float: left;
   }
   
#area_head_2 li a {
   display:block;
   text-decoration: none;
   font-weight: bold;
   color:#333;
   padding: 18px 0 9px 22px;
 	margin: 0 ;
   }

#area_head_2 li a span{
   padding: 18px 22px 9px 0;
   margin: 0;
   }

#area_head_2 li a:hover, #area_head_2 li a.active {
   color:#000;
   background: url(../if/bg-navi-left.gif) no-repeat;
   }

#area_head_2 a:hover span, #area_head_2 a.active span {
   background: url(../if/bg-navi-right.gif) no-repeat right top;
   }












#area_head_3 {
	border-bottom: 1px solid #ccc;
	}

/* Container
----------------------------------------------------------------------------------------------------------------------------------- */
#container {
	width: 980px;
	margin: 0 auto 0 auto;
	background-image: url(../if/bg_container.gif);
	background-repeat: repeat-y;
	background-color: #fff;
	}

#container img {
	border: 0;
	padding-bottom: 16px;
	}


/* Linke Spalte
----------------------------------------------------------------------------------------------------------------------------------- */
#area_left {
	float: left;
	width: 220px;
	background-image: url(../if/bg_area_left.gif);
	background-repeat: no-repeat;
	padding-bottom: 300px;
	}


/* Navigation Linke Hauptspalte 1 */

#area_left_navigation {
	padding-top: 24px;
	border-bottom: 1px solid #ccc;
	}

#area_left_navigation li {
	list-style: none;
	background-image: url(../if/bg_submenue.gif);
	background-repeat: no-repeat;
	}

#area_left_navigation li a {
	display: block;
	width: 200px;
	padding: 6px 0 6px 20px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}

#area_left_navigation li a:hover, #area_left_navigation li a.active {
	background-image: url(../if/bg_submenue_over.gif);
	background-repeat: repeat-x;
	color: #000;
	}



#area_left_navigation li li a {
	width: 190px;
	padding: 4px 0 4px 30px;
	font-weight: normal;
	color: #666;
	font-size: 11px;
	}






/* Hauptinhalt
----------------------------------------------------------------------------------------------------------------------------------- */
#area_content {
	float: left;
	width: 520px;
	padding: 20px;
	background-image: url(../if/bg_content.gif);
	background-repeat: no-repeat;
	line-height: 16px;
	}

#area_content ul, #area_content ol {
	padding-left: 16px;
	margin: 0;
	padding-bottom: 16px;
	}

#area_content ul {
	list-style-type: square;
	}


/* Rechte Spalte
----------------------------------------------------------------------------------------------------------------------------------- */
#area_right {
	float: left;
	width: 160px;
	padding: 20px 0 0 20px;
	}



/* Fussbereich
----------------------------------------------------------------------------------------------------------------------------------- */
#area_footer {
	width: 980px;
	margin: 0px auto 0px auto;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	color: #333;
	text-align: center;
	}