/* content.css
(c) reality bytes neue medien gmbh
Erstellt: 07.04.2005 (af)
Update:   02.02.2006 (af)
 */

/* Standards */
*{
	font-size:100%;
}

body{
	font:75% Arial, Helvetica, sans-serif;
	background: #eceff1 url(http://www.reality-bytes.com/fileadmin/images/hg.gif) top left repeat-x;
	text-align:center;
	margin:27px;
}

.font_klein {
	font-size:90%;
}

a {
  text-decoration:none;
  color:#9f0002;
  }

a:hover {
  text-decoration:underline;
  }

.hide {
	display:none;
	}

h2 {
	color:#707070;
	margin-top:10px;
	}

.greytext {
	color: #707070;
}


/* Contentwrapper */

#topwrap{
	background:#fff;
	border-left:10px solid white;
	border-right:10px solid white;
	border-bottom:10px solid white;
	width:941px;
	height:241px;
	margin:0 auto;
}

#downwrap{
    width:941px;
    margin:0 auto;
    margin-top:2px;
    text-align:left;
}

.copy {
   font:90% Arial, Helvetica, sans-serif;
   text-align:left;
   float:left;
   }

#wrap{
	border:0;
	background:#F2F2F2;
	border-left:10px solid white;
	border-right:10px solid white;
	border-bottom:10px solid white;
	width:941px;
	margin:0 auto;
	text-align:left;
}

/* Content-Container */

#centercontent {
	width:470px;
	display:inline;
	float:left;
	margin:0 0 25px 215px;
}

#centercontent_broad {
	width:724px;
	display:inline;
	float:left;
	margin:0 0 25px 215px;
}

#centercontent_smaler
{
	width: 470px;
}

#centercontent_stoerer {
	width: 165px;
	margin:30px 0 0 30px;;
}

#centercontent p, #centercontent_broad p {
 line-height:140%;
}

#centercontent h1, #centercontent_broad h1 {
	margin:25px 0 20px 0;
	color:#797979;
	font-size:145%;
  text-transform: uppercase;
	}

#centercontent_broad h3 {
	margin:0;
	color:#797979;
	font-size:100%;
	}

#centercontent h3,.infobox h3 {
	font-size:100%;
	padding:0;
	margin-bottom:-11px;
	}

#teaserbottom
{
	width: 725px;
}

#rightcontentstart {
	top: 277px;
	left: 850px;
	position: absolute;
	width: 232px;
}
#rightcontentstart h1 {
	color:#797979;
	font-size:100%;
	}

#rightcontentstart h1 {
	font-size:145%;
	padding-left:8px;
	}

#rightcontent{
	width:232px;
	float:left;
	margin-left:23px;
}

#rightcontent h1 {
	color:#797979;
	font-size:100%;
	}

#rightcontent h1 {
	font-size:145%;
	padding-left:8px;
	}

/* Sub-Container */

#oben_spalte01 {
  position:relative;
  top:27px;
  left:25px;
  float:left;
  z-index: 100;
  }

#oben_spalte02 {
	text-align:right;
  position:relative;
  top:10px;
  }

#oben_spalte02_extranet {
  position:relative;
  top:10px;
  left:22px;
  }

#oben_zeile02 {
  position:relative;
  text-align:left;
  top:15px;
  left:0px;
  }

.medwidth {
	width:233px;
	border:0px;
	float:left;
	padding-right:9.5px;
	}

.nopad {
	padding:0;
	}

.medwidth img {
	border:1px solid #797979 !important;
	}

.news {
	color:#797979;
        font-size:95%;
        width:175px;
}

.teaser {
        margin:220px 0 0 20px;
	font-size:90%;
}

/*Teaser links ADRESSE PW 01_2006*/
.teaser_home {
	margin-top:200px;
	font-size:90%;
}

.teaser_home_en {
	margin-top:160px;
	font-size:90%;
}
/*Teaser links ADRESSE PW 01_2006*/

#suchmaske {
	position:relative;
	width:186px;
	height:30px;
	top:10px;
	left:0px;
	background:#f2f2f2;
	margin:0;
	padding:10px 10px 0px 18px;
	font-size:88%;
	}

#suchmaske .feld {
	width:10em;
	height:1.2em;
	background:#f2f2f2;
	margin:0;
	border:1px solid #6f7257;
	}

#suchmaske .button {
	width:48px;
	height:14px;
	background:#f2f2f2;
	border:0;
	margin:0;
	margin-left:6px;
	}

.footnav {
   text-align:right;
   float:right;
   }

#oben_spalte01 img {
  border:0;
  }

.infobox {
	position:relative;
	top:25px;
	/*background:#e0e1d9;*/
	padding-bottom:5px;
}


