/* www.design87.de
Start: 25.01.2010
Letzte Aenderung: 25.01.2010
Author: Nadine Strauss | www.design87.de
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
  padding: 0;
  margin: 0;
  border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
  background-color: #d0d0d0;
}

body {
  font-size: 75%;
}

html>body {
  font-size: 12px;
}

a:link {
  color: #c4062f;
  text-decoration: none;
  border-bottom: 1px dotted #4b4a4a;
}

a:visited {
  color: #82505a;
  text-decoration: none;
  border-bottom: 1px dotted #4b4a4a;
}

a:hover, a:active {
  color: #fd2050;
  text-decoration: none;
  border-bottom: 1px solid #4b4a4a;
}

a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {  
  color: #4b4a4a;
  font: 1em/1.4em Tahoma, Arial, sans-serif;
  margin-bottom: 0.5em;
}

h1 {
  font: 1.5em/1em Tahoma, Arial, sans-serif;
  color: #c4062f;
  margin-bottom: 0em;  
}

h2 {
  font: 1em/1.5em Tahoma, Arial, sans-serif;
  font-weight: bolder;
  color: #c4062f;
  margin-bottom: 0.5em;
}

h3 {
  font: 1em/1.5em Tahoma, Arial, sans-serif;
  font-weight: bolder;
  color: #4b4a4a;
  margin-bottom: 0.5em;
}
ul {
  color: #c4062f;
  font: 1em/1.4em Tahoma, Arial, sans-serif;
  list-style-image: url(images/pfeil_ul.gif);
  padding: 0 0 6px 18px;
  margin-bottom: 0.5em;
}


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
  border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
  float: left;
  margin: 0 0.7em 0.5em 0;
}


.rechts {
  float: right;
  margin: 0 0 0.5em 0.7em;
}



/* Layoutelemente
--------------------------------------------------------------------------------------- */
#wrapper {
  position:absolute;
  top: 0px;
  left: 50%;
  width: 960px;
  margin-left: -480px; 
}

#header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 960px;
  height: 285px;
}
#header_1 {
  /* text-transform: lowercase; */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 285px;
}
#header_1 ul {
  width: 320px;
  height: 30px;
  padding: 10px 0 0 0;
  margin-bottom: -10px;
  list-style: none; 
  color: #777;
}
#header_1 ul {
  width: 320px;
  height: 30px;
  padding: 10px 0 0 0;
  margin-bottom: -10px;
  list-style: none; 
  color: #777;
}
ul#ul_navi_02 {
  height: 46px;
}
#header_1 li {
  height: 30px;
}
ul.rex-navi2 li { display: inline }
 ul.rex-navi2 { float: left; }
#header_1 a {
  border: none;
  color: #777;
}
#header_1 a:hover {
  border: none;
  color: #fff;
}

#header_1  li.rex-current a {
	color: #C4062F;
}

#header_2 {
  position: absolute;
  z-index:1;
  top: 0px;
  left: 330px;
  width: 630px;
  height: 285px;
}
#header_2 a {
  position: absolute;
  top: 14px;
  right: 0px;
  width: 120px;
  height: 122px;
  border: none;
}

#content {
  position: absolute;
  top: 290px;
  left: 0px;
  width: 960px;
}
#content_1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
}
#content_2 {
  position: absolute;
  top:9px;
  left: 330px;
  width: 305px;
}
#content_3 {
  position: absolute;
  top: -14px;
  left: 656px;
  width: 305px;
}
#content_3_box {
  background-image: url(images/bg_sidebar_middle.gif);
  background-repeat: y-repeat;
}
#content_3_box_h{
  height: 46px;
  background-image: url(images/bg_sidebar_head.gif);
  background-repeat: no-repeat;
  margin-bottom: 13px;
}

#content_3_box_h h1 {font-size: 17px;}

#content_3_box_bottom {
  height: 25px;
  background-image: url(images/bg_sidebar_bottom.gif);
  background-repeat: no-repeat;
  margin-top: 12px;
}

#flash {
 position: absolute;
 top: 0px;
 left: 330px;
 width: 630px;
 height: 285px;
 z-index: 1;
}

#header_1  ul.rex-navi1 {
 width: 320px;
 height: 30px;
 padding: 10px 0 0 0;
 color: #777;
}

#header_1 #rex-article-1,#header_1 #rex-article-2,#header_1 #rex-article-6,#header_1 #rex-article-7,#header_1 #rex-article-8,#header_1 #rex-article-19,#header_1 #rex-article-17,#header_1 #rex-article-20,#header_1 #rex-article-16,#header_1 #rex-article-21 {
 height: 20px;
 background-image: url(images/bg_navi_out.gif);
 background-repeat: no-repeat;
 padding-top: 10px;
 list-style: none;
}

ul.rex-navi2 {
position: absolute;
margin-top: -27px;
margin-left: 30px;
background: none;
z-index: 2;
}
ul.rex-navi2 li {
float: left;
margin-left: 10px;
background: none;
}
ul#lang li {display: inline;}
.boxdown {}

/* XForm */
div#rex-xform {padding-top:20px;font-family:Arial;}
div#rex-xform .gveranstaltungen {padding-top:10px;}
div#vorlesung-container p.collapse-link a {padding:2px 9px 2px 10px;background: #999793 url(images/fguide-plus.gif) center right no-repeat;}
div#vorlesung-container p.collapse-link a.active{padding:2px 9px 2px 10px;background: #999793 url(images/fguide-minus.gif) center right no-repeat;}
#content p.collapse-link {padding: 0;}
div#form-module {}
form#form_formular {}

p.radio {margin-left:90px;}
label.radio {color:#5e5d5b;width:100px;font-weight:normal}
span.formradio {}
p.radio span.formradio input {width:40px;}

p.formcheckbox {}
input.checkbox {}
label.checkbox {color:#5E5D5B;}
label.checkbox a{color:#5E5D5B;font-weight: normal;}


p.formtext {}
input.text {background-color:white;color:black;border:1px white;height:21px;width:190px;}
label.text {color:#5e5d5b;display:inline-block;width:100px;}
p.formtext formlabel-kund-nr input {}

div#rex-xform input {height:21px;}
div#rex-xform label.text {float:left;}
div#rex-xform .agb a {border-bottom:1px dotted;text-decoration:none;color:#5E5D5B;font-weight:bold;}
div#rex-xform p.formcheckbox input.checkbox {height:15px;width:15px;}


p.formtextarea {}
label.textarea {}
textarea.textarea {width: 200px;margin-left: 100px;}

p.formcaptcha {}
label.captcha img {}
p.formcaptcha input {}

div#rex-xform p.formsubmit {width:100px;}
div#rex-xform p input.submit {width:80px;background-color:#C4062F;color:white;padding-bottom:3px;height:23px;font-size:12px;font-family:Arial;margin-left: 220px;}
input.submit:hover {}

p.answertext {}
ul.form_warning {}
ul.form_warning li {}

#header_1 ul.rex-navi2 a {border-left:1px solid #777;padding-left:10px;}