/*
 *	PSI Template
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2007 Preussag Immobilien GmbH - FC Rasokat 26.07.2007
 */


/* Generics---------------------------------------------------------------------------- */


body {
margin:0;
font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
color: #444444; 
font-style: normal;  
text-align:left;
color: #000;
background: #fff url('../images/bgr1.jpg') repeat;
background-attachment:fixed;
}

#container {
background: transparent url('../images/middlebgr.gif') ;
position:relative;
top: 0;
left: 0;
width:1012px;
margin: 0px auto;
padding: 0px;
text-align:left;
overflow:hidden;

}

#header{
position:relative;
height:300px; 
}

#oben{
background:#FFFFFF;
background: transparent url('../images/topbgr.gif') top center repeat-y;
position:relative;
top:0px;
width:1012px;
height: 30px;
margin:0 auto;
font-size:11px;
z-index:11;
}

#bottomnav{
float:right;
width:280px;
position:relative;
font-size:11px;
}

#servicenav{
width:280px;
float:left;
position:absolute;
top:30px;
right:0px;
font-size:11px;
z-index:3;
}


#mainnav{
background: #FF9900;
text-align:left;
padding:0px;
position:relative;
top:0px;
left:10px;
width:992px; 
height:20px; 
z-index:7;
}

#PSILogo {
height: 25px;
width: 129px;
position: absolute;
top:12px;
left:35px;
overflow: hidden;
z-index:21;
}

#header_img_container {
height: 250px;
width: 992px;
position: absolute;
top:50px;
padding:0px;
left:10px;
overflow: hidden;
border-width:0px;
z-index:6;
}

#left-content{
position:relative;
padding-top:35px;
margin: 0px 25px 60px 0px;
width: 246px;
background: #fff;
float: right;
z-index:2;
}

#left-contentstart{
position:relative;
padding-top:35px;
margin: 0px 25px 60px 0px;
width: 236px;
background: #fff;
float: right;
}

#utility {
background: #fff;
}

#main-content {
position:relative;
margin: 30px 0 60px 55px;
width: 650px;
background: #fff;
float: left;
display: inline;
z-index:1;
}

#main-contentstart {
position:relative;
margin: 30px 0 60px 55px;
width: 642px;
background: #fff;
float: left;
display: inline;

}

#footer{
background:#FFFFFF;
background: transparent url('../images/bottombgr.gif') top center no-repeat;
position:relative;
top:0px;
width:1012px;
height: 50px;
margin:0 auto;
padding-bottom:50px;
vertical-align:top;
text-align:left;
font-size:11px
}



.boxtypa	{

padding:5px;
margin-left:0px;
margin-bottom:5px;
background: #ECFAFF;
font-size:10px;
width:235px;
border: 1px solid #C6F0FF;
}

.boxtypb	{

padding:5px;
margin-left:50px;
margin-bottom:5px;
background: #ECFAFF;
font-size:12px;
width:350px;
border: 2px solid #C6F0FF;

}


.ansprechpartnerListe 
{
float:left;
width:450px;
text-align:left;
font-size:11px;
color: #000000; 
border:0px solid #CCCCCC;
padding:0px;
}

