/*
// File written by Jochen "Khuri" Höhmann <khuri@khuris.com>
// Copyright 2010
//
// File        : main_page.css
// Begin       : 2010.02.02 13:49:48
// Last Update : 2010.02.12 11:30:34
*/

/* This file contains the basic page definitions, using ids, classes or nested declarations */

a.link_selected {
	color: #ff6633 !important;
	text-decoration: none !important;
}
input.light {color: #aaa;}
input.small,textarea.small {padding: 0px 2px;}
select.small {padding: 1px 0px;}
input.submit {
	background: #CCC;
	padding: 0px 4px;
	cursor: pointer;
}
input.submit:hover {background: #aaa;}
input.submit.space {margin-top: 4px;}

/* Site definitions */

#wrapper {
	width: 1012px;
	border-right: 1px solid #AFAFB7;
	border-bottom: 1px solid #AFAFB7;
	border-left: 1px solid #AFAFB7;
	margin: 0 auto;
}

/* ...................styles für Header...................... */
#header {
	position: relative;
	background: #FFF;
	height: 130px;
	margin: 0;
	padding: 0;
}
#logo {
	padding: 9px 0 12px 9px;
	width: 220px;
	height: 45px;
}
#header h1 {
	position: absolute;
	top: 40px;
	left: 281px;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 1pt;
	margin: 0;
	padding: 0;
}
#header h1 a {
	text-decoration: none;
	color: #00398c;
}
/* .......................Site Navigation..................... */
#site_nav {
	position: absolute;
	top: 7px;
	right: 10px;
	text-align: right;
	width: 400px;
}
#site_nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#site_nav li {
	font-size: 10px;
	display: inline;
	padding: 0 4px;
	margin: 0;
}
#site_nav a, #site_nav a:link, #site_nav a:visited {
	color: #333366;
	text-decoration: none;
}
#site_nav a:focus, #site_nav a:hover, #site_nav a.link_selected {
	color: #ff6633;
	text-decoration: none;
}
#search_box {
	float: right;
	padding: 6px 5px 0 0;
}
#search_box input {
	width: 87px;
}
.search {
	margin: 0;
	border: 0;
	padding: 0;
	height: 20px;
}
.search_button {
	background: transparent url(../../images/main/search_button.gif) no-repeat right bottom;
	cursor: pointer;
	height: 18px;
	width: 18px;
	text-indent: -9999px;
	border: 0;
}
/* .......................Navigation top..................... */
#nav_top {
    width: 100%;
    background: transparent url(../../images/main/line_bottom.gif) repeat-x left bottom;
    font-size: 100%;
    line-height: normal;
	height: 64px;
}
#nav_top ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 10px;
}
#nav_top li {
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
	height: 48px;
	width: 90px;
}
#nav_top a {
	display: block;
	padding-top: 1px;
	height: 47px;
}
#nav_top a:link, #nav_top a:visited {
	background: url(../../images/main/button.gif) no-repeat left top;
	color: #FFF;
	text-decoration: none;
}
#nav_top a:focus, #nav_top a:hover {
	background: url(../../images/main/button_active.gif) no-repeat left top; 
}
#nav_top a.link_selected {
	background: url(../../images/main/button_active.gif) no-repeat left top; 
}
#nav_top a.one_line {
	padding-top: 17px;
	height: 31px;
}
#nav_top a.one_line_selected {
	background: url(../../images/main/button_active.gif) no-repeat left top;
	padding-top: 17px;
	height: 31px;
}
#nav_top a.two_line {
	padding-top: 9px;
	height: 39px;
}
#nav_top a.two_line_selected {
	background: url(../../images/main/button_active.gif) no-repeat left top;
	padding-top: 9px;
	height: 39px;
}
#nav_top a.three_line {
	padding-top: 2px;
	height: 46px;
}
#nav_top a.three_line_selected {
	background: url(../../images/main/button_active.gif) no-repeat left top;
	padding-top: 2px;
	height: 46px;
}
#nav_top a.one_linefirst {
	background: url(../../images/main/button_first.gif) no-repeat left top;
	padding-top: 17px;
	height: 31px;
}
#nav_top a.one_linefirst:hover, #nav_top a.one_linefirst_selected {
	background: url(../../images/main/button_first_active.gif) no-repeat left top;
	padding-top: 17px;
	height: 31px;
}
#nav_top a.two_linelast {
	background: url(../../images/main/button_last.gif) no-repeat left top;
	width: 90px;
	padding-top: 9px;
	padding-right: 8px;
	height: 39px;
}
#nav_top a.two_linelast:hover, #nav_top a.two_linelast_selected {
	background: url(../../images/main/button_last_active.gif) no-repeat left top;
	width: 90px;
	padding-top: 9px;
	padding-right: 8px;
	height: 39px;
}
/*............Container für drei Spalten Inhaltsbereich..............*/
#box_content {
	background: #dddedf;
	position: relative;
	min-height: 514px;
	height: auto;
	width: 1012px;
	top: 0px;
	padding-bottom: 40px;
}
/*..............container left side......................*/
#content_left {
	background: transparent;
	width: 448px;
	padding: 0;
	position: absolute;
	top: 25px;
	left: 11px;
	border-right: 2px solid #a4adb4;
	border-bottom: 2px solid #a4adb4;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	min-height: 504px;
	height: 504px;
	height: auto;
}
#content_left .chart_block {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	display: none;
	z-index: 100;
}
#content_flash {
	height: 504px;
}
/*..............container left IMAGEMAP und he_li.html.................*/
#content_left img {
	position: absolute;
	top: 0;
	left: 0;
}

