/* basic css for aca website */

* {
    padding: 0;
    margin: 0;
	border: 0;
}

body {
    background-color: #ffffff;
    font-family: Verdana;
    font-size: 13px;
}

a {
    text-decoration: none;
    color: #004494;
}

ul {
    list-style-type: circle;
}

#container {
    width: 898px;
    margin: 10px auto;
    background-color: #ffffff;
    background-image: url(../images/bg_image.jpg);
    background-repeat: repeat-y;
    border-left: 1px solid #004494;
    border-right: 1px solid #004494;
}

#leftColumn {
    width: 299px;
    float: left;
    min-height: 926px;
}

#directLinks {
    display: none;
}

#printLogo {
    display: none;
}

#logo {
    width: 599px;
    height: 275px;
    background-color: transparent;
    float: right;
}

#logo img {
    float: right;
    margin-right: 44px;
    margin-top: 50px;
}

#topImage {
    width: 299px;
    height: 300px;
    background-color: transparent;
    background-image: url(../images/topImage.jpg);
    background-repeat: no-repeat;
}

#navigation {
    margin-top: 39px;
    padding-left: 50px;
    background-color: transparent;
    list-style: none;
    list-style-image: none;
}

#navigation li {
    padding-top: 17px;
    padding-bottom: 17px;
}

#navigation a {
    color: #ffffff;
    background: transparent;
}

#navigation a:hover {
    color: #000000;
    background: transparent;
}

#navigation a.active {
    color: #000000;
    background: transparent;
}

#navigation .separator {
    background: transparent url(../images/separator.gif) top no-repeat;
    
}

#subNavigation {
    padding: 0;
    margin: 0;
    padding-left: 25px;
    background-color: transparent;
    list-style: none;
    list-style-image: none;

}

#subNavigation li {
    padding: 0;
}

#search {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 50px;
    background-color: transparent;
    color: #ffffff;
}

#content {
    width: 499px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: transparent;
    float: right;
    margin-bottom: 85px;
}

#content h1 {
    margin-bottom: 50px;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
    color: #004494;
    background: transparent;
}

#content h2 {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    background: transparent;
    margin-bottom: 10px;
}

#content h3 {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    background: transparent;
}

#content h4 {
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    background: transparent;
    margin-top: -10px;
    margin-bottom: 10px;
}

#content p {
    color: #333333;
    background: transparent;
    margin-bottom: 25px;
}

#content p.more {
    font-weight: bold;
    display: block;
}

#content p.more a {
    color: #333333;
    background: transparent;
}

#content span.tip {
    color: #004494;
    background: transparent;
}

#content p span.italic {
    font-style: italic;
}

#content p span.bold {
    font-weight: bold;
}

#content hr {
    margin-top: 44px;
    margin-bottom: 44px;
    border: none;
    border-top: solid 1px #cccccc
}

#content ul {
    margin-left: 2ex;
    color: #333333;
    margin-bottom: 25px;
/*    list-style-image: url(../images/bullet.jpg);*/
}

#content ul ul {
    margin-left: 2ex;
    color: #333333;
    margin-bottom: 10px;
    margin-top: 0px;
/*    list-style-image: url(../images/bullet.jpg);*/
}

#content ul p {
    padding: 0;
}

#colophon {
    width: 249px;
    padding-left: 50px;
    padding-bottom: 10px;
    color: #999999;
    background-color: transparent;
    font-size: 10px;
    list-style: none;
    list-style-image: none;
}

#colophon li {
    display: inline;
}

#colophon li a {
    color: #999999;
}


.hidden {
    display: none;
}


.visualClear {
    clear: both;
}


/* TIMELINE */


#content #timeline {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}

#content #timeline .implementation {
    font-weight: bold;
    padding-left: 15px;
}

#content #timeline .timedate {
    background-color: transparent;
    float: left;
/*    width: 131px;*/
    text-align: right;
    font-weight: bold;
/*    padding-right: 15px;*/
}

#content #timeline .timeyear {
    text-align: left;
    background: transparent url(../images/timeyear.png) no-repeat top left;
    margin-left: -60px;
    padding-left: 60px;
    padding-right: 5px;
    font-weight: bold;
}

#content #timeline .timedata {
    background-color: transparent;
    width: 340px;
    float: left;
    margin-bottom: 20px;
}

#content #timeline .reachServices {
    background: transparent;
    color: #004494;
    margin-left: 30px;
    list-style-image: none;
    list-style-type:  decimal;
}

#content #timeline .reachServices p {
    margin: 0;
    padding: 0;
    color: #004494;
}

#content #timeline  .more, #content #timeline  .less {
    padding-left: 30px;
    color: #004494;
    cursor: pointer;
}

#content #timeline  .moreNoJS {
    padding-left: 30px;
    color: #004494;
}

