@import url("webfonts_kit.css");

/* braun: #846C53   rot: #81001C */
body { margin:0; padding:0; font-family:HelveticaNeueLTStd-Cn,Arial,Helvetica; background-color: #FFFFFF; background-image: url(/img/page/2015_bottom_sub_bg.jpg); background-position: top center; background-attachment:fixed; background-repeat: repeat-y; color: #FFFFFF; }

form, fieldset { border:0; margin:0; padding:0; }
img { border:0; }

.visDiv { display:block; }
.invDiv { display:block; visibility:hidden; }
.hidDiv { display:none; }

.cll { visibility: hidden; height: 0; width:0; line-height: 0; font-size:0; clear: left;  }
.clr { visibility: hidden; height: 0; width:0; line-height: 0; font-size:0; clear: right; }
.clb { visibility: hidden; height: 0; width:0; line-height: 0; font-size:0; clear: both;  }

#top { width: 100%; margin:0 auto; padding:0; }
#headr { height: 266px; color: #846C53; }
.sphead { margin-top: -28px; padding-top: 0px; padding-bottom: 20px; }
.sphead_home { margin-top: 155px; padding-top: 0px; padding-bottom: 0px; margin-bottom: -30px; }

.social { display:inline-block; padding-left: 10px; padding-top: 3px; }
.social img { margin-left: 3px; }
.mainnav span { display:inline-block; position:relative; top: -2px; }
.pdf { background: url(/img/page/page_white_acrobat.png) center left no-repeat; padding: 2px 0 2px 20px; }

input, select { color: #000000!important; }
input { line-height:1.5em; font-weight:normal; }
select { padding: 3px 2px; }
input[type="submit"] { padding: 0px 10px; margin-bottom: 10px; }
input[disabled] { color:#666666!important; }

.metanav { padding: 0 0 4.2em 0; font-family:HelveticaNeueLTStd-MdCn,Arial,Helvetica; font-size: 16px; color: #846C53; }
.metanav a, .metanav a:link, .metanav a:active, .metanav a:visited, .metanav a:hover { text-decoration: none; }
.metanav a.sel, .metanav a.sel:link, .metanav a.sel:active, .metanav a.sel:visited, .metanav a.sel:hover { color: #81001C; }

.lrg { margin: 15px auto 10px auto; font-size:0; }

.medl { margin: 5px auto 10px auto; font-size:0; }
.medr { margin: 5px auto 10px auto; font-size:0; }
.teal { margin: 5px auto 8px auto; font-size:0; }
.tear { margin: 5px auto 8px auto; font-size:0; }

.teals { margin: 10px 10px 8px auto; }
.tears { margin: 10px auto 8px 10px; }

.smll { margin: 0 auto 5px auto; }
.smlr { margin: 0 auto 5px auto; }

#mncol { background-color:transparent; margin-bottom: 1.5em; }
.mainnav { text-transform: uppercase; font-family:HelveticaNeueLTStd-MdCn,Arial,Helvetica; font-size: 16px; }
.mainnav ul { list-style-type: none; margin:0; padding: 0; }
.mainnav ul li { float: left; margin:0; padding:0 35px 0 0; color: #846C53; }
.mainnav ul li.sel { color: #81001C; }
.mainnav ul li a, .mainnav ul li a:link, .mainnav ul li a:active, .mainnav ul li a:visited { text-decoration: none; color: #846C53; }
.mainnav ul li.sel a, .mainnav ul li.sel a:link, .mainnav ul li.sel a:active, .mainnav ul li.sel a:visited, .mainnav ul li.sel a:hover, .mainnav ul li a:hover { text-decoration: none;  color: #81001C; }

#headr.submheadr { height:240px; }

@media (min-width: 768px) {

  #headr { height: 288px; color: #846C53; }
  .mainnav span { font-size: 0.9em; top:1px; }
  .sphead { margin-top:0; padding-top: 42px; padding-bottom: 50px; }
  .metanav { padding: 2.1em 0 2.1em 0; }

  .medl { float:left;  margin: 5px 15px 10px 0; font-size:0; }
  .medr { float:right; margin: 5px 0 10px 15px; font-size:0; }
  .teal { float:left;  margin: 5px 10px 8px 0; font-size:0; }
  .tear { float:right; margin: 5px 0 8px 10px; font-size:0; }

  .teals { margin: 10px 20px 8px 0; }
  .tears { margin: 10px 0 8px 20px; }

  .smll { float:left; margin: 0 5px 5px 0; }
  .smlr { float:right; margin: 0 0 5px 5px; }

  #headr.submheadr { height:288px; }
}

@media (min-width: 992px) {
  #headr { height: 288px; color: #846C53; }
  .social img { margin-left: 5px; }
}

@media (min-width: 1200px) {
  #headr { height: 288px; color: #846C53; }
}

.article img { outline: 5px solid white; margin-bottom:8px; }

.admin img { outline:0; }

#headr_start { height: 748px;  width:960px; margin:0 auto; padding:0; color: #846C53; }

#headr a, #headr_start a { text-decoration:none; }

em { font-style: normal; color: #6A5239; }

a, a:link, a:active, a:visited { text-decoration: none; color: #846C53; }
a:hover { text-decoration: underline; color: #81001C; }


.thinfont { font-family:HelveticaNeueLTStd-Cn,Arial,Helvetica; }

.slogan { text-align:center; max-width: 393px; padding: 27px 0 0 0; }
.slogan_home { text-align:center; max-width: 354px; padding: 27px 0 0 0; }

#subnav { margin: 0 auto; padding:0 0 20px 0;  }
#subnav ul { float:left; list-style-type: none; margin:0; padding: 0; }
#subnav ul li { line-height: 125%; float: left; margin:0; padding:0 10px 0 0; color: #000000; }
#subnav ul li.sel { color: #FFFFFF; }

#subnav ul li a, #subnav ul li a:link, #subnav ul li a:active, #subnav ul li a:visited { text-decoration: none; color: #FFFFFF; }
#subnav ul li.sel a, #subnav ul li.sel a:link, #subnav ul li.sel a:active, #subnav ul li.sel a:visited, #subnav ul li.sel a:hover, #subnav ul li a:hover { text-decoration: none;  color: #81001C; }

#content { padding-top: 40px; }
#content a, #content a:link, #content a:active, #content a:visited { text-decoration: none; color: #6A5239; }
#content a:hover { text-decoration: underline; color: #6A5239; }

#content b { font-weight:normal; font-family:HelveticaNeueLTStd-BdCn,Arial,Helvetica; }

p.cp { font-size: 11px; padding:4px 0; margin: 0 auto; color: #C0C0C0; position: fixed; bottom: 6px; right: 10px; }
p.cp span { vertical-align: top; margin: 0 5px; }

.cp a, .cp a:link, .cp a:active, .cp a:visited { text-decoration: none; color: #C0C0C0; }
.cp a:hover { text-decoration: underline; color: #000000; }

#content h1 { font-weight:normal; font-family:HelveticaNeueLTStd-Cn,Arial,Helvetica; font-size:21px; margin:0 0 12px 0; padding:0; text-transform:uppercase; }
#content h2 { font-weight:normal; font-family:HelveticaNeueLTStd-MdCn,Arial,Helvetica; font-size: 16px; margin:0 0 12px 0; padding:0; }
#content h3 { font-weight:normal; font-family:HelveticaNeueLTStd-Cn,Arial,Helvetica; font-size: 16px; margin:0; padding:0; font-size: 1em; color: #6A5239; }
#content h3.ok { padding-left: 15px; }
#content h3.err { padding-left: 15px; }
.article p, .article li { line-height: 125%; margin-top: 8px; padding:0; font-family:HelveticaNeueLTStd-Cn,Arial,Helvetica; font-size: 16px; }

.imov { line-height: 125%; margin: 0; padding:0; font-family:HelveticaNeueLTStd-Cn,Arial,Helvetica; font-size: 16px; }
.article { margin-bottom: 30px; }
.article_container { padding-bottom: 100px; }

li { line-height: 150%; }


p.capt { line-height: 110%; margin:0; padding: 3px; color: #000000; font-size: 11px; background: url(/img/page/content_bg.png); position:relative; }

table.opic td { vertical-align:top; }

.sshow { width: 100%; margin-top: 15px; }
.ssml { background-color: #333333; float:left; margin: 0 5px 6px 0; padding: 1px; width: 133px; height: 100px; margin-bottom: 70px; text-align:center; }
.smed { background-color: #333333; float:left; margin: 0 5px 6px 0; padding: 1px; width: 160px; height: 120px; margin-bottom: 70px; text-align:center; }
.slrg { background-color: #333333; float:left; margin: 0 5px 6px 0; padding: 1px; width: 200px; height: 160px; margin-bottom: 70px; text-align:center; }

.ssml p { line-height: 110%; font-size: 11px; height: 40px; margin:0; padding:0; text-align:left; }
.smed p { line-height: 110%; font-size: 11px; height: 50px; margin:0; padding:0; text-align:left; }
.slrg p { line-height: 110%; font-size: 11px; height: 60px; margin:0; padding:0; text-align:left; }

.sshow img { outline:0; }


table { font-size: 100%; }

.tab_altn { border:0; }
.tab_altn tr.ev td { padding: 4px 10px 4px 4px; background-color: #F0F0F0; }
.tab_altn tr.od td { padding: 4px 10px 4px 4px; background-color: #FFFFFF; }

a.ok { padding-left:15px; color: #00C000; background-image: url(/img/page/green.gif); background-position: center left; background-repeat: no-repeat; }
a.err { padding-left:15px; color: #FF0000; background-image: url(/img/page/red.gif); background-position: center left; background-repeat: no-repeat; }

h3.ok { color: #00C000; padding-left:15px; background-image: url(/img/page/green.gif); background-position: 0px 3px; background-repeat: no-repeat; }
h3.err { color: #FF0000; padding-left:15px; background-image: url(/img/page/red.gif); background-position: 0px 3px; background-repeat: no-repeat; }

p.ok { padding: 2px 0 2px 15px; margin:0; background-image: url(/img/page/green.gif); background-position: center left; background-repeat: no-repeat; }
p.err { padding: 2px 0 2px 15px; margin:0; background-image: url(/img/page/red.gif); background-position: center left; background-repeat: no-repeat; }

p.lab { padding: 10px 0 2px 0; margin:0; line-height:100%; font-weight:bold; }
p.fld { padding: 0 0 10px 0; margin:0; line-height:100%; }
.req { padding-right: 8px; background-image: url(/img/page/req.gif); background-position: top right; background-repeat: no-repeat; }

p.hints { margin: 0 0 10px 0; padding:0 0 0 2px; font-size: 0.9em; font-weight: normal; }


ul.prop { list-style-type:none; padding:0 0 0 5px; }
ul.prop li.sel { font-weight:bold; }

#sresult table, #sresult1 table, #sresult2 table { margin: 10px 0; }
#sresult th, #sresult1 th, #sresult2 th { font-size:12px; vertical-align:top; text-align:left; background-color:#F2F2F2; color:#6A5239; }
#sresult td, #sresult1 td, #sresult2 td { font-size:12px; vertical-align:top; height:25px; }

.odd {
    font-size:12px;
    vertical-align:top;
    background-color:#F6F6F6;
    height:25px;
    color: #6A5239;
}

.todd {
    background-color:#F6F6F6;
    color: #6A5239;
}


table.drehbuch th { text-align: left; color: #81001C; }

#login label { width: 70px; display:inline-block; }

hr { border-width: 1px 0 0 0; border-color: #F2F2F2; }

input, select, textarea { font-family: Arial, Helvetica; font-size: 12px; }

table.evaltab { border-collapse:collapse; font-family: Arial, Helvetica; }
.evaltab th { text-align: left; vertical-align: bottom; padding: 3px 2px; background-color: #6a5239; }
.evaltab td { text-align: left; vertical-align: middle; padding: 1px 2px; }
.evaltab th.c { text-align: center; }

.calcinp { border:0; background-color: transparent; width: 50px; text-align: right; padding:0; line-height:100%; font-size:1.5em; text-align:center; color:#FFFFFF!important; }
.evaltab td.wei { text-align:center; font-size: 1.5em; }

#reiter { padding: 10px 0; font-family:HelveticaNeueLTStd-Cn,Arial,Helvetica; font-size: 15px; }
#reiter a, #reiter a:link, #reiter a:active, #reiter a:visited { text-decoration: none; color: #FFFFFF; }
#reiter a.sel, #reiter a.sel:link, #reiter a.sel:active, #reiter a.sel:visited, #reiter a.sel:hover, #reiter a:hover { text-decoration: none;  color: #81001C; }

.tab_ { font-size: 16px; }

input.txt { width: 280px; }

span.cnt { padding-left: 5px; font-size: 0.9em; font-weight: normal; }
span.cnt input { font-size: 1.1em; background-color: transparent; border:0; color: #000000; text-align: right; }

#proposal { font-family: Tahoma,Arial,Helvetica; font-size: 0.85em; }

#butt { position: relative; top: 125px; width: 115px; height: 115px; margin: 0 auto; }

.butt-DE-1 { background: url(/img/page/butt_DE_1.png?1) top left no-repeat; display:none; }
.butt-EN-1 { background: url(/img/page/butt_EN_1.png?1) top left no-repeat; display:none; }
.butt-DE-2 { background: url(/img/page/butt_DE_2.png?1) top left no-repeat; display:none; }
.butt-EN-2 { background: url(/img/page/butt_EN_2.png?1) top left no-repeat; display:none; }


/* responsive extension */

#skiplinks { width:0; height:0; font-size:0; line-height:0; position: absolute; }

#alt-nav { display:none; position: absolute; top:0; left:0; height: 100%; width:100%; z-index: 99999; font-size: 1.8em; padding: 25px 10% 50px 0 ; background: url(/images/altnav_close.png) rgba(0,0,0,.85) top right no-repeat; }
#alt-nav ul { padding-left: 3em; }
#alt-nav > ul > li { margin-bottom: 0.2em; }

#alt-nav > ul > li > ul > li { font-size: 0.9em; }

#alt-nav li { list-style-type:square; padding: 2px 5px; color:#fff; }
#alt-nav .arr { display:none; }
#alt-nav a { color: #FFFFFF; display:block; }
#alt-nav .sel>a { text-decoration: underline; }
.navbar-default { border:0; background:transparent; cursor:pointer; }
.navbar-default button { background-color: white; }

textarea, input, select { color: #000000; }
textarea { line-height: 1.2em; }

.fbox { border: 2px solid #6a5239; padding: 5px 15px 4px 15px; font-weight:bold; letter-spacing: 2px; }
.fbox:hover, .fbox.active { background-color: #FFFFFF; }