@charset "utf-8";
/* Basic CSS Document */
/************************************
* scaffold (Grundgerüst)
**************************************/
html{
  height: 100%;
}

body {
  background:#fff url(../images/bg_body.gif) top center;
  overflow-y: scroll;
  color:#505050;
  height: 100%;
}

#globalWrapper {
  width:964px;
  margin:0px auto;
  background-color: #eee;
  border-top:25px solid #c32026;
  /*min-height:1000px;*/
  padding-bottom:2em;
  min-height: 100%;
}

.index {
  height: 100%;
}

.message {
  border: solid #6C3 1px;
  background: #9F6;
  padding: 10px;
  color: #000;
}

#header {
  background-color:#fff;
  border-bottom:1px solid #d3d3d3;
  padding:90px 50px 70px;
  position:relative;
}
#rootLink {
  position:absolute;
  top:0px;
  right:0px;
  width:102px;
  height:102px;
  z-index:5;
}
#rootLink a {
  display:block;
  background:url(../images/rootlink.gif) top right no-repeat;
  height:100%;
}
#rootLink a:hover {
  background-position: 0px -102px;
}
#rootLink a img { display:none; }
#navText {
  font-size:22px;
  line-height:26px;
  text-align:justify;
  padding-right:150px;
  position:relative;
}

#navText h1 {
  display:inline;
}

#navText h1 a:link,
#navText h1 a:visited {
  display: -moz-inline-block;
  display:inline-block;
  font-weight:bold;
  width:198px;
  height:22px;
  overflow:hidden;
  text-indent:500px;
   background:url(../images/logo_visualcosmos.gif) no-repeat;
  position:relative;
  left:-7px;
}


*:first-child+html #navText h1 {
  /* CSS-Hack für IE7 */
  display:block;
  float:left;
  top:-1px;
}
#navText h1 span {
  color:#c32026;
  display: none;
}

#navText span img{
  margin: 0px;
  left: -7px;
  position: relative;
}

#infoNav {
  background:url(../images/bg_subnav.gif) left top no-repeat;
  text-align:right;
  padding:15px 0px 0px;
  margin-top:45px;
}
#subNav {
  position:absolute;
  width:100%;
  left:0px;
  top:0px;
  text-align:right;
}

#content {
  padding:80px 50px 80px;
  border-bottom:1px solid #d3d3d3;
  position:relative;
  font-size:14px;
  line-height:24px;
  margin-bottom:20px;
}

#conIndex{
  /*padding:80px 50px 70px;*/
  position:relative;
  font-size:14px;
  line-height:24px;
  margin-bottom:0px;
}

#content h4 {
  font-weight: bold;
}

#content h4 a{
  font-weight: bold;
}

#conHeadline {
  position:absolute;
  top:-1px;
  left:50px;
  background:#FFF url(../images/bg_tab02.gif) no-repeat;
  padding-left:8px;
  font-size:11px;
}

#conHeadline2{
  font-size: 2em;
  font-weight: bold;
  margin: 3em 0;
}

#conHeadline span {
  display:block;
  height:29px;
  background:url(../images/bg_tab01.gif) top right no-repeat;
  padding-right:8px;
  line-height:29px;
}
#articleText {
  width:418px;
  float:left;
}

#articleText img {
  border:1px solid #d3d3d3;
}
  
#articleMedia {
  padding-left:448px;
}

body.kontakt #articleMedia {
  padding-left: 0;
}

#articleMedia p.inputHack{
  margin-bottom: 0px;
}
/************************************
* Globals
**************************************/
a, span.active {
  text-decoration:none;
  font-weight:bold;
  color:#c32026;
}

a:link, a:visited {
  color:#505050;
}
a:hover, a:active, a:focus, span.active {
  color:#c32026;
}
.fixfloat {
  clear:both;
  height:1px;
  overflow:hidden;
  width:1px;
  line-height:0px;
  font-size:0px;
}
span.active {
  color:#c32026 !important;
}

#infoNav span.active {
  font-weight:normal;
}

strong { font-weight:bold; }

