/*
Farben

hellgaur 			  - #E6E6EB
dunkelgau   	      - #9999A3
Hintergung  - weiss   - #fff

Haupt Nav   
Schrift     - Grau    - #5C5C61
Schrift     - Schwarz - #000

Subnav
Schrift		- Grau	  - #9999A3

Content     - Schwarz - #000
Link		- Blau 		#3E5F88
Link		- Orange  - #FF6501


*/


* {
	padding:0; margin:0;
	font-family: Arial, Verdana, Geneva, sans-serif, sans-serif; font-size: 11px; 
}

html,input,textarea {
  font-family: Arial, Verdana, Geneva, sans-serif, sans-serif; font-size: 11px; 
}
body {
	background-color: #fff;
}

.floatbox { overflow:hidden; width:98%;}

hr {color: #C8C8CD; /* IE */
    border: 0px solid #C8C8CD; /* Opera */
    background-color: #C8C8CD; /* Mozilla */
    height:1px; /* Mozilla, Opera */
	margin-bottom:10px;
	margin-top:10px;
}

h1 {
  font-size: 16px; color: #000; margin: 0em; padding: 10px 0 10px 0; font-weight:bold;
}

h2 {
  font-size: 14px; color: #000; margin: 0em; padding: 10px 0 10px 0; font-weight:bold;
}

h3 {
  font-size: 12px; color: #000; margin: 0em; padding: 0 0 0 0; font-weight:bold;
}

h4 {
  font-size: 12px; color: #9999A3; margin: 0em; padding: 10px 0 10px 0; font-weight:bold;
}

h5 {
  font-size: 11px; color: #000; margin: 0; padding: 0; font-weight:bold;
}

a  {
	color: #3E5F88;
}

ul, ol, dl {
	position:relative;
}

address {
	font-style:normal;
}

table {
  width: 100%;
}

input,textarea {
  width: 100%;
}

th,td {
  vertical-align: top;
}

img {
	border:0;
}

#page_off {
	width: 100%; padding:0; margin:0; border:0; 
}
#page_off p.w3c{
	text-align:right;
}

#page_shadow {
	width: 100%; padding:0; margin:0; margin: auto; border:0;
}

#page {
  width: 100%;
  border:0px solid #eee;
}
#hold_header {
	

}
#header_1 {
	position:relative;
	background: #fff;
	height:70px;
	overflow:hidden;
	/*background:#ff0000;*/
	width:780px;
}

#logo_1 {
	position:absolute;
	width:67px;
	height:55px;
	top:15px;
	left:25px;
}

#logo_2 {
	position:absolute;
	width:67px;
	height:55px;
	top:15px;
	left:100px;
}

#logo_3 {
	position:absolute;
	width:67px;
	height:55px;
	top:17px;
	left:180px;
}
#logo_4 {
	float:right;
	margin-right:2px;
}

#top_nav {
	width:780px;
	text-align:right;
	background-color:#fff;
	overflow:hidden;
}

#top_sub_nav {
	position:absolute;
	top:10px;
	right:0px;
}

#header_2 {
	width:100%;
	background-color:#E6E6EB;
}

#header_2_1 {
	border-right: 1px solid #fff;
	width:781px;
}

/* Over Page Image */
#header_2_1_1 {
	width:780px;
	background: #E6E6EB;
	height:69px;
}

/* Page h1 */
#header_2_1_1 h1 {
	float:left;
	padding:0;
	padding-left:15px;
	margin-left:0px;
	margin-top:45px;
}

/* Page Image */
#header_2_1_2 {
	width:780px;
}

/* Under Page Image */
#header_2_1_3 {
	clear: both; 
	width:780px;
	height:15px;
	border:0;
	padding:5px 0 5px 0;
	background:url(../../files/images/bg_h2_grau.gif) repeat-y  #9999A3;
	
}

#header_2_1_3 h2 {
	display:inline;
	color:#fff;
	font-size:12px;
	padding:0 20px 0 0;
	margin:0;
	padding-left:15px;
	font-weight:bold;
	background: url(../../files/images/link_dot2.gif) no-repeat  right 7px;
}
#header_2_1_3 h2 a {
	color:#fff;
	text-decoration:none;
}

