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; } /* * Default */ .bg{ background-color: #F0F0F0; } .box{ background-color: #FFFFFF; padding:18px 24px; margin-bottom: 20px; color:black; position:relative; } .box > h1{ color:grey; } h4{ border-bottom:1px solid grey; margin-top:30px; } .box img{ max-width:100%; } .form-group{ padding:15px 0; } legend{ margin-top:50px; } /* * 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: 1110px; } #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: 30px 15px; float:right; height:40px; } #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; } /* * */ #alert.old .alert{ background-color: #E9E9E9; border-color: #BABABA; color: #9B9B9B; } /* * 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; } #barright{ width: 130px; padding-left:20px; padding-top:10px; padding-bottom:10px; } #barright img{ max-width:100%; } .column-center{ width:1110px; display: table-cell; vertical-align: top; margin: 0px; padding-top: 20px; padding-right:130px; //width:960px; } #container{ min-height: 400px; } /* * Extra */ .box-extra{ display:table; margin-bottom: 15px; } .box-extra-left{ display:table-cell; width:240px; min-height: 220px; float:left; } .box-extra-left > .box{ width:200px; height: 200px; 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; width:100%; } .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; padding-bottom:20px; border-bottom:1px solid grey; } .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{ text-align: center; display: block; margin-bottom:5px; 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; position:relative; text-align:center; } .start-search-box .img .btn{ color: #FFFFFF; float: none; bottom: 40px; position: absolute; left: 150px; } .start-search-box .bluebox, .start-search-box .redbox.bluebox{ display:inline-block; text-align:left; font-size:26px; line-height:2; width:465px; height:282px; background-color:#357EBD; padding:50px 70px; color:white; } .start-search-box .redbox{ display:inline-block; width:465px; height:282px; background-color:#9d1c16; padding-top:20px; } .start-search-box .redbox h1{ color:white; } .start-search-box .redbox .searchform{ display:inline-block; margin:auto; } .start-search-box .redbox .searchform .input-group,.start-search-box .redbox .searchform .btn.btn-primary{ width:350px; } .start-search-box .redbox .searchform .btn.btn-default{ background-color:#fea501; border-color:#fea501; } .start-search-box .redbox .searchform .btn.btn-default .glyphicon{ line-height:1.42857; color:white; } .start-search-box .redbox .searchform .btn.btn-primary{ background-color:#7e0000; border-color:#7e0000; } /* * 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; } .cv td span.glyphicon{ font-size:14px; font-style:normal; } .cv tr span.label{ width:10%; font-style:normal; font-size:14px; color:black; display:inline-block; } .cv .date { display:inline-block; width:90%; } .cv .date > select { width:30%; display:inline-block; } .hide-input input.form-control{ background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); color:black; box-shadow:none; } .modal-body,.modal-title{ color:black; } .infofield{ color:black; } .table > thead > tr > th { color:black; } .tableForm tbody tr.new .btn-del{ display:none; } .imgsubtitle.edit{ background:rgba(0,0,0,0.8); color:white; width:200px; float:none; height:20px; margin-top:-20px; position:absolute; } .imgsubtitle.edit a{ color:white; } fieldset.search{ text-align:center; } fieldset.search .form-group{ text-align:left; width:250px; display:block; margin-right:30px; float:left; } fieldset.search .submit.form-group{ padding-top:40px; } fieldset.search .submit.form-group .btn{ width:250px; } fieldset.search .form-group label{ margin: 0px 20px; font-weight:700; height:25px; }