/* --- general html structure --- */
html, body, div, p, td, a {
font-family: Verdana, Arial, sans-serif;
color:#5b5b5b;
font-size:13px;
line-height: 17px;
}
p {
margin:0px;
padding:0px;
}
.lila {
color:#575757;
}
input, textarea, select {
font-family:Verdana, Arial, sans-serif;
color:#333;
font-size:12px;
}
html, body {
margin:0;
padding:0;
}
html {
height:100%;
}
body {
height:100%;
background-color: #ffffff;
background-image: url(../images/back.png);
background-repeat: repeat-x;
}
form {
margin:0;
padding:0;
}
textarea {
width:418px;
height:85px;
}
img {
max-width: 100%;
height: auto;
border:0;
}
/* /----------------- general html structure */
/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */
/* /--------- startseite --- folgeseiten - struktur -------*/
#head{
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 980px;
height: 220px;
}
#headinner{
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 960px;
height: 108px;
}
#headinner2{
margin-top: 30px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 960px;
height: 47px;
}
#claim h2 {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 19px;
font-weight: normal;
color: #FFF;
}
.space5 {
margin-bottom: 10px;
}
#logo {
height:70px;
width: 350px;
overflow: hidden;
float: left;
margin-top:35px;
}
#meta_search{
margin-top:29px;
float: right;
height: 70px;
width: 570px;
}
#metaNav {
margin-right:27px;
text-align: right;
}
#claim {
width: 600px;
margin-left: 35px;
}
#search {
height: 23px;
width: 230px;
background-image: url(../images/search-bg.png);
background-repeat: no-repeat;
float: right;
}
#underpicline {
background-color: #ffffff;
height: 1px;
width: 960px;
}
#space {
height:30px;
display: block;
clear: both;
}
#line {
height:1px;
margin-top: 5px;
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #fed57b;
}
#top_start{
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 990px;
min-height:85%;
}
#out_start{
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 980px;
}
#outin{
margin-top: 30px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 960px;
}
#outin2{
width:710px;
margin-left:35px;
float: left;
min-height:70%;
}
* html #out {
height:70%;
}
#outbutton{
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 960px;
}
.linkeseite {
float: left;
color: #FFF;
}
.linkeseite h1 {
margin:0px;
padding:0px;
font-family: Verdana, Arial, sans-serif;
color: #FFF;
font-size:13px;
}
.rechteseite {
float: right;
color: #FFF;
line-height: 17px;
text-align: right;
}
.rechteseite p {
color: #FFF;
}
.floatclose {
clear: both;
margin-bottom: 10px;
}
#contStart {
width:990px;
height:22px;
margin-top:11px;
background-image: url(../images/cont-start.gif);
background-repeat: no-repeat;
}
#StartHead {
width:425px;
margin-left:25px;
margin-top:20px;
float: left;
}
#StartHead h1 {
margin-right: 30px;
margin-top:0px;
padding:0px;
font-size:23px;
font-weight:normal;
color:#74B027;
}
#StartCont {
width:500px;
float: left;
margin-top:20px;
margin-bottom:30px;
}
#contFolge {
width:945px;
padding-top:30px;
margin-left:10px;
padding-bottom:40px;
}
#content {
width:890px;
margin-left:35px;
margin-bottom: 50px;
}
#content2 {
width:670px;
margin-left:35px;
margin-bottom: 50px;
float: left;
}
#content3 {
width:465px;
margin-left:30px;
float: left;
}
#content5 {
width:910px;
margin-left:30px;
margin-right:30px;
}
#content4 {
width:215px;
margin-right:5px;
float: right;
}
.teccontainer {
width:200px;
margin-left:33px;
float: left;
text-align: center;
}
.teccontainer h1 {
font-family: Verdana, Geneva, sans-serif;
font-size: 19px;
line-height: 35px;
margin: 0px;
font-weight: normal;
font-variant: normal;
color: #74B027;
}
#navleft {
width:205px;
min-height:50px;
float:left;
}
#navleft ul {
margin: 0;
padding-left:0;
list-style-type: none;
}
#articlelist {
width:230px;
overflow: hidden;
}
#container_left {
width:190px;
padding-left:20px;
overflow: hidden;
}
#rechteSpalte {
width:240px;
float: right;
padding-top:0px;
}
#container_right {
overflow: hidden;
padding-top: 40px;
padding-right: 10px;
padding-bottom: 30px;
padding-left: 20px;
}
.box {
margin-bottom: 25px;
padding: 5px;
border: 1px solid #fed57b;
overflow: hidden;
background-color: #FFF;
background-image: url(../images/boxback.jpg);
background-repeat: repeat-x;
}
.box ul li {
margin-left: 20px;
}
#articleContainer #article2 {
width:313px;
height: 410px;
float: right;
background-color: #ffffff;
overflow: hidden;
}
#articleContainer3 #article2 {
width:313px;
height: 410px;
float: right;
background-color: #ffffff;
overflow: hidden;
}
/* ###################################################### */
/* ####################### HEADER ####################### */
/* ###################################################### */
#headline {
padding:0;
margin-left: 44px;
margin-right: 30px;
margin-top: 104px;
}
#contentpic {
height: 328px;
overflow: hidden;
margin-right: auto;
margin-left: auto;
width: 990px;
}
#picclaim {
height: 200px;
width: 450px;
margin-left: 50px;
margin-top: 50px;
position: absolute;
}
.picclaim_top {
font-size: 21px;
line-height:30px;
color: #74B027;
}
.picclaim_underline {
font-size: 17px;
color: #414141;
}
#contentpic2 {
height: 155px;
text-align: center;
overflow: hidden;
}
#contentStart {
width:960px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
overflow: hidden;
background-color: #ffffff;
}
/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */
#blindmenu{
display: none;
height: 0px;
width: 0px;
overflow: hidden;
}
#navigation {
height: 108px;
float: right;
}
#space10 {
width: 13px;
height: 40px;
float: left;
}
#navclose {
height: 1px;
background-color: #ffffff;
clear: both;
}
#navigation2 {
width:190px;
padding-top:0px;
padding-left:10px;
padding-bottom:0px;
}
#navigation3 {
width:190px;
padding-left:20px;
padding-bottom:20px;
}
#navigation2 ul, #navigation3 ul{
padding: 0px;
margin: 0px;
list-style: none;
}
/* ###################################################### */
/* ####################### Start Nav ################### */
/* ###################################################### */
#navspace{
height:10px;
}
/* ######################################## */
/* ### NavPoint inaktiv
########################################### */
#navmainStandardLevel_1 {
font-weight: bold;
height: 35px;
vertical-align: middle;
line-height: 35px;
display: block;
color: #636363;
}
#navmainStandardLevel_1 a {
display: block;
color: #636363;
background-image: url(../images/passive.gif);
background-repeat: no-repeat;
background-position: 0px 11px;
}
#navmainStandardLevel_1 a:hover{
color: #000;
display: block;
background-image: url(../images/active.gif);
background-repeat: no-repeat;
background-position: 0px 11px;
}
.navmainStandardLevel_1 {
padding-left: 19px;
}
/* ################################################ */
/* ### NavPoint aktiv ################################################### */
#navmainStandardLevel_1_active {
font-weight: bold;
height: 35px;
vertical-align: middle;
line-height: 35px;
display: block;
color: #575757;
}
#navmainStandardLevel_1_active a {
color: #575757;
display: block;
background-image: url(../images/active.gif);
background-repeat: no-repeat;
background-position: 0px 11px;
}
#navmainStandardLevel_1_active a:hover{
display: block;
color: #151515;
background-image: url(../images/passive.gif);
background-repeat: no-repeat;
background-position: 0px 11px;
}
.navmainStandardLevel_1_active {
padding-left: 19px;
}
/* ################################################ */
/* ### NavPoint Level 2 passiv ################################################### */
#navmainStandardLevel_2, #navmainStandardLevel_2_first, #navmainStandardLevel_2_last, #navmainStandardLevel_2_first_last {
font-weight: bold;
height: 22px;
vertical-align: middle;
line-height: 22px;
display: block;
color: #636363;
padding-left:19px;
}
#navmainStandardLevel_2 a, #navmainStandardLevel_2_first a, #navmainStandardLevel_2_last a, #navmainStandardLevel_2_first_last a {
display: block;
color: #636363;
background-image: url(../images/point_st2_passive.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#navmainStandardLevel_2 a:hover, #navmainStandardLevel_2_first a:hover, #navmainStandardLevel_2_last a:hover, #navmainStandardLevel_2_first_last a:hover{
color: #151515;
display: block;
background-image: url(../images/point_st2_active.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
.navmainStandardLevel_2, .navmainStandardLevel_2_first, .navmainStandardLevel_2_last, .navmainStandardLevel_2_first_last {
padding-left: 17px;
}
/* ################################################ */
/* ### NavPoint Level 2 aktiv ################################################### */
#navmainStandardLevel_2_active, #navmainStandardLevel_2_first_active, #navmainStandardLevel_2_last_active, #navmainStandardLevel_2_first_last_active {
font-weight: bold;
height: 22px;
vertical-align: middle;
line-height: 22px;
display: block;
color: #575757;
padding-left:19px;
}
#navmainStandardLevel_2_active a, #navmainStandardLevel_2_first_active a, #navmainStandardLevel_2_last_active a, #navmainStandardLevel_2_first_last_active a {
color: #575757;
display: block;
background-image: url(../images/point_st2_active.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#navmainStandardLevel_2_active a:hover, #navmainStandardLevel_2_first_active a:hover, #navmainStandardLevel_2_last_active a:hover, #navmainStandardLevel_2_first_last_active a:hover {
color: #151515;
display: block;
background-image: url(../images/point_st2_active.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
.navmainStandardLevel_2_active, .navmainStandardLevel_2_first_active, .navmainStandardLevel_2_last_active, .navmainStandardLevel_2_first_last_active {
padding-left: 17px;
}
/* ################################################ */
/* ### NavPoint Level 3 passiv ################################################### */
#navmainStandardLevel_3, #navmainStandardLevel_3_first, #navmainStandardLevel_3_last, #navmainStandardLevel_3_first_last {
font-weight: normal;
height: 22px;
vertical-align: middle;
line-height: 22px;
display: block;
color: #636363;
padding-left:19px;
}
#navmainStandardLevel_3 a, #navmainStandardLevel_3_first a, #navmainStandardLevel_3_last a, #navmainStandardLevel_3_first_last a {
display: block;
color: #636363;
}
#navmainStandardLevel_3 a:hover, #navmainStandardLevel_3_first a:hover, #navmainStandardLevel_3_last a:hover, #navmainStandardLevel_3_first_last a:hover {
color: #151515;
display: block;
background-image: url(../images/point_st3_over.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
.navmainStandardLevel_3, .navmainStandardLevel_3_first, .navmainStandardLevel_3_last, .navmainStandardLevel_3_first_last {
padding-left: 17px;
}
/* ################################################ */
/* ### NavPoint Level 3 aktiv ################################################### */
#navmainStandardLevel_3_active, #navmainStandardLevel_3_first_active, #navmainStandardLevel_3_last_active, #navmainStandardLevel_3_first_last_active {
font-weight: bold;
height: 22px;
vertical-align: middle;
line-height: 22px;
display: block;
color: #575757;
padding-left:19px;
}
#navmainStandardLevel_3_active a, #navmainStandardLevel_3_first_active a, #navmainStandardLevel_3_last_active a, #navmainStandardLevel_3_first_last_active a {
color: #575757;
display: block;
}
#navmainStandardLevel_3_active a:hover, #navmainStandardLevel_3_first_active a:hover, #navmainStandardLevel_3_last_active a:hover, #navmainStandardLevel_3_first_last_active a:hover{
display: block;
color: #151515;
background-image: url(../images/point_st3_over.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
.navmainStandardLevel_3_active, .navmainStandardLevel_3_first_active, .navmainStandardLevel_3_last_active, .navmainStandardLevel_3_first_last_active {
padding-left: 17px;
}
.navspace{
height:7px;
width: 80px;
}
/* ### NavPoint aktiv ################################################### */
.navMainActive {
font-weight: bold;
vertical-align: middle;
float: left;
height: 52px;
width: 165px;
display: block;
color: #ffffff;
background-image: url(../images/navactback.png);
background-repeat: repeat-x;
background-position: 0px 1px;
}
.navMainActive a{
font-family: Verdana, Arial, Geneva, sans-serif;
padding-right: 20px;
padding-left: 20px;
color: #ffffff;
font-size: 13px;
height: 52px;
width: 165px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.navMainActive a:hover{
padding-right: 20px;
padding-left: 20px;
color: #ffffff;
height: 51px;
width: 165px;
display: table-cell;
background-color:#1769bc;
text-decoration: none;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFF;
}
/* ### NavPoint als Unterpunkt aktiv ################################################### */
.navMainActiveOpen {
}
.navMainActiveOpen a{
}
.navMainActiveOpen a:hover{
}
/* ###################################################### */
/* ###################################################### */
/* ### NavPoint normal inaktiv ################################################## */
.navSecPassive {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: normal;
color: #5b5b5b;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c4c3bf;
list-style-type: none;
}
.navSecPassive a{
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: normal;
color: #5b5b5b;
padding-left:15px;
padding-top:9px;
padding-bottom:9px;
display: block;
margin: 0;
list-style-type: none;
background-repeat: no-repeat;
}
.navSecPassive a:hover{
color: #000000;
display: block;
text-decoration: none;
background-image: url(../images/passive.gif);
background-repeat: no-repeat;
background-position: 0px 14px;
}
/* ### NavPoint als Unterpunkt inaktiv ########################################### */
.navSecPassiveOpen {
}
.navSecPassiveOpen a{
}
.navSecPassiveOpen a:hover{
}
/* ### NavPoint aktiv ################################################### */
.navSecActive {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #575757;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c4c3bf;
list-style-type: none;
}
.navSecActive a{
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #575757;
padding-left:15px;
padding-top:9px;
padding-bottom:9px;
display: block;
margin: 0;
list-style-type: none;
background-image: url(../images/active.gif);
background-repeat: no-repeat;
background-position: 0px 14px;
}
.navSecActive a:hover{
color: #000000;
display: block;
text-decoration: none;
background-image: url(../images/active.gif);
background-repeat: no-repeat;
background-position: 0px 14px;
}
/* ### NavPoint als Unterpunkt aktiv ################################################### */
.navSecActiveOpen {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #575757;
padding-bottom:5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c4c3bf;
list-style-type: none;
}
.navSecActiveOpen a{
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #575757;
padding-left:15px;
padding-top:9px;
padding-bottom:5px;
display: block;
margin: 0;
list-style-type: none;
background-image: url(../images/active.gif);
background-repeat: no-repeat;
background-position: 0px 14px;
}
.navSecActiveOpen a:hover{
color: #000000;
display: block;
text-decoration: none;
background-image: url(../images/active.gif);
background-repeat: no-repeat;
background-position: 0px 14px;
}
/* ### 3. Stufe passive ################################################### */
.navThirdPassive {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: normal;
color: #5b5b5b;
}
.navThirdPassive a{
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: normal;
color: #5b5b5b;
display: block;
padding-left:35px;
padding-top:3px;
padding-bottom:3px;
background-image: url();
}
.navThirdPassive a:hover{
color: #000000;
display: block;
text-decoration: none;
background-image: none;
background-image: url(../images/passive.gif);
background-repeat: no-repeat;
background-position: 20px 9px;
}
/* ### 3. Stufe active ################################################### */
.navThirdActive {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #575757;
}
.navThirdActive a{
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #575757;
display: block;
padding-left:35px;
padding-top:3px;
padding-bottom:3px;
background-image: url(../images/active.gif);
background-repeat: no-repeat;
background-position: 20px 9px;
}
.navThirdActive a:hover{
color: #000000;
display: block;
text-decoration: none;
background-image: url(../images/active.gif);
background-repeat: no-repeat;
background-position: 20px 9px;
}
.navspace{
height:7px;
width: 80px;
}
/* ### 3. Stufe active open ############################################### */
.navThirdActiveOpen {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #575757;
}
.navThirdActiveOpen a{
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #575757;
display: block;
padding-left:35px;
padding-top:3px;
padding-bottom:3px;
}
.navThirdActiveOpen a:hover{
color: #000000;
display: block;
text-decoration: none;
}
/* ### 4. Stufe passive ################################################### */
.navFourthPassive {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: normal;
color: #5b5b5b;
padding-left:40px;
padding-top:1px;
padding-bottom:1px;
}
.navFourthPassive a{
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: normal;
color: #5b5b5b;
display: block;
background-image: url(../images/line-passive.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
}
.navFourthPassive a:hover{
color: #000000;
display: block;
text-decoration: none;
background-image: url(../images/line-hover.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
}
/* ### 4. Stufe active ################################################### */
.navFourthActive {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
color: #575757;
padding-left:40px;
padding-top:1px;
padding-bottom:1px;
}
.navFourthActive a{
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #575757;
display: block;
background-image: url(../images/line-active.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
}
.navFourthActive a:hover{
color: #000000;
font-weight: bold;
display: block;
text-decoration: none;
background-image: url(../images/line-hover.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
}
/* ### 4. Stufe active open ############################################### */
.navFourthActiveOpen {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #575757;
}
.navFourthActiveOpen a{
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
color: #575757;
display: block;
padding-left:40px;
padding-top:3px;
padding-bottom:3px;
}
.navFourthActiveOpen a:hover{
color: #000000;
display: block;
text-decoration: none;
}
/* ### Ende Nav ################################################### */
/* ###################################################### */
/* ##################### Box rechte Spalte ############### */
/* ###################################################### */
#sprboxhead {
background-image: url(../images/boxtop.png);
background-repeat: repeat-x;
height: 23px;
margin-bottom: 1px;
padding-top: 7px;
padding-left: 10px;
color: #575757;
font-weight: bold;
}
#sprback {
background-color: #f1f1f1;
margin-bottom: 1px;
padding-top: 7px;
padding-left: 10px;
padding-right: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #575757;
}
/* ###################################################### */
/* ####################### SEARCH INPUT ################# */
/* ###################################################### */
#search label {
vertical-align: middle;
font-size:12px;
}
#search input {
font-size:12px;
color:#5b5b5b;
vertical-align: middle;
border: 0px;
background-color: transparent;
}
#searchterm {
width: 150px;
}
#search input.sbmt {
border:0;
margin-left: 1px;
vertical-align: middle;
}
/* ###################################################### */
/* ####################### SEARCH OUTPUT ################ */
/* ###################################################### */
#searchResults {
margin:0 0 10px 0;
}
#searchResults p.message {
margin:20px 0 30px 0;
}
#searchResults div.searchResultItem {
border-bottom:1px solid #ccc;
margin:0 0 10px 0;
padding:0 0 10px 0;
}
#searchResults div.searchResultItem h2 {
font-size:14px;
margin:0 0 5px 0;
padding:0;
color:#452969;
font-style:normal;
}
/* ###################################################### */
/* ####################### MAIN CONTENT ################# */
/* ###################################################### */
h1 {
font-size:17px;
font-weight:normal;
color:#74B027;
margin-top:0px;
}
h2 {
font-size:17px;
font-weight:bold;
color:#74B027;
margin-top:0px;
}
h3 {
font-size:17px;
font-weight:normal;
color:#5B5B5B;
margin:0px;
}
.boxfettBlau {
font-size:13px;
font-weight:bold;
color:#575757;
}
#out_start ul{
list-style-image:url(../images/ok.png);
margin-top:0px;
}
.ueberschrift {
font-size:20px;
font-weight:normal;
color:#575757;
padding-bottom: 10px;
}
.ueberschrift a{
color:#575757;
}
.ueberschrift a:hover{
color:#000;
}
.textItem {
font-family:Arial, Verdana, sans-serif;
color:#5b5b5b;
font-size:13px;
}
img.hr {
display:block;
margin:10px 0;
padding:0;
}
/* ###################################################### */
/* ####################### FOOTER ####################### */
/* ###################################################### */
#footerspace{
height:1px;
clear: both;
}
.footerspace{
height:1px;
clear: both;
}
#footer {
background-image: url(../images/footer_bg.png);
min-height:20%;
}
#footer_top {
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width:960px;
min-height: 70px;
}
#footer_nav {
width:960px;
padding-top: 50px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 50px;
}
#footer p{
font-weight: lighter;
}
#end{
height:29px;
}
#copyright {
height:45px;
width:990px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #383838;
text-align: center;
line-height: 45px;
vertical-align: middle;
position: relative;
}
#copyright a{
color: #383838;
}
#copyright a:hover {
color: #ff004e;
}
* html #footerContentRight {
padding-top:10px;
}
#footerContentRight h3 {
font-size:11px;
}
#metaNavigation {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
color: #ffffff;
}
#metaNavigation a{
font-size: 13px;
color: #ffffff;
}
#metaNavigation a:hover{
color: #29410E;
text-decoration: none;
}
ul#metaNavigation {
padding:0;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
ul#metaNavigation li {
margin:0;
display:inline;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #fff;
padding-top: 0;
padding-right: 8px;
padding-bottom: 0;
padding-left: 5px;
}
#logoutText {
font-size:12px;
color: #636363;
padding-bottom: 10px;
padding-left:5px;
}
#logoutText a {
color:#575757;
text-decoration:none;
}
#logoutText a:hover {
color:#F00;
text-decoration:none;
}
/* ###################################################### */
/* ####################### LINKS ######################## */
/* ###################################################### */
a {
color:#005b86;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:underline;
}
#navigation a:hover {
text-decoration:none;
}
/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
width: 450px;
font-size:11px;
}
#contactForm1 {
}
#contactForm .contactRow {
margin:4px 0;
}
#contactForm label {
display:block;
float:left;
width:110px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
color:#000000;
font-size:12px;
}
#contactForm .contactRow select {
width:123px;
color:#000000;
font-size:12px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
color:#000000;
font-size:12px;
}
#contactForm .contactRow input {
height:14px;
font-size:12px;
}
#contactForm .contactRow textarea {
height:105px;
font-size:12px;
}
#contactFormSubmit #contactFormSubmitLeft {
float:left;
margin:0 0 0 10px;
width:120px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
width:70px;
margin-left: 5px;
}
#contactFormSubmit #contactFormSubmitRight {
float:right;
width:70px;
}
#contactFormSubmit #contactFormSubmitLeft input,
#contactFormSubmit #contactFormSubmitRight input {
float:right;
margin:0;
font-size:12px;
color:#333;
}
#contactFormSubmit #contactFormSubmitLeft input {
padding:0;
float:left;
}
#contactForm table {
width:100%;border-collapse:collapse;
}
#contactForm table td {
padding:0;
}
#contactForm table td.pt {
padding-top:2px;
}
* html #contactForm table td.pt {
padding-top:0;
}
/* ###################################################### */
/* ####################### Artikelliste################## */
/* ###################################################### */
.articlelistPagecounter { width: 100%; text-align: center; margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
.articlelistItem p.articlelistContent { }
.articlelistItem p.articlelistContent img { float: right; margin-left: 10px; }
.articlelistItem p.articlelistMore { clear: left; text-align: right; font-weight: bold; }
.articlelistItem a.articlelistBack { }
.articlelistItem a.articlelistNext { }
.articlelistItem a.articlelistPageNumber { }
.articlelistItem a.articlelistBegin { }
.articlelistItem a.articlelistEnd { }
.articlelistItem a.articlelistPrevious { }
.articlelistItem a.articlelistNext { }
.articlelistNavigation {
width: 100%;
text-align: center;
clear: both;
margin-top: 10px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
padding-top: 5px;
}
.headHeadline {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
color: #e9e9e9;
vertical-align: middle;
margin-bottom: 3px;
line-height: 31px;
background-color: #80807d;
text-align: center;
height: 31px;
}
.headHeadline2 {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 18px;
color:#575757;
padding-top: 7px;
padding-Bottom: 7px;
}
.articlelistBG {
width: 670px;
background-image: url(../images/newsback.gif);
background-position: center 0px;
background-repeat: repeat-y;
display: table-cell;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #575757;
border-bottom-color: #575757;
}
.articlelistBG0 {
width: 475px;
background-image: url(../images/newsback.gif);
background-position: center 0px;
background-repeat: repeat-y;
display: table-cell;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #575757;
border-bottom-color: #575757;
}
.articlelistItem {
width: 290px;
height: 304px;
margin-right: 20px;
margin-left: 20px;
margin-top:15px;
float: left;
overflow: auto;
}
.articlelistItem0 {
width: 215px;
height: 304px;
margin-right: 10px;
margin-left: 10px;
margin-top:15px;
float: left;
overflow: auto;
}
.articlelistText {
width: 285px;
}
.articlelistDate {
padding-top: 5px;
padding-bottom: 5px;
}
.articlelistItem1 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333;
}
.articlelistItem img, .articlelistItem0 img {
padding-top: 0px;
padding-right: 7px;
padding-bottom: 4px;
padding-left: 0px;
}
.picside1 {
width: 200px;
height: 130px;
overflow: hidden;
float: left;
}
.picside2 {
width: 285px;
height: 130px;
overflow: hidden;
}
.listcontent {
width: 244px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 5px;
}
.articlelistHeadline {
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
color: #575757;
padding-top:5px;
padding-bottom: 5px;
}
.articlelistHeadline2 {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 16px;
color: #575757;
padding-top:3px;
padding-bottom:7px;
}
.articlelistHeadline a{
color: #005B86;
}
.articlelistHeadline2 a{
color: #005B86;
font-size: 16px;
}
.articlelistHeadline a:hover{
color: #000;
text-decoration: underline;
}
.articlelistHeadline2 a:hover{
color:#000;
text-decoration: none;
}
.articlelistHeadline1 {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 15px;
color: #fffff;
height: 30px;
line-height: 30px;
padding-left: 10px;
margin-top:25px;
margin-bottom:2px;
vertical-align: middle;
background-color: #005B86;
}
.articlelistHeadline1 a{
color: #ffffff;
}
.articlelistHeadline1 a:hover{
color: #000000;
text-decoration: none;
}
.articlelistSubheadline {
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
color: #606060;
margin-bottom: 15px;
}
.articlelistSubheadline2 {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color:#5b5b5b;
height: 65px;
margin-bottom: 15px;
}
.articlelistSubheadline1{
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
color:#5b5b5b;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 15px;
float: left;
width: 400px;
}
.moreFrame {
}
.moreButton {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
line-height: 20px;
color: #575757;
background-color: #e1dcd7;
text-align: center;
vertical-align: middle;
margin-top:10px;
width: 120px;
}
.moreButton a{
height: 25px;
color: #575757;
display: block;
}
.moreButton a:hover{
color: #ffffff;
background-color: #005B86;
text-decoration: none;
display: block;
}
.moreButtonLong {
font-family: Verdana, Arial, Geneva, sans-serif;
font-size: 13px;
line-height: 20px;
color: #575757;
background-color: #e1dcd7;
text-align: center;
vertical-align: middle;
height: 20px;
margin-top:10px;
}
.moreButtonLong a{
color: #575757;
display: block;
}
.moreButtonLong a:hover{
color: #ffffff;
background-color: #005B86;
text-decoration: none;
display: block;
}
/* ###################################################### */
/* ####################### BACKEND STYLES ############### */
/* ###################################################### */
#modHeaderImgEdit {
position:absolute;
left:270px;
}
/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/**
* CSS styles for Contenido Sitemap.
*
* @author rbi
* @copyright four for business AG
* @version 0.1.0
*
* created 2009-01-16
*/
ul.sitemapStandardMainCat {
margin-left:0;
padding-left: 0;
width: 600px;
}
ul.sitemapStandardMainCat li {
border-bottom: 1px solid #ffffff;
list-style-type: none;
}
ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
background-color: #CCC;
padding-top: 6px;
padding-right: 3px;
padding-bottom: 6px;
padding-left: 10px;
}
ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
background-color: #E6E6E6;
padding-top: 6px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 30px;
}
ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
background-color: #EFEFEF;
padding-top: 6px;
padding-right: 3px;
padding-bottom: 6px;
padding-left: 50px;
}
.teaser_image {
float:left;
margin-top:4px;
margin-right:4px;
}
/* ###################################################### */
/* #################### Google-Maps ################# */
/* ###################################################### */
.bezeichner {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
padding-left: 5px;
font-size: 16px;
background-color: #DFDFDF;
margin-top: 25px;
margin-bottom: 15px;
}
.google-maps-area {
margin-right: auto;
margin-left: auto;
width: 500px;
margin-top: 50px;
margin-bottom: 20px;
}
.google-maps-area .google-map {
/* Umgebender Bereich fuer die Karte von GoogleMaps. */
margin-bottom: 15px;
}
.google-maps-area .google-info {
/* Umgebender Bereich fuer Eingabefeld, die Zieladresse und den Submit-Button. */
}
.google-maps-area .google-router {
/* Die Klasse des Formulars. */
}
.google-maps-area .startadresse {
margin-top: 10px;
/* Die Klasse des Startadress-Bereichs */
}
.google-maps-area .zieladresse {
margin-top: 10px;
/* Die Klasse des Zieladress-Bereichs */
}
.google-maps-area .google-label {
/* Die Ueberschriften ("Startadresse" und "Zieladresse"). */
float: left;
width: 150px;
}
.google-maps-area .google-text {
/* Die Zieladresse (wird in der Konfiguration angegeben). */
}
.google-maps-area .google-input input[type="text"] {
/* Das Texteingabefeld fuer die Startadresse. */
width: 300px;
}
.google-maps-area .google-button {
/* Umgebender Bereich fuer den Absende-Button */
padding-left: 150px;
}
.google-maps-area .google-button input[type="button"] {
/* Der Submit-Button. */
}
.google-maps-area .google-additionaltext {
/* Bereich fuer zusaetzlichen Text (optional) */
}
#cookiedingsbums a {color:#000; text-decoration:none;}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums div {padding:10px; padding-right:40px;}
#cookiedingsbums {
outline: 1px solid #7b92a9;
text-align: center;
border-top:1px solid #fff;
background: #d6e0eb;
background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9));
background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
position:fixed;
bottom:0px;
z-index:10000;
width:100%;
height: 40px;
font-size:13px;
padding-top:15px;
padding-bottom:15px;
line-height:30px;}
#cookiedingsbumsCloser {
color: #000;
font: 15px/100% arial, sans-serif;
right: 5px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
top: 5px;
cursor:pointer;
border-top:1px solid white;
border-left:1px solid white;
border-bottom:1px solid #7b92a9;
border-right:1px solid #7b92a9;
padding:4px;
background: #ced6df; /* Old browsers */
background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9));
background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
}
#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}