#main {
	clear:both;
	width:780px;
    background:url(../../files/images/main_bg.gif) repeat-y; 
}
/**********Col 1***********/
#col_1 {
  width: 190px; 
  float:left;
  position:relative;
  background-color:transparent;
  
}

#col_1_head {
	width: auto;
	height:13px;
	overflow:hidden;
}

#col_1_content {
	width: auto;
	
}

#col_1_bottom {
	width: auto;
	height:30px;
	overflow:hidden;
}

/**********Col 2***********/
#col_2 {
  width: 350px;  
  margin: 0 189px 0 215px;
  position:relative;
  background-color:transparent;
}

#col_2_content {
	width: auto;
	background-color:#fff;
	padding: 0;
}

#col_2_content table img {
	margin-right:10px;
	margin-bottom:30px;
}

#col_2_content table.table_asp img {
	margin-top:20px;
	margin-bottom:10px;
	border:1px solid #E6E6EB;
}
#col_2_content table.table_asp a {
	font-size:8px;
	padding-left:6px;
	background: url(../../files/images/link_dot.gif) no-repeat left 0.3em;
}


#col_2_content ul  {
	margin:0;
	padding:0;
}

#col_2_content p  {
	color: #000;
	font-weight:400;
	font-size:11.2px;
	line-height:1.3em;
	margin: 2px 0 2px 0;
}

#col_2_content li  {
	list-style: none;
	color: #231F20;
	padding-left:10px;
	line-height:1.5em;
	background: url(../../files/images/link_dot.gif) no-repeat left 0.4em;
	margin: 2px 0 2px 0;
}

#col_2_content a  {
	color: #3E5F88;
}

/**********Col 3***********/
#col_3 {
  width: 180px; 
  float: right;
  position:relative;
  overflow:hidden;
}

#col_3_content {
	width: auto;
	background-color: transparent;
}

#col_2_content ul  {
	margin:0;
	padding:0;
}

#col_3_content li{
	background: url(../../files/images/link_dot.gif) no-repeat left 0.4em;
	list-style:none;
	padding-left:11px;
}

#col_3_content a  {
	color: #3E5F88;
}

#col_3_content h4 {
	font-size:12px;
	color:#000;
	font-weight:bold;
	margin-top:10px;
	padding:5px 0 0 0 ;
}

#col_3_content div {
	padding-bottom:15px;
	border-bottom: 1px solid #C8C8CD;
}



#col_1_content h4 {
	text-transform:uppercase;
	font-size:18px;
	font-style:italic;
	color:#001C55;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0;
}

#footer {
  clear: both; 
  
}

#page_footer {
  clear: both; 
  width:780px;
  padding-left:15px;
}

/* TOP Navigation*/
#top_nav ul {
	padding:0px 0px 0px 0px;
	font-size:11px;
}

#top_nav ul li {
	display:inline;
	padding: 10px 3px 10px 3px;
	color:#5C5C61;
	list-style:none;
}

#top_nav ul li:hover {
	background:#fff;
}

#top_nav ul li a {
	color:#5C5C61;
	text-decoration:none;
	font-weight:bold;
}

#top_nav ul li a.current {
	background:#fff;
	color:#000;
	font-size:12px;
}



/* Top SUB Navigation*/
#top_sub_nav ul {
	padding:0px 0px 0px 0px;
	font-size:10px;
	color:#9999A3;
}

#top_sub_nav ul li {
	display:inline;
	padding: 10px 3px 10px 3px;
	color:#9999A3;
	list-style:none;
}

#top_sub_nav ul li:hover {
	background:#fff;
}

#top_sub_nav ul li a {
	color:#9999A3;
	text-decoration:none;
}

#top_sub_nav ul li a:hover {
	color:#3E5F88;
}

#top_sub_nav ul li a.current {
	background:#fff;
	color:#000;
	font-weight:bold;
}

/* Subnavigation*/
/* Ebene 1 */
#navi ul {
	width:auto;
	margin:0 0 0 17px; 
	padding:0;
}

#navi li {
  width:auto;
  list-style: none; 
  margin:0; 
  padding: 0px; 
  display: block;
  padding-left:0px;
  margin-bottom: 5px; 

}

