/* Raum:3 redesign by Herbert Leier c2007 */

/* ---------------------------------------
		* Wichtige Farben *
			Blau: 	#0099ff
			Orange:	#ff9900
------------------------------------------*/

	body {
		padding:0px;
		margin:0px;
		background:#a8a8a8 url(../img/body_bg.gif) repeat-x fixed center center;
		font: 12px Arial, Helvetica, sans-serif;
		color: #000000;
	}
	#ganz { 	
		position:absolute;
		height:570px; 
		width:970px;
		margin:-285px 0px 0px -485px;
		top: 50%; 
		left: 50%;
		text-align: left;
		padding: 0px;
		overflow:hidden;
		background:url(../img/kaktus.jpg) no-repeat 385px 150px;
		/* background:url(../img/staatspreis.jpg) no-repeat 380px 150px; */
	}
	#head {
		position:relative;
		height:90px;
		background:url(../img/R3_Logo.gif) no-repeat 10px top;
		margin:0px 0px 10px 0px;
		padding:0px 10px;
	}
	#left {
		position:absolute;
		right:0px;
		top:100px;
		height:460px;
		width:260px;
		margin:0px 10px 0px 0px;
		z-index:1000;
	}


/* Navi Anfang */
	#navi {
		position:relative;
		height:60px;
		background:#ff9900 url(../img/navi_bg.gif) repeat-x left top;
		margin:0px 260px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#navi_left {
		position:relative;
		height:60px;
		background:url(../img/navi_left_bg.gif) no-repeat left top;
		padding:0px 0px 0px 10px;
	}
	#navi_right {
		position:relative;
		height:60px;
		background:url(../img/navi_right_bg.gif) no-repeat right top;
		padding:0px 10px 0px 0px;
	}
	#ul_right {
		position:absolute;
		right:0px;
		top:0px;
		padding:0px;
		margin:0px;
		width:20px;
		height:60px;
		background:url(../img/ul_right_bg.gif) no-repeat right top;
		z-index:200;
	}
	#navi ul {
		position:absolute;
		right:10px;
		top:0px;
		list-style:none;
		padding:0px;
		margin:0px;
	}
	#navi li {
		position:relative;
		list-style:none;
		padding:0px;
		margin:1px 0px 1px 0px;
		float:left;
		border-left:1px solid #ffc373;
	}
	#navi a {
		position:relative;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		display:block;
		width:auto;
		padding:29px 15px 4px 15px;
		background:#ff9900;
		outline:none;
	}
	#navi a:hover,
	#navi a.current,
	#navi a.current:hover {
		position:relative;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		display:block;
		width:auto;
		padding:23px 15px 10px 15px;
		background:#ff9900 url(../img/link_on.gif) repeat-x left top;
		outline:none;
	}	
/* Navi Ende */

	.main_k {
		position:relative;
		height:400px;
		background:#FFFFFF url(../img/main_bg.gif) repeat-x left top;
		margin:0px 570px 0px 0px;
		padding:0px 0px 0px 0px;
		z-index:400;
	}
	
	.main_m {
		position:relative;
		height:400px;
		background:#FFFFFF url(../img/main_bg.gif) repeat-x left top;
		margin:0px 420px 0px 0px;
		padding:0px 0px 0px 0px;
		z-index:400;
	}
	
	.main_g {
		position:relative;
		height:400px;
		background:#FFFFFF url(../img/main_bg.gif) repeat-x left top;
		margin:0px 260px 0px 0px;
		padding:0px 0px 0px 0px;
		z-index:400;
	}
	
	/**/
	a.tooltip img {
		padding:2px;
		background:none;
	}
	a.tooltip:hover img{
		padding:2px;
		background:#00A6FD;
	}
	
	#main_left {
		position:relative;
		height:400px;
		background:url(../img/main_left_bg.gif) no-repeat left top;
		padding:0px 0px 0px 10px;
	}
	#main_right {
		position:relative;
		height:400px;
		background:url(../img/main_right_bg.gif) no-repeat right top;
		padding:0px 10px 0px 0px;
	}