.infobox p {
	font-size:90%;
	background:#e0e1d9;
	margin: 0px;
	margin-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
	}

.infobox h3,.infobox h2 {
	padding-left: 10px;
	padding-right:10px;
	padding-top: 10px;
	background:#e0e1d9;
	margin: 0;
	}


/* Styles der Hauptnavigation */

#mainnavigation {
	position:absolute;
	text-align:right;
	height:37px;
	top:10px;
	left:219px;
	width:722px;
	height:37px;
	background: #ffffff url(http://www.reality-bytes.com/fileadmin/images/nav_space.gif)  repeat-x;
	 }

#mainnavigation ul  {
	margin:0;
	padding:0;
	}

#navtabs li  {
	float:left;
	display:block;
	text-decoration: none;
	margin-right:2.8em;
}

#navtabs a {
	color:black;
	font-size:120%;
	}

#navtabs li a:hover {
	color:#818181;
	height:37px;
	text-decoration:none;
	}

#mainnavigation .sel {
    font-weight:bold;
    height:37px;
    background: transparent url(http://www.reality-bytes.com/fileadmin/images/nav_sel.gif)  no-repeat center
bottom;
    }

.navstart {
	float:left;
	position:relative;
	width:31px;
	height:37px;
	margin-left:-5px;
	}


/* Styles der Subnavigation */

#leftcontent {
	position:relative;
	top:23px;
	width:195px;
	float:left;
	margin-left:-940px;
}

#leftcontent_home {
	position:relative;
	top:20px;
	width:186px;
	float:left;
	margin-left:-918px;
}

.subnavigation ul {
		list-style: none;
		margin: 0;
		margin-right: 0px !important;
		padding: 0;
		border: none;
		}

.subnavigation li {
		border-bottom: 1px solid #f2f2f2;
	        margin: 0;
	        float: left;
               width:100%
		}

.subnavigation ul li a {
		display: block;
		padding: 4px 0px 4px 20px;
		text-decoration: none;
		color: #000;
		font-weight:bold;
		}

.subnavigation li a:hover {
		background:  url(http://www.reality-bytes.com/fileadmin/images/ele_selector.gif) center left no-repeat;
		color:#000;
		text-decoration: none
		}
.subnavigation ul .sel {
		background:  url(http://www.reality-bytes.com/fileadmin/images/ele_selector.gif) center left no-repeat;
		}

#foot{clear:both;}

/* Kontaktformular */

label {
	display:block;
	float:left;
	}

.kontaktlabels {
	width:140px;
	margin:5px 5px 5px 0px;
	}

.kontaktinput {
	width:200px;
	margin:5px;
	border:none;
	border:1px solid #6F7257;
	background:#F2F2F2;
	}
.kontaktinputradio {
	border:none;
	background:#F2F2F2;
	}
.kontaktdrop {
	width:203px;
	margin:5px;
	border:none;
	border:1px solid #6F7257;
	background:#F2F2F2;
	}
input {
	margin:5px;
	border:none;
	border:1px solid #6F7257;
	background:#F2F2F2;
	}
textarea {
	width:200px;
	margin:5px;
	border:none;
	border:1px solid #6F7257;
	background:#F2F2F2;
        font:90% Arial, Helvetica, sans-serif;
	}
.checkbox { border: 0px; margin: 0px; }

.button {
	margin-left:155px;
	background:#D8D9D1;
	border:0;
	}

.kontakt .infobox {
	position:relative;
	top:8px;
	background:#F2F2F2;
	padding-bottom:5px;
}

.kontakt .infobox p {
	font-size:100%;
	line-height:140%;
}

/* Tabelle */

table {
	padding:0;
	margin:0;
	/*width:100%;*/
	}

thead {
	background:#D1D2C9;
	text-align:right;
	}

tfoot td {
	position:relative;
	background:none;
	font-size:80%;
	}

td, tbody th {
	/*background:#E0E1D9;*/
	}

td	{
	/*text-align:right;*/
	}

tbody tr.odd  td, tbody tr.odd  th {
	background:#D8D9D1;
	}

table caption {
	text-align:left;
	font-size:100%;
	font-weight:bold;
	margin-bottom:8px;
	}

/* Verwandte Themen */

.related	img {
	border:7px solid #c2c3b9;
	margin: 0 7px 7px 10px;
	float:left;
	}
.related {
	font-size:80%;
	line-height:100%;
	height:42px;
	}

.infobox hr {
	clear: left;
	border:0;
	width:90%;
	color: #494b39;
	background-color: #494b39;
	margin-top:0;
	height: 1px;
	text-align:center;
	}

/* Downloadfooter */

#centercontent hr, #centercontent_broad hr {
	clear: both;
	border:0;
	width:100%;
	color: #494b39;
	background-color: #494b39;
	margin:20px 0;
	height: 1px;
}

.downloadfooter {
	font-size:90%;
	}

/* Liste */

#centercontent ul, #centercontent_broad ul {
	 list-style-type: square;
   list-style-image: url(http://www.reality-bytes.com/fileadmin/images/ele_greensquare.gif);
	 }

/* Bildcontainer */

#centercontent img, #centercontent_broad img {
	 border:0;
	 }