.print{
  display: none;
}

table{
  max-width: 390px;
  margin: 0px;
  border: 0px;
}

/************************************
* Nav Stuff
**************************************/
#navText a:link{ color: #000; }
#navText a:visited{ color: #000; }
#navText a:hover { color:#c32026; }

#infoNav li {
  display:inline;
  font-size:11px;
  background:url(../images/bg_subnav_li.gif) left center no-repeat;
  padding:0px 2px 0px 5px;
}
#infoNav li a {
  font-weight:normal;
}
#infoNav li.first {
  background-image:none;
}
#infoNav li.last {
  padding-right:0px;
}
#content #subNav ul {
  padding:22px 0px 0px;
  margin:0px 50px;
  border-bottom: 1px solid #ddd;
}
#subNav ul li {
  background-image:none;
  font-size:14px;
  display:inline;
  padding-left:15px;
}
#subNav ul li a, #subNav ul li span.active {
  font-weight:normal;
  text-decoration:none;
}

/************************************
* Captcha Style!
**************************************/

#articleMedia img.captcha {
    background: #f7f7f7;
  padding: 0px 2px 0px 2px;
    border: 1px solid #b5b5b5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  border-radius: 5px;
  /*margin-top: -10px;
  margin-bottom: 0px;*/
  width: 140px;
}

#articleMedia input.captchaText{
  min-width: 244px;
  margin-left: 10px;
}


/************************************
* Content
**************************************/
#content h3 {
  font-weight:bold;
  margin: 1em 0em;
}

#content ul, #content p {
  margin: 1em 0em;
}
#content ul li {
  line-height:24px;
}
#articleMedia img {
  border:1px solid #d3d3d3;
}

#articleMedia a:hover img {
  border-color:#c32026;
}
#content ul.listDegree {

}
#content ul.listDegree li { background:url(../images/bullet02_degree.gif) -1px 5px
no-repeat;
padding:0px 0px 0px 10px;
}
#content li {
  padding-left:10px;
  background:url(../images/bullet01_square.gif) 0px 9px no-repeat;
}
#content .link {
  padding: 0px 15px;
  background:url(../images/llink_arrow.gif) 0px 2px no-repeat;
  line-height:20px;
}

#content a { text-decoration:underline; font-weight:normal; }
#content a:hover, #content a:active { text-decoration:none; }

.wrap2col { padding-top:15px; overflow:auto; }
.wrap2col p.col1 { float:left; width:250px; margin:0px !important; }
.wrap2col p.col2 { margin:0px !important; }

.center { text-align:center; }

/************************************
* Gallery
**************************************/
#articleMedia.gallery {
  padding-left:0px;
  overflow:hidden;
  width:101%;
}
#articleMedia.qr{
  text-align: right;
}

#articleMedia.gallery .thumb, .ref {
  float:left;
  position:relative;
  margin: 0px 8px 50px 0px;
  display: block;
  width: 210px;
  height: 100px;
  overflow: hidden;
}

#articleMedia.gallery .thumbLast, .ref {
  float:left;
  position:relative;
  margin: 0px 8px 50px 0px;
  display: block;
  width: 210px;
  height: 100px;
  overflow: hidden;
}

#articleMedia.gallery .thumb .info img {
  
}

#loading {
  background: url('../images/loading.gif') 430px 0 no-repeat;
  text-indent: -1000em;
  overflow: hidden;
}

#articleMedia.gallery .thumb .titel {
  display:block;
  width:100%;
  position: absolute;
  left:0px;
  bottom: 0px;
  position: absolute;
  color:#fff;
  text-indent: 15px;
  font-size:11px;
  background:url(../images/pixel_50black.png);
}

#articleMedia.gallery .thumb a:hover .titel {
  background:#c32026;
}

#articleMedia.gallery .thumb:hover {
  
}

#articleMedia.gallery .ref:hover {
  border-color:#d3d3d3;
}

#articleMedia.gallery img {
  border-width:0px;
}

#articleMedia.gallery .nolink {
  border:1px solid black;
  width: 208px;
  height: 98px;
}