/* Main Ende */
	
	.kunde01 {
		position:absolute;
		left:540px;
		top:160px;
		height:400px;
		width:170px;
		background:#FFFFFF url(../img/main_bg.gif) repeat-x left top;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		z-index:300;
		opacity:1;
	}
	.kunde02 {
		position:absolute;
		left:540px;
		top:160px;
		height:400px;
		width:170px;
		background:#FFFFFF url(../img/main_bg.gif) repeat-x left top;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		z-index:300;
		opacity:0;
	}
	#kunden_left {
		position:relative;
		height:400px;
		background:url(../img/main_left_bg.gif) no-repeat left top;
		padding:0px 0px 0px 10px;
	}
	#kunden_right {
		position:relative;
		height:400px;
		background:url(../img/main_right_bg.gif) no-repeat right top;
		padding:0px 10px 0px 0px;
	}
/* Kunden Ende */

/* News Anfang */
	#news {
		position:relative;
		height:275px;
		background:#FFFFFF url(../img/news_bg.gif) repeat-x left top;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#news_left {
		position:relative;
		height:275px;
		background:url(../img/news_left_bg.gif) no-repeat left top;
		padding:0px 0px 0px 10px;
	}
	#news_right {
		position:relative;
		height:275px;
		background:url(../img/news_right_bg.gif) no-repeat right top;
		padding:0px 10px 0px 0px;
		margin:0px;
	}
	
	* html #news 				{height:280px;}
	* html #news_left 	{height:280px;}
	* html #news_right	{height:280px;}
	
	*+html #news 				{height:280px;}
	*+html #news_left 	{height:280px;}
	*+html #news_right	{height:280px;}
/* News Ende */

/* Login Anfang */
	#login {
		position:relative;
		height:180px;
		background:#FFFFFF url(../img/login_bg.gif) repeat-x left top;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#login_left {
		position:relative;
		height:180px;
		background:url(../img/login_left_bg.gif) no-repeat left top;
		padding:0px 0px 0px 10px;
	}
	#login_right {
		position:relative;
		height:180px;
		background:url(../img/login_right_bg.gif) no-repeat right top;
		padding:0px 10px 0px 0px;
		margin:0px;
	}
/* Login Ende */

/* Diverse Sachen Anfang */
	.no_css {
		position:absolute;
		margin: 0px;
		padding: 0px;
		height: 0px;
		width: 0px;
		visibility: hidden;
	}
	.c_header {
		position:relative;
		height:40px;
		padding:5px 10px;
		text-align:right
	}
	.c_text {
		position:relative;
		height:300px;
		padding:5px 30px 5px 15px;
		margin:5px;
		overflow:auto;
		line-height: 18px;
	}
	.n_text {
		position:relative;
		padding:5px 10px 5px 10px;
		margin:5px;
		overflow:auto;
	}
	.l_text {
		position:relative;
		padding:15px 10px 5px 10px;
		margin:5px;
		overflow:auto;
		color:#FFFFFF;
	}
	.c_text_center {
		position:relative;
		height:300px;
		padding:16px 5px 5px 5px;
		margin:5px;
		overflow:auto;
		text-align:center;
	}
	.kunden_logo {
		position:relative;
		padding:0px 0px 12px 0px;
	}
	.block {
		text-align:justify;
	}
	
	.clearer {
		display:block;
		clear:both;
		line-height:0;
		height:1px;
		font-size:0;
		visibility:hidden;
	}	
	.clear 		{clear:both;	}
	.flLeft 	{float:left;}
	.flRight 	{float:right;}
	.warning 	{color:#f00;}
	
/* Diverse Sachen Ende */

/* Tips Anfang */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 2px solid #00A6FD;
	background-color: #000;
	padding: 10px;
	opacity: 0.85;
}
#tooltip strong {
	color:#00A6FD;
	margin: 0;
	font-size:14px;
}
#tooltip div {
	color:#fff;
	margin: 5px 0 0 0;
	font-size:11px;
}
/* Tips Ende */


h1, h2, h3, h4, h5 {
	color:#FF9100;
	padding:0px;
	margin:20px 0px 5px 0px;
}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}

.c_header h2 {
	position:relative;
	font-size:13px;
	color:#FFFFFF;
	padding:23px 5px 0px 5px;
	margin:0px;
}
#news .n_text h4 {
	position:relative;
	padding:0px;
	margin:10px 0px 5px 0px;
}
#news .n_text p {
	position:relative;
	padding:0px;
	margin:0px 0px 10px 0px;
	font-size:11px;
}
#login .l_text p {
	position:relative;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:11px;
}
#login .l_text h4 {
	position:relative;
	padding:0px;
	margin:0px 0px 10px 0px;
	color:#FFFFFF;
}