/*...........styles für breadcrumbs......................*/
#breadcrumbs {
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 100;
	height: 17px;
	text-align: right;
	width: 450px;
}
#breadcrumbs ul {
	list-style-type: none;
	padding: 1px 0 0;
	height: 16px;
}
#breadcrumbs li {
	display: inline;
	padding: 0 3px;
	color: #00398c;
	text-decoration: none;
	font-size: 10px;
	cursor: pointer;
}
#breadcrumbs li div {
	background: url(../../images/main/breadcrumbs.gif) no-repeat;
	display: inline;
}
#breadcrumbs li div:hover, #breadcrumbs li.link_selected div {
	background: url(../../images/main/breadcrumbs_act.gif) no-repeat;
}
#breadcrumbs li:hover, #breadcrumbs li.link_selected {
	color: #ff6633;
	text-decoration: none;
}
/*..............container right side.......................*/
#content_right {
	background: #FFF;
	position: relative;
	top: 25px;
	left: 641px;
	width: 327px;
	margin: 0;
	padding: 10px 15px;
	border-right: 2px solid #a4adb4;
	border-bottom: 2px solid #a4adb4;
	min-height: 484px;
	height: 484px;
	height: auto;
}
/*..............container right side.......................*/
/*..............styles für Startseite......................*/
#content_right_banner {
	background: #FFF;
	position: relative;
	top: 25px;
	left: 641px;
	width: 357px;
	margin: 0;
	padding: 0 0 10px;
	border-right: 2px solid #a4adb4;
	border-bottom: 2px solid #a4adb4;
	min-height: 494px;
	height: 494px;
	height: auto;
}
.welcome {
	font-size: 14px;
	font-weight: bold;
	color: #00398c;
	line-height: 24px;
}
.small {
	font-size: 10px;
	color: #666;
	line-height: 12px;
}
/*..............container right side.......................*/
/*..............styles für Kompetenzpartner................*/
#content_right h1 {
	font-size: 14px;
	font-weight: bold;
	color: #00398c;
}
#logo_comp {
	float: left;
	height: auto;
	margin-bottom: 10px;
}
#address_comp {
	width: 191px;
	float: right;
	height: 100%;
}
#content_comp {
	clear: both;
}
/*...........container für mittlere Navigation.............*/
#box_nav_sub {
	background: #dddedf;
	position: absolute;
	top: 0px;
	left: 462px;
	width: 171px;
	height: 100%;
	padding: 0 4px;
}
/*...........styles für mittlere Navigation Startseite! Ebene 1...............*/
#main_nav_sub {
	position: absolute;
	top: 30px;
	width: 170px;
}
#main_nav_sub ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#main_nav_sub li {
	background: #eeeff0;
	border-right: 2px solid #a4adb4;
	border-bottom: 1px solid #a4adb4;
	border-left: 1px solid #BAC4CC;
	margin: 5px 2px 0;
	line-height: 16px;
	width: 164px;
}
#main_nav_sub a {
	color: #333366;
	display: block;
	text-decoration: none;
	padding: 0 3px 2px 3px;
}
#main_nav_sub a:link, #main_nav_sub a:visited {
	color: #333366;
}
#main_nav_sub a:focus, #main_nav_sub a:hover {
	background: #FFF;
	color: #ff6633;
}
#main_nav_sub a.link_selected {
	background: #FFF;
}
#main_nav_sub .space {
	background: transparent;
	padding-top: 10px;
	border: 0;
}
/*..............Sub-Navigation Mittelteil Startseite! Ebene 2.............*/
#main_nav_sub li ul {
	background: #f8f9fa;
	list-style-type: none;
	margin: 1px 0;
	padding: 2px 0;
	overflow: hidden;
}
#main_nav_sub li ul li {
	border: 0;
	background: transparent;
	margin: 1px 0;
	line-height: 16px;
}
#main_nav_sub li ul li a {
	background: transparent url(../../images/main/arrow.gif) no-repeat 0.5em 0.4em;
	display: block;
	text-decoration: none;
	padding: 0 0 3px 18px;
}
#main_nav_sub li ul li a:link, #main_nav_sub ul li ul li a:visited {
	color: #333366;
}
#main_nav_sub li ul li a:hover {
	background: transparent url(../../images/main/arrow_active.gif) no-repeat 0.5em 0.4em;
	color: #ff6633 !important;
}
#main_nav_sub li ul li a.link_selected {
	color: #ff6633 !important;
	background: transparent url(../../images/main/arrow_active.gif) no-repeat 0.5em 0.4em;
}
#main_nav_sub li ul li a.link_selected_2 {
	color: #ff6633 !important;
	background: transparent url(../../images/main/arrow_down.gif) no-repeat 0.4em 0.5em;
}
/*..............Sub-Navigation Mittelteil Startseite! Ebene 3.............*/
#main_nav_sub li ul li ul {
	background: transparent;
	list-style-type: none;
	margin: 0 0 4px 0;
	padding: 0;
	overflow: hidden;
}
#main_nav_sub li ul li ul li {
	padding: 0;
	margin: 0;
}
#main_nav_sub li ul li ul li a, #main_nav_sub li ul li ul li a:link, #main_nav_sub li ul li ul li a:visited {
	background: transparent none;
}
#main_nav_sub li ul li ul li a:hover, #main_nav_sub li ul li ul li a.link_selected {
	background: transparent none;
	color: #ff6633;
}
/*..............Sub-Navigation Mittelteil Startseite! Ebene 4.............*/
#main_nav_sub li ul li ul li ul {
	background: transparent;
	list-style-type: none;
	margin: 0 0 4px 0;
	padding: 0 0 0 12px;
	overflow: hidden;
}
#main_nav_sub li ul li ul li ul li {
	padding: 0;
	width: 152px;
	margin: 0;
}
#main_nav_sub li ul li ul li ul li a, #main_nav_sub li ul li ul li ul li a:link, #main_nav_sub li ul li ul li ul li a:visited {
	background: transparent url(../../images/main/nav_quadrat.gif) no-repeat 0.7em 0.5em;
}
#main_nav_sub li ul li ul li ul li a:hover, #main_nav_sub li ul li ul li ul li a.link_selected {
	background: transparent url(../../images/main/nav_quadrat_act.gif) no-repeat 0.7em 0.5em;
	color: #ff6633;
}
/*.............styles für Kompetenzfinder..................*/
#search_competence {
	margin: 0 3px;
	padding: 36px 0 0;
}
#search_competence ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#search_competence li {
	display: block;
}
#search_competence a span, #search_competence a:link span, #search_competence a:visited span {
	display: none;
}

