html { font-size: 62.5%; font-family: sans-serif; } body{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857; background-color: #7D0000; color:white; padding:0px; margin:0px; } a { color: #428BCA; text-decoration: none; } a:hover{ text-decoration: underline; } textarea { resize: none; } legend{ margin-top:20px; } /* * Default */ .bg{ background-color: #F0F0F0; } .box{ background-color: #FFFFFF; padding:18px 24px; margin-bottom: 20px; color:black; } .form-group{ padding:15px 0; } /* * Logo */ #logo_bar{ position:relative; padding:15px 0px 15px 15px; min-width: 960px; } #logo_right{ position:absolute; width:60px; padding:15px 15px 15px 0px; top:0px; right:0px; } #logo,#logo_right{ height:70px; } /* * Loading */ .loadingModel { display: none; width: 100%; min-height: 400px; background: url('../img/loading.gif') 50% 50% no-repeat; } body.loading .loadingModel { display: block; } body.loading #container{ display:none; } /* * Navbar */ #navbar{ background-image: url("../img/line.png"); border-radius: 0px; margin: 0px; height:100px; min-width: 960px; } #navbar:after, #navbar:before, .bar:after,.bar:before, .box:after,.box:before{ content:""; display:table; } #navbar:after,.bar:after,.box:after{ clear: both; } #navbar > div{ margin: 25px 15px; float:right; height:50px; } #navbar > ul{ margin: 60px 15px 0px; list-style: none outside none; padding-left: 0px; float: left; height:40px; } #navbar ul > li { float: left; display: block; position: relative; } #navbar ul > li > a { line-height: 20px; display: block; padding: 10px 15px; position: relative; border-radius: 0 0 0 0; color: #DDDDDD; text-shadow: none; } #navbar .active > a, #navbar .active > a:hover, #navbar .active > a:focus { background-color:#F0F0F0; color: #000000; text-decoration: none; text-shadow: none; border-radius: 4px 4px 0px 0px; } /* * Bottom */ #navdown{ margin:0px; padding-bottom: 60px; } #navdown > .column-center td{ width:20%; vertical-align: top; } #navdown > .column-center table{ width: 100%; } #navdown a, #navdown a:hover{ color:white; text-decoration: none; } /* * Main */ .columns{ display:table; width: 100%; table-layout: fixed; } .bar { display: table-cell; padding-top:30px; vertical-align: top; } .bar > div{ float:right; } .bar>h1:first-child,.bar>h3:first-child{ margin-top: 0px; } .avatar{ padding-top: 10px; padding-right: 20px; text-align:center; width:220px; } .avatar img{ max-width:200px; } #barleft{ width: 48px; } #barleft img{ margin: 8px; } .column-center{ width:960px; display: table-cell; vertical-align: top; margin: 0px; padding-top: 20px; } #container{ min-height: 400px; } /* * Extra */ .box-extra{ display:table; margin-bottom: 15px; } .box-extra-left{ display:table-cell; width:240px; height: 220px; float:left; } .box-extra-left > .box{ width:200px; height: 200px; margin:0px; margin-right: 20px; padding: 10px; vertical-align: middle; display:table-cell; } .box-extra-left > .box > img{ max-height: 200px; max-width: 200px; } .box-extra-left+.box{ display:table-cell; width: 100%; min-height: 200px; vertical-align: top; } .box-title{ background-color: #97c00e; margin-top:6px; margin-bottom: 24px; display:table; } .box-title h1{ text-align: center; color: white; font-weight: bolder; margin-bottom: 20px; } .box-title h3{ text-align: center; font-weight: bold; margin-top: 20px; } .buttonrow{ text-align:right; margin-top:25px; padding:0px 15px; } /* * Opening */ .openingitem { margin: 30px auto; width: 900px; } .openingitem h3{ margin: 0px; margin-top: 6px; display:inline-block; } .openingitem > div{ display: table; height: 106px; table-layout:fixed; width: 900px; } .openingitem .icon{ display: table-cell; padding: 3px 10px; width: 250px; } .openingitem .icon div{ display:table-cell; vertical-align: middle; text-align: center; width: 250px; height: 86px; } .openingitem .icon img{ max-height: 86px; max-width: 86px; } .openingitem .icon span{ white-space:nowrap; text-align: center; display: block; height:14px; color: #4F4F4F; font-weight: normal; } .openingitem .noicon-title{ display: table-cell; padding: 3px 10px; text-align: center; vertical-align: middle; width: 250px; font-size: 16px; } .openingitem .left { display: table-cell; padding: 3px 10px; vertical-align: top; } .openingitem .left span { display: block; color: #4F4F4F; font-weight: normal; } .openingitem .right { display: table-cell; padding: 3px 5px 3px 2px; vertical-align: middle; text-align: center; white-space: nowrap; width: 150px; } .openingitem .right .btn-group-vertical > .btn{ width:150px; overflow-x:hidden; } .openingitem.empty { display: block; padding: 40px 0; text-align: center; } /* * Startseite */ .start-search-box{ text-align:center; } .start-search-box img{ float:left; margin-right:20px; } .start-search-box .box{ display:inline-block; width:465px; height:282px; background-color:#9d1c16; padding-top:20px; } .start-search-box .box h1{ color:white; } .start-search-box .box .searchform{ display:inline-block; margin:auto; width:80%; } .start-search-box .box .searchform .form-control{ } .start-search-box .box .searchform .btn.btn-default{ background-color:#fea501; border-color:#fea501; } .start-search-box .box .searchform .btn.btn-default .glyphicon{ line-height:1.42857; color:white; } .start-search-box .box .searchform .btn.btn-primary{ background-color:red; border-color:red; } /* * Messages */ .msg legend{ margin:0px 0px 5px 0px; font-size:14px; } .msg .text{ font-weight:bold; font-size:16px; } .cv{ width:100%; color:black; } .cv td{ width:50%; padding-bottom:15px; } .cv td span{ font-style:italic; font-size:12px; } .hide-input input.form-control{ background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); color:black; box-shadow:none; } .infofield{ color:black; } .btn.btn-primary{ background-color:red; border-color:orange; }