/* CSS Document */
* {font-family: Georgia, Times, serif ; font-size: 14px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

a {color: #2f6127; text-decoration: none; font-size: 1em; }
a:hover {text-decoration: none;}
a.externallink {background: url(../images/pfeil_off.gif) left center no-repeat; padding-left: 17px;}
a.externallink:hover {background: url(../images/pfeil_blau.gif) left center no-repeat; text-decoration: underline; }  

h1 {font-size: 24px; font-weight: normal; margin: 0 0 25px 0; color: #2f6127;}
h2 {font-size: 17px; text-decoration: underline; font-weight: normal; margin: 0 0 10px 0; color: #5f5137;}
h3 {font-size: 13px; font-weight: normal; margin: 0 0 10px 0;}
.caps {text-transform: none; font-size: 1em;}


#logo {float: left; width: 265px; height: 205px; }
#logo a {background-image: url(../images/logo.jpg); width: 265px; height: 205px; display: block; font-size: 0px; text-indent: -999px;}
#logo a:hover {}


/* Navigation */
#navigationwrapper {}
#navigation ul {list-style: none; width: 180px; margin: 0 0 0 30px}
#navigation ul li {text-align: center; margin: 4px 0;}
#navigation ul li a {color: #000; background: url(../images/navi_planke.jpg) 0 0; display: block; line-height: 18px; padding: 6px 14px;}
#navigation ul li a:hover {background: url(../images/navi_planke.jpg) 0 -88px; padding: 6px 14px;}
#navigation ul li a:active {background: url(../images/navi_planke.jpg) 0 -176px; padding: 7px 14px 5px 14px;}
#navigation ul li.rex-current a, #navigation ul li.rex-active a {background: url(../images/navi_planke.jpg) 0 -176px; padding: 6px 14px; font-weight: bold; color: #5f5137;}


/* Subnavigation */
#subnavigation {float: left;}
#subnavigation ul {list-style: none; margin: 0 0 0 7px;}
#subnavigation ul li {border-top: 1px solid #aaaaaa; float: left;}
#subnavigation ul li a {padding: 160px 10px 4px 10px; display: block; text-decoration: none;  color: #004899; margin: 0px; line-height: 20px; text-transform: uppercase; font-size: 0.9em; border-bottom: 1px solid #004899;}
#subnavigation ul li a:hover {}
#subnavigation ul li a:active {}
#subnavigation ul li a.rex-current {font-weight: bold;}
#subnavigation ul li:first-child a {padding: 160px 10px 4px 37px;}



/* Content */
.line {width: 100%; height: 20px; background: url(../images/line.gif) no-repeat center; padding: 10px 0;}
.floatRight {float: right; margin-left: 20px;}
.floatLeft {float: left; margin-right: 20px;}

#content {}
#right img {border: 5px solid #fff;}
#content p, #footer p, #content li  {color: #333; font-size: 1em; line-height:1.4em;}
#content p, #content ul {padding-bottom: 1em;}
#right ul li {margin-left: 30px;}
#right strong, #right .caps {font-size: 1em;}

#content .paper {background: url(../images/paperback.jpg); padding: 20px; margin: 0 0 20px 0;}
#content .qualitaet {background: url(../images/qualitaetback.jpg); padding: 25px 20px 20px 120px; margin: 0 0 20px 0;}


/* Sidebar */
#sidebar {float:right; padding-left: 20px;}

/* Footer */
#footer p {color: #ddd;}
#footer strong, #footer a {font-size: 1em; color: #ddd;}

#legals ul {list-style: none;}
#legals ul li {float: left; margin: 0 0 0 10px; border-left: 2px solid #2d5b25; padding: 0 0 0 10px;}
#legals ul li:first-child {border-left: none;}



/* this makes it possible to add next button beside scrollable */
.scrollable {float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {background:url(../images/hori_large.png) no-repeat; display:block; width:30px; height:130px; float:left; margin:15px 10px 145px 10px; cursor:pointer; font-size:1px;
}

/* right */
a.right {background-position: 0px -130px; clear:right; margin-right: 0px;}
a.right:hover {background-position:-30px -130px; }
a.right:active 	{background-position:-60px -130px; } 

/* left */
a.left {margin-left: 0px; } 
a.left:hover {background-position:-30px 0; }
a.left:active {background-position:-60px 0; }

/* disabled navigational button */
a.disabled {visibility:hidden !important;} 	

div.scrollable {
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 620px; 
    height:320px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div {
    float:left; 
} 
 
div.items div.active {
}

.scrollable {
	/* required settings */
	position:relative; overflow:hidden; width: 620px; height:320px;
}










/* Formular */
#rex_formgen_from *{font-size: 0.9em;}
#rex_formgen_from legend {display: none;}
#rex_formgen_from label {width: 80px; padding: 5px; text-align: right; margin-bottom: 10px; float: left;}
#rex_formgen_from input, #rex_formgen_from select {border-bottom: 1px solid #ddd; background: #f9f9f9; padding: 5px; width: 230px; color: #2f6127;}
#rex_formgen_from textarea {background:  #f9f9f9; display: block; color: #2f6127; width: 230px; padding: 5px;}
.formgen_block {clear: both; width: 350px;}
.formgen_multiline {width:  230px; clear: both;}
input.formgen_multiline {border-bottom: none; background: none;}
.formgen_error {background: #cd0000; color: #fff; border-bottom: 2px solid #cd0000;}
.formgen_submit {border: 1px solid #ccc; font-weight: bold; margin-top: 20px;}