/* Links Anfang */
	#news a {
		color:#FF9100;
		text-decoration:none;
	}
	#news a:hover {
		color:#FF9100;
		text-decoration:underline;
	}
	#login a {
		color:#FFFFFF;
		text-decoration:none;
	}
	#login a:hover {
		color:#FFFFFF;
		text-decoration:underline;
	}
	#main_right a {
		color:#FF9100;
		text-decoration:none;
	}
	#main_right a:hover {
		color:#FF9100;
		text-decoration:underline;
	}
	
/* Links Ende */

ul.team {
	padding:4px 0px 19px 110px;
	background:#ffffff url(../img/team.gif) no-repeat left center;
	list-style: url(../img/team_listpoint.gif);
}
ul.team li {
	color:#0099ff;
}
.klein {
	font-size:11px;
}
.klein samp {
	font-size:12px;
	background:#ffffff url(../img/partner_text.gif) no-repeat left top;
	padding:0px 0px 0px 15px;
}


/* News Start */
.news {
 width:auto;
}
.newswrapper {
 width:auto;
 margin: 0px;
}
.pag {
 margin: 0px;
 font-weight: bold;
 border-top:1px solid #e2e2e2;
 padding: 10px 0px 0px 0px;
}
.pag-left, .pag-right {
 float: left;
 width: 50%;
}
.pag-right {
 text-align: right;
}
.newstop {
}
.newsheader {
 font-weight: bold;
 color:#ff9900;
}
#news .newsmain {
 padding: 10px 0px;
 height:120px;
 overflow:auto;
}
#main .newsmain {
 padding: 10px 0px;
 height:auto;
}
.newsdate {
	padding:0px 0px 2px 0px;
	font-size:10px;
	border-bottom:1px solid #e2e2e2;
}
/* News Ende */

.orange {
	color:#ff9900;
}


.referenzen {
	position:relative;
}
/* begin: Referenzen NEUE Anzeige ------------------------------ */
.referenzen_neu {
	position:relative; 
	background:#efefef;
	margin:0 0 20px 0;
	text-align:left;
}
.referenzen_neu_bg {position:relative; background:transparent url(../img/ref_bg.gif) repeat-y center top;}

/*
.referenzen_leiste_neu {
	display: -moz-inline-stack;
	display:inline-block;
	width:180px;
	padding:20px 10px 15px 12px;
	vertical-align:top;
	font-size:11px;
	border-right:1px solid transparent;
	border-left:1px solid transparent;
}
*/
.referenzen_leiste_neu {
	position:relative; 
	float:left;
	width:180px;
	padding:20px 13px 15px 13px;
	vertical-align:top;
	font-size:11px;
}

.referenzen_leiste_neu .referenzen_leiste_alt {
	position:relative;
}
.referenzen_leiste_neu .referenzen_bild 	{position:relative; display:block; text-align:center;}
.referenzen_leiste_neu .referenzen_anzahl 	{display:none;}
.referenzen_leiste_neu .referenzen_alles 	{position:relative; }
.referenzen_leiste_neu .referenzen_titel 	{position:relative; font-weight:bold; font-size:12px;}
.referenzen_leiste_neu .referenzen_inhalt 	{position:relative; padding:3px 0;}
.referenzen_leiste_neu .referenzen_arbeit 	{position:relative; padding:3px 0;}
.referenzen_leiste_neu .referenzen_url 		{position:relative; }
/* ende: Referenzen NEUE Anzeige ------------------------------- */


/* begin: Referenzen ALTE Anzeige ------------------------------ */
.referenzen_leiste_alt {
	position:relative;
	border:1px solid #efefef;
	background:#f9f9f9;
	padding:10px;
	margin:0 0 10px 0;
	font-size:11px;
}
.referenzen_leiste_alt .referenzen_bild 	{position:relative; float:left; margin:0 20px 0 0;}
.referenzen_leiste_alt .referenzen_anzahl 	{display:none;}
.referenzen_leiste_alt .referenzen_alles 	{position:relative; float:left;}
.referenzen_leiste_alt .referenzen_titel 	{position:relative; font-weight:bold; font-size:12px;}
.referenzen_leiste_alt .referenzen_inhalt	{position:relative; padding:3px 0;}
.referenzen_leiste_alt .referenzen_arbeit	{position:relative; padding:3px 0;}
.referenzen_leiste_alt .referenzen_url 		{position:relative; }
/* ende: Referenzen ALTE Anzeige ------------------------------- */