#search_competence a:hover span, #search_competence a:focus span {
	font-size: 10px;
	color: #333;
	background: #FFF;
	border: 1px solid #003;
	width: 200px;
	display: block;
	position: absolute;
	left: 122px;
	top: -4px;
	padding: 2px 8px;
	z-index: 20;
}
/*...........styles für mittlere Navigation................*/
#nav_sub {
	position: relative;
	top: 0;
	width: 170px;
}
#nav_sub ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav_sub li {
	background: #e4e5e6;
	border-right: 2px solid #a4adb4;
	border-bottom: 1px solid #a4adb4;
	border-left: 1px solid #BAC4CC;
	margin: 5px 2px 0;
	line-height: 16px;
	width: 164px;
}
#nav_sub a {
	color: #333366;
	text-decoration: none;
	padding: 0 3px 2px 3px;
	display: block;
}
#nav_sub a:link, #nav_sub a:visited {
	color: #333366;
}
#nav_sub a:focus, #nav_sub a:hover {
	background: #FFF;
	color: #ff6633;
}
#nav_sub a.link_selected {
	background: #FFF;
}	
/*......................Sub-Navigation Mittelteil.....................*/
#nav_sub ul li ul {
	background: #edeeef;
	width: 166px;
	list-style-type: none;
	margin: 2px 0;
	padding: 0;
	overflow: hidden;
}
#nav_sub ul li ul li {
	border: 0;
	background: transparent;
	margin: 0;
	line-height: 16px;
}
#nav_sub ul li ul li a {
	display: block;
	text-decoration: none;
	padding: 0 0 3px 27px;
}
#nav_sub ul li ul li a:link, #nav_sub ul li ul li a:visited {
	color: #333366;
}
#nav_sub ul li ul li a:focus, #nav_sub ul li ul li a:hover {
	color: #d25514;
	background: transparent;
}
#nav_sub ul li ul li a.link_selected {
	color: #d25514;
	background: transparent;
}
/*...............Styles für footer..............................*/
#footer {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* References special image boxes */
#ref_image, #ref_image2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 357px;
	height: 402px;
}
#ref_textbox {
	position: absolute;
	top: 402px;
	left: 0;
	padding: 20px 0 0 20px;
	background: #fff;
	height: 82px;
	width: 337px;
}
#ref_image.hid, #ref_image2.hid, #ref_textbox.hid {
	visibility: hidden;
}
#ref_image.vis, #ref_image2.vis, #ref_textbox.vis {
	visibility: visible;
}
#ref_textbox a {
	background: url(../../images/main/arrow_active.gif) no-repeat center left;
	padding-left: 10px;
}