#articleMedia.gallery .last {
  margin-bottom: 0px;
}

#articleMedia a.info:link .titel,
#articleMedia a.info:visited .titel {
  text-decoration: underline;
}


#articleMedia.gallery .thumb .info {
  text-decoration: none;
  border:1px solid #d3d3d3;
  height:98px;
  position:absolute;
  text-decoration:none;
  top:0;
  width:208px;
}

#articleMedia.gallery .thumb a.info:hover {
  border:1px solid #c32026;
}

#articleMedia.gallery .ref .info {
  display: none;
}

#articleMedia.gallery .thumb a.info:hover,
#articleMedia.gallery .thumb:hover .info { background:#c32026 none; }

/************************************
* Network
**************************************/

#articleMedia.network { padding:0px; text-align:right; }
#articleMedia.network .partner .info {
  float:left;
  width:420px;
  height:49px;
  text-align:left;
  line-height:30px;
}
#articleMedia.network .partner .info:first-line { line-height:18px; }

/************************************
* 404 Site
**************************************/
#error404 { text-align:center; margin-top:-30px; }
#error404 h2 {
  font-size:200px;
  color:#c32026;
  font-weight:bold;
  line-height:130px;
  margin:0px;
}
#error404 h3 { font-size:30px; color:#bbb; font-weight:normal; }
#error404 ul li { display:inline; background:none; border-right:1px solid #222; padding:0 8px 0 5px; margin:0px; font-size:11px; line-height:11px; }
#error404 li.last { border:none; }
#error404 li a { font-weight:normal; }

#dimmer { position:absolute; left:0px; top:0px; width:100%; height:100%; background:transparent url(../images/pixel_75white.png); z-index:15; }

#header:hover #dimmer { display:none; }


/************************************
* Form Styles
**************************************/
[type="text"], textarea, input[type="submit"] {
  font-family: 'Lucida Grande', sans-serif;
  font-size: 14px;
  background: #f7f7f7;
  border: 1px solid #b5b5b5;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  min-width:265px;
}

input.button { min-width:50px; text-align:center; padding:5px 10px; color:#000; background-color:#ddd; }

input.button:hover, 
input.button:active, 
input.button:focus {
  border-color:#666;
  background-color:#999;
  color:#fff;
  outline:none;
}
input.button:active { background-color:#333; }


#send { float:left; margin-right:30px; width:100px; }
.note { font-size:11px; line-height:14px; color:#aaa; padding-right: 20px; display:block; }
.li { font-style: italic; font-weight: bold; }

input[type="text"]:focus, textarea:focus { outline:none; border-color:#666 !important; background-color:#fff; }

select { min-width:265px; font-size:14px; line-height:24px; }

textarea {
  /*width:390px;*/
  max-width:390px;
  overflow:auto;
  font-family: Lucida Grande, sans-serif;
  font-size: 14px;
}

#articleMedia textarea {
  width: 400px;
  max-width: 400px;
}


label.checkbox, label.radiobutton { min-width: 30px;  }
input.checkbox { margin-right:5px; }

.checkbox, .radiobutton { line-height:24px; }

p.error, label.error { color: #C5102B; }
input.error, textarea.error { border-color: #C5102B; }

/************************************
* Search Field
**************************************/
#infoNav { position:relative; }
#search:hover > span { color:#c32026; }
#search ul { position:absolute; top:25px; right:-34px; white-space:nowrap; display:none; padding:15px 30px 30px; }
#search:hover ul { display:block; }

#search ul li { background-image:none; }

#search .button { padding:0px 10px; }
input#searchfield { padding:1px 10px; width:150px; min-width:150px; margin-right:5px; }

#suchformular { position: absolute; right: 0; bottom: -40px; }

#suchformular .button { padding: 0 10px !important; }



#projekt_subnavi .active { color: #C32026 !important; }

.moving {
  border-bottom: 0 !important;
}

body.index #content {
  border-bottom: 0 !important;
}

.print_only {
  display: none;
}


.presse h4 {
	display: inline;
}