/* Alle Einstellungen gleich setzen */

@import url("base.css");

/* Allgemeine Deklarationen */


html, body { 
	font-family: arial, tahoma, verdana, helvetican, sans-serif; 
	font-size: 13px;
	color: #4d5665; 
	border: 0;
	background-color: #FFFFFF;
	background-image: url("../img/bg_img/bg_header.gif");
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

p {
	font-size: 13px;
	padding-bottom: 1em;
}

h1 {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 0.5em;
}


/* Einstellungen fuer Links */

a:link { font-weight: normal; font-size: 13px; color: #282f38; text-decoration:none; }
a:visited { font-weight: normal; font-size: 13px; color: #282f38; text-decoration:none; }
a:hover { font-weight: normal; font-size: 13px; color: #605745; text-decoration:none; }
a:active { font-weight: normal; font-size: 13px; color: #605745; text-decoration:none; }
a:focus { font-weight: normal; font-size: 13px; color: #282f38; text-decoration:none; }

a img, :link img, :visited img {
	border: none;
}

/* Einzelne Elemente einstellen */

#container {
	width: 910px;
	height: 100%;
}

#mainmenu {
	width: auto;
	padding: 120px 0px 0px 150px;
	height: 20px;
}

#mainmenu ul.rechts {padding-right: 10px; float: right;}
#mainmenu ul.rechts li {padding-left: 15px;}
#mainmenu ul.rechts li a:link {color: #8e98a9;}
#mainmenu ul.rechts li a:visited {color: #8e98a9;}
#mainmenu ul.rechts li a:focus {color: #8e98a9;}
#mainmenu ul.rechts li a:hover {color: #4d5665;}
#mainmenu ul.rechts li a:active  {color: #4d5665;}
#mainmenu ul.links li {padding-right: 15px;}
#mainmenu ul.links li a:link {color: #d4702e;}
#mainmenu ul.links li a:visited {color: #d4702e;}
#mainmenu ul.links li a:focus {color: #d4702e;}
#mainmenu ul.links li a:hover {color: #4d5665;}
#mainmenu ul.links li a:active {color: #4d5665;}
#mainmenu li {float: left;}
#mainmenu ul.rechts li.active a {color: #4d5665;}
#mainmenu ul.links li.active a {color: #4d5665;}


#header {
	width:auto;
	overflow: hidden;
	padding: 0px 0px 0px 140px;
	height: 133px;
}

#submenu {
	height: auto;
	width: 140px;
	float: left;
	text-align: right;
}

#submenu ul.sidemenubar li a:link {color: #a00000;}
#submenu ul.sidemenubar li a:visited {color: #a00000;}
#submenu ul.sidemenubar li a:focus {color: #a00000;}
#submenu ul.sidemenubar li a:hover {color: #4d5665;}
#submenu ul.sidemenubar li a:active {color: #4d5665;}
#submenu ul.sidemenubar li {padding-bottom: 10px;}
#submenu ul.sidemenubar li.active a {color: #040404; background-color: #ced1d8;}

#contentarea {
	float: left;
	overflow: hidden;
	width: 770px; 
	height: auto;
 	background-image: url("../img/bg_img/bg_content.jpg");
	background-repeat: repeat-y;
}

#content_img {
	width: 150px;
	height: 400px;
	margin-left: 10px;
	float: left;
}

* html #container {	  /* nur fuer Internet Explorer */
	margin-left: -6px;
}


#content_img li {
	height: 100px;
	width: 150px;
	padding: 0;
	margin: 0;
}


#content_img ul li a {
	display: block;
	height: 100px;
	width: 150px;
	background-repeat: no-repeat;
	background-position: 0px -100px;

}

#content_img ul li.ueberuns a {
	background-image: url("../img/bg_img/ueberunsmenu.jpg");
}

#content_img ul li.bewerber a {
	background-image: url("../img/bg_img/bewerbermenu.jpg");
}

#content_img ul li.unternehmer a {
	background-image: url("../img/bg_img/unternehmermenu.jpg");
}

#content_img ul li a:hover {
	background-position: top;
}

#content_text {
	width: 540px;
	padding: 30px 0px 25px 25px;
	line-height: 1.5em;
	float: left;
}

#content_text td {
	width: 250px;
	padding-bottom: 10px;
	vertical-align: top;
}

#content_text ul {
	list-style-type: disc;
	list-style-position: inside;
	display: block;
	padding: 0px 0px 10px 20px;
}

#content_text strong {
	line-height: 3em;
}

#content_text u {
	font-weight: bold;
	text-decoration: none;
}

#contentarea div#content_text a {
	text-decoration: underline;
}

#footer {
	clear: both;
	height: 18px;
	width: 770px;
	overflow: hidden;
	margin-top: 30px;
 	background-image: url("../img/bg_img/bg_bottom.jpg");
	background-repeat: no-repeat;
}