#navi li a {
  width:100%;
  font-size:11px;
  margin:0; 
  font-weight:bolder;
  text-decoration: none; 
  color: #9999A3;
  background-color: transparent;
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
}
#navi a:hover{
	color:#3E5F88;
}
#navi a.current:hover{
	color:#3E5F88;
}

#navi li a.current {
  font-size:11px;
  font-weight:bold;
  text-decoration: none; 
  color: #000;
}

/* Ebene 2 */
#navi ul ul{
  margin: 5px 0 0 0; 
  padding: 0 0 0 0; 
}

#navi li li {
  list-style: none; 
  margin: 0; 
  padding: 0px; 
  display: block;
  background-color: transparent;
  border: 0px;
}

#navi li li a {
  font-size:11px;
  font-weight:normal;
  text-transform:none;
  text-decoration: none; 
  background-color: transparent;
  color: #9999A3;
  background: url(../../files/images/link_dot.gif) no-repeat left 0.4em;
  margin:0; 
  padding: 0 0 0 10px; 
}

#navi li li a.current {
  font-size:11px;
  font-weight:bold;
  text-transform:none;
  background-color: transparent;
  text-decoration: none; 
  color: #9999A3;
  padding-left:20px; 
  background: url(../../files/images/link_dot.gif) no-repeat left 0.4em;
}


/* Ebene 3 */
#navi ul ul ul{
  margin: 2px 0 5px 0; padding: 0; 
}
#navi li li.level3 {
  list-style: none; margin: 0; padding: 0px; display: block;
  margin: 0 0px 3px 5px;
  padding-left:20px;
  background-color: transparent;
  border: 0px solid rgb(159, 202, 135);
  background: url(../../files/images/icon_level3.gif) no-repeat 2px;
}

#navi li li.level3 a {
  font-size:12px;
  font-weight:normal;
  text-decoration: none; 
  color: #fff;
  
}

#navi li li.level3 a.current {
  font-size:12px;
  font-weight:normal;
  text-decoration: none; 
  color: #001C55;
}

.li_space{
	width:200px;
	display:block;
	position:relative;
	left:-20px;
}

.downl_div {
	width:95%;
	margin-right:30px;
	margin-bottom:5px;
	padding: 5px 5px 5px 10px;
	border: 1px dotted #6FAF3E;
}

.downl_div span {
	display:block; float:left; height:20px;
}

.downl_div span.link {
	padding: 3px 10px 0 5px;
}

.downl_div p.text {
	font-size: 10px;

	padding-top:5px;
}

/* TOP DOWNLOADS */

div.top_downloads_div {
	font-size:11px;
	
}

div.top_downloads_div li {
	margin-top:5px;
}

#col_3_content div a:hover {
	text-decoration:none;
}

/* TOP Kontakt */
div.top_kontakt_div li {
	margin-top:5px;
}


/*
Farben

Vordergrund - Grün    - #BDD85C
Schatten    - Grün    - #A6C947
Hintergung  - Grün    - #E8F0CB
Sus Logo    - Grün    - #A6C947

Menü dunkel - Grün    - #A6C947
Menü hell   - Grün    - #CEDF9A

Haupt Nav   - Blau    - #034EA2
Schrift     - Blau    - #001C55
Bitu        - Orange  - #F16523

Content     - Schwarz - #231F20


*/

/* Referenz Liste */
#col_2_content_list {
	height:600px;
}

#col_2_content_list a{
	color:#F16523;
	font-weight:bolder;
}

table.table_reflist {
	text-align:left;
	width:98%;
}

table.table_reflist th {
	background: #9999A3;
	padding:10px;
	color:#fff;
	border-bottom:1px solid #9999A3;
}

table.table_reflist td {
	margin:0;
	padding: 10px;
	border-bottom:1px solid #9999A3;
}

table.table_reflist td.first {
	margin:0;
	padding: 10px;
	border-bottom:1px solid #9999A3;
	background: transparent;
}

div.float_left_half {
	float:left;
	width:48%;
}

div.float_right_half {
	float:right;
	width:48%;
}

#auto_portal {
	position:absolute;
	top:0px;
	left:0px;
	width:568px;
	background:#fff;
	padding-top:20px;
}