#content #timeline ul {
    margin-bottom: 0px;
}

#content #timeline .timedata ul {
    margin-bottom: 0px;
    margin-top: 0px;
}

#content #timeline .acaHelp {
    padding: 0;
    margin: 0;
    padding-left: 30px;
}

#content #timeline .acaHelp a {
    text-decoration: none;
    color: #333;
}


.section-timeline #content {
    width: 568px;
    margin-left: -10px;
    background-color: transparent;
    padding: 0 0 0 0;
    float: left;
}

.section-timeline #content h1 {
    margin-left: 60px;
}

.section-timeline p.more {
    margin-left: 60px;
}

.section-timeline #content #timeline .timeyear {
    margin: 0;
    padding: 0 5px 0 60px;
}

* html .section-timeline #content #timeline .timeyear {
    background: transparent url(../images/timeyear.gif) no-repeat top left;
}

.section-timeline #content #timeline .timeyear.nobg {
    background-color: transparent;
    background-image: none;
    color: #fff;
    visibility: hidden;
}

* html .section-timeline #content #timeline .timeyear.nobg {
    background-color: transparent;
    background-image: none;
}


table.contact {
    width: 498px;
    color: #333;
    border: 0;
    padding: 0;
    margin: 10px 0 25px;
}

table.contact td {
    padding-left: 10px;
    height: 23px;
    vertical-align: top;
    padding-top: 2px;
}

table.contact .col1 {
    width: 160px;
    border-right: 3px solid #fff;
}

table.contact .col2 {
    width: 346px;
}

table.contact .odd, form .odd {
    background-color: #B3B3B3;
}

table.contact .even, form .even {
    background-color: #cccccc;
}

table.contact a {
    color: #333;
}

#frm_kontakt fieldset {
    border: none;
    background-color: #B3B3B3;
}

#frm_kontakt ul {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
}

#frm_kontakt li label {
    padding-left: 10px;
    margin-top: 4px;
    float: left;
    width: 150px;
}

#frm_kontakt fieldset input, #frm_kontakt fieldset textarea {
    color: #333;
    font-family: Verdana;
    font-size: 13px;
    margin: 4px 0px;
    width: 330px;
}

#frm_kontakt fieldset input.box {
    width: 15px;
}

#frm_kontakt li {
    height: 25px;
}

#frm_kontakt li.textarea {
    height: auto;
}

#frm_kontakt fieldset .submit {
	margin-right: 10px;
	float: right;
	width: auto;
	cursor: pointer;
}

#frm_search ul {
    background: transparent url(../images/search.jpg) no-repeat top right;
    list-style: none;
    height: 25px;
}

#frm_search li {
    display: inline;
}
#frm_search fieldset input.box {
    background: #666;
    color: #333;
    height: 17px;
    margin-top: 3px;
    margin-left: 25px;
    width: 115px;
    padding-top: 1px;
}

* html #frm_search fieldset input.box {
    margin-top: 2px;
}

#frm_search fieldset .submit {
	margin-left: 0px;
	width: auto;
	cursor: pointer;
	background: transparent;
	color: #fff;
    font-family: Verdana;
    font-size: 13px;
	
}

/* Suchergebnisse */
.searchresults span.hi {
    background-color: #ccc;
}

.searchresults .cat {
    margin-top: 25px;
}

.searchresults .cat a {
    font-weight: bold;
    font-size: 13px;
    color: #333;
}

.searchresults li {
    margin-left: 20px;
/*    list-style-image: url(../images/bullet.jpg);*/
    list-style-position: outside;
    list-style-type: circle;
}


.tool-tip {
	font-size: 13px;
    background: #fff;
	color: #333;
	width: 360px;
	z-index: 13000;
	border: 5px solid #d5d5d5;
	padding: 0 0 5px 0;
	margin: 0;
}		 
.tool-tip h3 {
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	padding: 2px 5px;
	color: #fff;
	background-color: #3d3d3d;
}

.tool-tip p {
	margin: 0 0 5px 0;
	padding: 5px 5px;
}

.tool-tip ul, .tool-tip ol {
	padding: 5px 0px;
    margin-left: 20px;
}

.tool-tip ul {
/*    list-style-image: url(../images/bullet.jpg);*/
}


#content #timeline .timedata .moowrapper {
    padding-left: 10px;
    background-color: transparent;
}


#content #timeline .timedata .moowrapper .acaHelp {
    padding-left: 20px;
}

#content #timeline .timedata .moowrapper .reachServices {
    margin-left: 20px;
}


/*#content #timeline .timedata div {
    padding-left: 2px;
    background-color: transparent;
}*/

.empty {
  margin: 0px !important;
  padding: 0px !important;
  height: 10px;
}