/* CSS Document */


/*  -----  Global-Bereich  -----  */
body {background-color: #9c9c9c; background-image: url(../images/mainBackground.jpg); background-repeat: repeat-x; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height:1.5em}
A {text-decoration: none; color: #fff}
#main {width: 1004px; border: 1px solid #aaa; border-top: none; background-color: #214A60}
#indexOne {width: 1004px; border: 1px solid #aaa; border-top: none; background-color: #214A60; height: 669px}
#header {width: 990px; margin-top: 10px; text-align:center; margin-left: 6px}
.copyright {font-size: 10px; padding-right: 10px}


/*  -----  Index-Bereich  -----  */
#logo {text-align:right; margin-top: 60px; background-color: #214A60}
#logoInline {margin-top: 33px; background-image: url(../images/teaserBackground1.jpg); float: left; width: 825px; height: 10px; background-repeat: repeat-x; opacity: 0.8; filter: Alpha(opacity=80);}
#mainPics {margin-top: 50px; text-align: center; border: none}
#secondHeader {width: 100%; font-size: 16px; padding-left: 75px}
#teaser1, #teaser2, #teaser3, #teaser4 {visibility: hidden; border: 1px solid #aaa}
#teaserPics {margin-top: 110px; margin-left: 140px}
#teaserPics TD {width: 190px}
#enter {text-align: center; padding-left: 455px; margin-top: 90px; margin-bottom: 130px}
#outID {margin-left: 135px; font-weight: bold; margin-top: 70px; font-size: 15px; color: #aaa; letter-spacing: 1px}
.access {border: none}


/*  -----  Menue-Bereich  -----  */
#menue {width: 990px; border: none; margin-left: 6px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; letter-spacing: 1px}
#menue TD.col {width: 155px; border-right: 1px solid #fff; padding: 0px;}
#menue TD.colLast {background-color: #184157; padding-right: 10px}
#nav1, #nav2, #nav3, #nav4 {margin: 0px; padding: 0px; color: #fff; list-style: none;}
#nav1 ul, #nav2 ul, #nav3 ul, #nav4 ul {margin: 0px; background-color: #555; padding-left: 30px;}
#nav1 span, #nav2 span, #nav3 span, #nav4 span {display: block; width: 127px; padding: 3px 0px 3px 13px;}
#nav1 a, #nav2 a, #nav3 a, #nav4 a {display: block; width: 127px; padding: 3px 0px 3px 13px;}
#nav1 li, #nav2 li, #nav3 li, #nav4 li {float: left; width: 100%; list-style: none; padding: 0px;}
#nav1 li ul, #nav2 li ul, #nav3 li ul, #nav4 li ul {background-color: #214A60; -moz-opacity: 0.90; filter: Alpha(opacity=90); position: absolute; width: 155px; left: -999em; padding: 0px; margin: 0px;}
#nav1 li ul li, #nav2 li ul li, #nav3 li ul li, #nav4 li ul li {border-bottom: 1px solid #bfbfbf; line-height:1.1em}
#nav1 li ul li a, #nav2 li ul li a, #nav3 li ul li a, #nav4 li ul li a {color: #ddd; width: 135px; padding: 4px 0px 4px 18px;}
#nav1 li:hover, #nav2 li:hover, #nav3 li:hover, #nav4 li:hover {background-color: #08a}
#nav1 li:hover ul, #nav2 li:hover ul, #nav3 li:hover ul, #nav4 li:hover ul {left: auto;}
#nav1 li ul li:hover, #nav2 li ul li:hover, #nav3 li ul li:hover, #nav4 li ul li:hover {background-color: #07a}
#nav1 li:hover ul, #nav2 li:hover ul, #nav3 li:hover ul, #nav4 li:hover ul, #nav li.sfhover ul {left: auto;}
#submenue {width: 990px; border: none; margin-left: 6px; background-color: #ccc; color: #094262}
#submenue TD.col1 {padding: 2px 10px 0px 5px; color: #214A60}
#submenue TD.col2 {border-top: 1px solid #fff; padding: 1px 5px 2px 5px; border-bottom: 1px solid #184157}
#blogNews {margin: 0px 0px 0px 10px; padding-right: 5px; display: block; float: left}
#news {padding: 0px; margin: 0px}
#news li {padding: 0px; margin: 0px; list-style: none; font-size: 11px}


/*  -----  Content-Bereich  -----  */
#content {width: 990px; margin-left: 6px; padding: 0px 0px 0px 20px; background-color: #fff; color: #000; height: 460px}
#content .col {text-align: justify; vertical-align: top; padding-right: 40px}
#content .col1 {width: 517px; text-align: justify; vertical-align: top; padding-right: 25px; padding-bottom: 20px }
#content .col2 {padding-left: 120px; vertical-align: top; text-align: justify; border-left: 1px solid #214A60}
#pictures {width: 100%; height: 100%; border-left: 1px solid #214A60; margin-left: 0px; padding: 0px}
#pictures TD.col1_left {height: 65px; width: 180px; border-bottom: 1px solid #214A60; border-right: 1px solid #214A60}
#pictures TD.col1_right {border-bottom: 1px solid #214A60}
#pictures TD.col2_left {border-bottom: 1px solid #214A60; border-right: 1px solid #214A60; vertical-align: top}
#pictures TD.col2_right {border-bottom: 1px solid #214A60}
#pictures TD.col3_left {border-right: 1px solid #214A60; padding: 10px 0px; vertical-align: text-top; height: 214px}
#pictures H4 {font-weight: bold; font-size: 12px; margin-top: 0px; text-align: left; margin-left: 4px}
h2 {font-size: 16px; color: #094262; text-align: left; margin-top: 27px}
h3 {font-size: 14px; color: #094262; text-align: left; margin-top: 30px}
h4 {font-size: 13px; color: #094262; text-align: left; margin-top: 2px}
#information {width: 150px; border: 1px solid #444; margin-left: 100px}
#information .head {background-color: #999; color: #fff; text-align: center; border: 1px solid #777; padding: 1px 3px}
#information .cont {background-color: #ddd; color: #000; border: 1px solid #777; padding: 5px 4px}
#leiste {background-image: url(../images/leiste.gif); background-repeat: repeat-x; margin-left: 6px; width: 990px}
li {list-style:square; padding-bottom: 8px}
#contact {margin-left: 6px; width: 990px}
A.con {color: #fff; margin: 0px 10px; text-decoration: none; text-align: left}
A.con:hover {text-decoration: none}
li {list-style:square; padding-bottom: 8px}
.contentRight {margin-left: 30px; margin-top: 20px;}
.pictures {margin-top:20px; border: 1px solid #777; margin-left: 20px}
#gallerie {width:480px; margin:5px}
#gallerie TD {padding:5px}
#iceeApplet {padding-left: 15px; margin-top: 30px; float: left; width: 200px}
#iceeAppletDescription {padding-top: 28px; padding-right: 10px}
#mobileApplet {padding: 10px}


/*  -----  Formular-Bereich  -----  */
#formular {border: 1px solid #999; margin-left: 40px; margin-top: 20px}
#formular TD.first {width: 80px; background-color: #aaa; padding: 3px 8px}
#formular TD.second {background-color: #ddd; padding: 3px 8px; width: 300px}
.field {width: 200px; height: 13px; border: 1px solid #999; font-size:11px}
.plz {width: 40px; height: 13px; font-size:12px; border: 1px solid #999}
.place {width: 148px; height: 13px; padding-left: 5px; font-size:12px; border: 1px solid #999}
textarea {width: 298px; height: 175px; border: 1px solid #999; font: Verdana, Helvetica, sans-serif 12px}
.button {width: 70px; border: 1px solid #777; background-color: #fff; font-size: 11px; color: #2A5973}
#introduction {margin-left: 40px; margin-top: 10px; color: #cc0000; font-size: 11px}
#message {margin-left: 40px; margin-top: 10px;}


/*  -----  Impressum-Bereich  -----  */
#impressum {border: 1px solid #999; margin-left: 20px; margin-top: 20px}
#impressum2 {border: 1px solid #999; margin-left: 20px; margin-top: 10px}
#impressum TD.first {width: 80px; background-color: #aaa; padding: 3px 8px}
#impressum2 TD.first {width: 80px; background-color: #aaa; padding: 3px 8px}
#impressum TD.second {background-color: #ddd; padding: 3px 8px; width: 300px}
#impressum2 TD.second {background-color: #ddd; padding: 3px 8px; width: 300px}
h5 {text-decoration: underline; font-size: 11px}
TD.impfirst {width: 530px; vertical-align: top}
TD.impsecond {text-align: justify; padding-right: 30px; vertical-align: top}
p.disclaimer {font-size: 10px; margin-top: 40px; margin-bottom: 60px}


/*  -----  Team-Bereich  -----  */
Table.teamPictures {background-color: #fff; margin: 15px; width: 240px; border: 1px solid #ccc; padding-top: 5px}
td.lineFirst {padding-left: 5px; width: 225px; color: #214A60; font-weight: bold}
td.lineBorder {border-bottom: 1px dashed #888; height: 10px;}
td.lineMail {padding-left: 5px; padding-top: 5px}


/*  -----  Job-Bereich  -----  */
#jobMain {width: 598px; margin: 0px; padding: 0px;}
#jobMain TD.jobHead {border: 1px solid #888; background-image: url(../images/job_head.jpg); background-repeat: no-repeat; line-height: 60px}
#jobMain TD.jobHeadSecond {border: 1px solid #888; border-top: none; background-color: #214A60; line-height: 8px}
#jobMain TD.jobContentHeaderFirst {border: 1px solid #888; border-top: none; padding: 8px; width: 470px; vertical-align: text-top; height: 100px}
#jobMain TD.jobContentHeaderSecond {background-image: url(../images/auge.jpg); background-repeat: no-repeat; border: 1px solid #888; border-top: none; border-left: none;}
#jobMain TD.jobContentFirst {border: 1px solid #888; border-top: none; padding: 8px; vertical-align: top; height: 345px}
#jobMain TD.jobContentSecond {border: 1px solid #888; border-top: none; border-left: none; background-color: #214A60; vertical-align: bottom; padding-bottom: 3px}
#jobMain A.sendMail {color: #ffffff; margin-left: 12px}
#jobMain A.sendMail:hover {color: #bbbbbb; text-decoration: underline}
#jobMain .jobDetails {text-decoration: underline; margin-bottom:0px}


/*  -----  Job-Bereich-Backend  -----  */
#newJob {width: 500px; border: 1px solid #999}
#newJob TD.first {width: 80px; background-color: #aaa; padding: 3px 8px}
#newJob TD.second {background-color: #ddd; padding: 3px 8px; width: 300px}
#newJob .fieldJob {width: 80%}


/*  -----  Login-Bereich  -----  */
#loginOuter {margin-left: 100px; margin-top: 30px; border: 1px solid #999; padding: 5px}
.loginForm {width: 130px; background-color: #ccc; padding-left: 5px}
.loginField {width: 130px; border: 1px solid #999}
Input.buttonLogin {width: 60px; font-size:11px; font-size: 11px}
.loginError {margin-top: 40px}