.bildcontainer {
	float:left;
	width:264px;
	background:#e0e1d9;
	font-size:90%;
	border:1px solid #e0e1d9;
	margin-right:10px;
	}

/* Jobs */

fieldset {
padding-left:5px;
}

.checkboxposition {
margin-left:5%;
}

.smaller {
	font-size:90%;
	}

#seitensprung {
	font-size:90%;
	border-top:1px solid #797979;
	border-bottom:1px solid #797979;
	padding:7px 0;
	text-align:center;
	margin-bottom:15px;
	}



.tx-RBusermanager-pi1 {}

.loginButton { background:#D8D9D1; border:0; }
.logoutButton { background:#D8D9D1; border:0; }

.loginTextBox { width:200px;
	margin:5px;
	border:none;
	border:1px solid #6F7257;
	background:#F2F2F2;
	}

#usernamebox
{
	width:200px;
	border:none;
	border:1px solid #6F7257;
	background:#F2F2F2;
}

#submitButton { background:#D8D9D1; border:0; }

#feld4text, #feld4text_label {display:none;}






/* Lightbox-Layer */

.bts_overlay {
width:576px;
position:relative;
margin:0 auto;
}
.bts_overlay_top {
height:31px;
width:567px;
background-image:url(http://www.reality-bytes.com/fileadmin/images/overlay_top.png);
background-repeat:no-repeat;
text-align:right;
padding:9px 9px 0 0;
}
* html .bts_overlay_top {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.reality-bytes.com/fileadmin/images/overlay_top.png', sizingMethod='crop');
}
.bts_overlay_top a {
position:relative;
}
.bts_overlay_main {
background-image:url(http://www.reality-bytes.com/fileadmin/images/overlay_main.png);
background-repeat:repeat-y;
padding-left:24px;
width:552px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
* html .bts_overlay_main {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.reality-bytes.com/fileadmin/images/overlay_main.png', sizingMethod='crop');
}
.bts_overlay_bottom {
height:16px;
position:relative;
overflow:hidden;
background-image:url(http://www.reality-bytes.com/fileadmin/images/overlay_bottom.png);
background-repeat:no-repeat;
}
* html .bts_overlay_bottom {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.reality-bytes.com/fileadmin/images/overlay_bottom.png', sizingMethod='crop');
}
.bts_logo_claim {
width:530px;
padding:5px 0 0 0;
margin-bottom:5px;
}
.bts_logo_claim img {
display:block;
}
.bts_logo {
float:left;
}
.bts_claim {
float:right;
padding-top:31px;
}
.bts_marked_cont {
background-color:#e0e0e0;
padding:3px 5px;
margin-top:7px;
width:520px;
}
a {
position:relative;
}
a img {
border:none;
}
.clear {
clear:both;
font-size:0;
border: none;
margin:0;
padding:0;
line-height:0;
overflow:hidden;
height:0.01em;
}
.bts_footer_cont {
width:525px;
padding:10px 0 0 5px;
position:relative;
}
.bts_footer_cont a.footerlink {
font-size:14px;
font-weight:bold;
color:#c9061a;
text-decoration:none;
float:right;
}


/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:0px solid #fff;
	background:transparent;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

/* -----#####----- Kunden -----#####----- */
.centercontent_wide {
width:725px!important;
}
#centercontent ul.liste_kundenlogos,
#centercontent ul.liste_kunden {
margin:0;
padding:0;
list-style-image:none;
list-style-type:none;
}
#centercontent ul.liste_kundenlogos {
padding:0 0 65px 0;
}
#centercontent ul.liste_kundenlogos li {
float:left;
margin:0 1px 1px 0;
position:relative;
}
#centercontent ul.liste_kundenlogos li img {
vertical-align:bottom;
}
#centercontent ul.liste_kunden li {
float:left;
width:215px;
padding:0 10px;
}
#centercontent ul.liste_kunden li p {
color:#797979;
margin:0;
padding:0 0 22px 0;
font-size:11px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* -----#####----- // Kunden -----#####----- */

#navtabs li.last  {
    margin-right: 0;
}
#mainnavigation ul#navtabs  {
width:715px;
}