/***** SmoothGallery****/
.jdGallery .slideElement {background-color:#FFFF00; }

#rotator
{
	border: 0px solid #000;
	cursor: pointer;
	overflow: hidden;
	margin: 0px 0px 0px;
	position: relative;
	width: 450px;
	height: 88px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 450px;
	height: 88px;
}

/***************************/ 
/* General element styles:*/ 
/***************************/ 


H1, H2, H3, H4, H5, P, TD, UL, LI, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT, LABEL { font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#333333;line-height:1.4em }
PRE { font-family:monospace; }
A { color:#666666; text-decoration:none;}
A:hover { color:#333333; text-decoration:none; }

FORM { margin:0px 0px 0px 0px;}
P, PRE { margin:0px 0px 0px 0px; }
P, UL, OL, LABEL { font-size:12px; }
HR {width: 100%; font-size:1px;  }
INPUT, TEXTAREA, SELECT textarea { font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#555555; border:#7EBFD8 1px solid; font-size:11px; margin-bottom: 5px; }


.UrlPic {padding:0px 10px 5px 15px; background: url("../images/UrlPic.gif") no-repeat ;}
.UrlOhne {border:0; }


.LinieGrau {
	padding-top:0;
	width:95%;
	height:0%;
	border-top: 1px solid #ccc;
	margin-top:20px;
	margin-bottom:20px;
	}


/******************/ 
/* Headers, plain */ 
/******************/ 
H1 { font-size:18px; }
H2 { font-size:12px; color:#333333; }
H3 { font-size:11px; color:#333333; font-weight:normal;}
H4 { font-size:12px; color:#333333; }
H1, H2, H3, H4, H5, H6 { margin:0px 0px 0px 0px; margin-top:10px; margin-bottom:8px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }

/* Headers, with link */ 
H1 A, H2 A, H3 A, H4 A, H5 A { color:#666666; text-decoration:none; }
H2 A { color:#666666; }
H3 A { color:#666666; }
H4 A { color:#666666; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration:underline; }




/*******************/ 
/* RTE / bodytext:*/ 
/*******************/ 
/* RTE / Table styling */ 
TABLE.contenttable {margin:0px 0px 0px 0px; width:99%;font-size:12px}
TABLE.contenttable TABLE {}
TABLE.contenttable THEAD P.bodytext  {font-size:12px; font-weight:bold; color: #FFFFFF; background-color:#00267F }
TABLE.contenttable TR TD {border-bottom:0px #CCCCCC solid; padding:0px 0px 0px 0px;vertical-align:top; }
TABLE.contenttable TR TD P.bodytext  {font-size:12px;}
TABLE.contenttable TR {}



.T1 {margin:0px 0px 0px 0px; width:99%;font-size:11px;border:1px solid #C6F0FF;border-collapse:collapse}
.T1 TABLE {}
.T1 THEAD P.bodytext  {font-size:12px; font-weight:bold; color: #000000; }
.T1 TR TD {border-bottom:0px #CCCCCC solid; padding:5px 5px 5px 5px;vertical-align:top}
.tr-even {background-color: #FFFFFF}
.tr-odd {background-color: #FFFFFF}
.T1 TR TD P.bodytext  {font-size:11px;}
.T1 TR {}


.T2 {margin:0px 0px 0px 0px; width:99%;font-size:11px;border:0px solid #C6F0FF;border-collapse:collapse}
.T2 TABLE {}
.T2 THEAD P.bodytext  {font-size:12px; font-weight:bold; color: #000000; }
.T2 TR TD {border-bottom:0px #CCCCCC solid; padding:5px 5px 5px 5px;vertical-align:top}
.T2 TR TD P.bodytext  {font-size:11px;}
.T2 TR {}


/* LAYOUT - HEADER */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;}
	
#nav {
	text-align:center;
	font-size: 14px;
	font-weight: bold; 
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0}

#nav li {
	position:relative;
	background: #FF9900;
	float: left;
	width: 248px;	
	display:block;
	margin: 0;
	border-bottom: 0px solid #666;
	border-right: 0px solid #252525;
	padding:0}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	display: block;
	padding: 0px 0px 0px}

#nav a:hover {
	color:#000}
	
#nav li ul {
	border: 1px solid #C6C6C6;
	background: #FFFFFF;
	margin-top:0px;
	position: absolute;
	font-weight:bold;
	left: -999em}

#nav li:hover ul, #nav li.sfhover ul {
	width:248px;
	left: 0;
	z-index:99999}
	
#nav li li {
	line-height:1.5em;
	background:none;
	float:none;border:none;
	border-top: 1px solid #ccc;
	margin-top: 1px;
	border-right:none;
	border-left:none;
	padding-left:0}

#nav li li.last {
	border-bottom:none}

#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {
	color:#000;
	padding: 0px 0px 0px;
	width:248px;}

#nav li li a:hover {
	color:#000;
	background:#FFE9BB}
	
#nav li.active {
	background: #00CC00;
	border-bottom: 0px solid #c00;
	}
	
#nav li.active li {
	border:1px solid #C6C6C6;	
	margin-top: 0px;
	border-bottom: 0px solid #C6C6C6}

#nav li.active li.last {
	border-bottom: none}

#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {
	color:#000}

#nav li.active li a:hover {
	background: #CAFFCA repeat-x 0 99%;
	color:#000}
	
#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {
	color:#fff;
	font-weight:bold;
	background: #CBD2EF url("../images/sprites.gif") repeat-x 0 99%}


/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static;}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0}

	#nav-secondary {
	padding-top:0;
	width:100%;
	height:100%;
	border-top: 1px solid #ccc;
	margin-top: 1px}

	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: url("../images/sprites.gif") no-repeat 10px -690px;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#c00;background: #FFE9BB url("../images/sprites.gif") no-repeat 10px -690px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}



/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: url("../images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:200px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
	#nav-secondary li.active li {border: none;margin:0}
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {color: #c00; font-weight:normal}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {color: #c00; font-weight:normal}

/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link, 
	#nav-secondary li.active li.active li.active li a:visited, 
	#nav-secondary li.active li.active li.active li a:hover, 
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active li.active a:active {color: #c00; font-weight:normal}




