BODY {
	margin: 0px;
	padding: 0px;
	background: #E4E3E3 url(../images/pbk.gif) repeat-y;
}

#logo {
	position: absolute;
	left: 50px;
	top: 0px;
	width: 900px;
	height: 80px;
	background: url(../images/plg.gif) no-repeat;
}

#maintopic {
	position: absolute;
	left: 50px;
	top: 80px;
	width: 900px;
	height: 30px;
	border-top: 1px solid #cdcdcd;
	background: url(../images/pmt.gif) repeat-x;
	overflow: hidden;
}

#plaintext {
	position: absolute;
	left: 750px;
	top: 86px;
	width: 195px;
	height: 30px;
	text-align: right;
	z-index: 100;
}

#plaintext a {
	color: #888888;
	text-decoration: none;
}


#youarehere {
	position: absolute;
	left: 50px;
	top: 111px;
	width: 900px;
	height: 30px;
}

#youarehere a {
	display: block;
	float: left;
	height: 30px;
	padding: 0px 10px 0px 23px;
	line-height: 30px;
	color: #888888;
	text-decoration: none;
	font-size: 11px;
	background : url(../images/pmr.gif) no-repeat;
}

#youarehere a:hover {
	color: #4C4988;
	background : url(../images/pmra.gif) no-repeat;
}


#maintopic a {
	display: block;
	float: left;
	height: 30px;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #888888;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing : 2px;
	background : url(../images/pln.gif) no-repeat right;
}

#maintopic a:hover {
	background: url(../images/pmta.gif) repeat-x;
	color: #333333;
}

#maintopic a.active {
	background: url(../images/pmta.gif) repeat-x;
	color: #333333;
	font-weight: bold !important;
	font-size: 11px;
}


#topic {
	position: absolute;
	left: 50px;
	top: 145px;
	width: 199px;
	background-color: #4C4988;
	z-index:30;
}

#topic a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #BEBDE1;
	padding: 0px;
	margin: 3px 20px 3px 20px;
	text-transform: uppercase;
	font-size: 10px;
}

#topic p {
	text-align: center;
}

#topic p a {
	border-bottom: none !important;	
}

#topic a:hover, #topic a.active {
	color: #BEBDE1;
}

#topic h1 {
	padding: 9px 20px 9px 20px;
	background-color: #33315E;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px;
}

/* test menu autres que h1 */
#topic #stitle {
	padding: 0px 0px 0px 20px;
	background-color: #33315E;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height:31px;
	width:179px;
	height:31px;
}

#eyecatcher {
	position: absolute;
	left: 250px;
	top: 145px;
	width: 700px;
	height: 150px;
	background: url(../images/s2dlogo.jpg) no-repeat;
	z-index:10;
}

#eyecatcher span{
	visibility:hidden;
}


#content {
	position: absolute;
	left: 270px;
	top: 315px;
	width: 460px;
	padding: 0px;
	margin: 0px;
}

#sidebar {
	position: absolute;
	top: 296px;
	left: 750px;
	width: 200px;
	background-color: #4C4988;
	color: #fff;
}

form.search {
	position: absolute;
	top: 28px;
	left: 780px;
	width: 160px;
}

form.search input {
	margin: 0px;
	vertical-align : middle;
}

input.search {
	border : 1px solid #cdcdcd;
	color: #333333;
	width: 118px;
	padding: 2px;
	background: url(../images/pmt.gif) repeat-x;
	font-size: 10px;
}

/* landing pages */

#content .text_left {
	width:220px; 
	text-align:justify;
	float:left;
}

#content .bloc_right img{
	border:#666 solid 1px;
	margin-left:20px;
}

/************ footer - sitemap ***************/
#footer {
	border-top:#aaa solid 1px;
	z-index:10;
	padding:10px 10px 10px 10px;
	background:#fff url(../images/pln.gif) repeat-x scroll 0 0;
	width:880px;
	position:relative;
	left:-700px;
	height:320px;
}

#footer .x_col{
	float:left;
	width:220px;
}

#footer .x_rubrique {
	padding:10px;
}

#footer .x_rubrique a {
	color:#444444;
	font-weight:bold;
}

/************ main verticale ***************/


#mainverti ul {
	margin:0px;;
	padding:0px;
	list-style-position:inherit;
	list-style-type:none;
	background-color:#4C4988;
	z-index:20;
	width:199px;
}

#mainverti ul ul {
	display:none;
	top: 0;
	margin-left:200px;
	position:absolute;
	z-index:20;
}

#mainverti ul ul li a{
/*	display:none;*/
	padding:0 0 4px 5px;
}

#mainverti ul ul li a:hover{
	background-color:#33315E;
	padding:0px 0px 0px 0px;
}


/**************************

	sous menu hausturen
	
***************************/

#mainverti ul.niveau1 li.sousmenu:hover ul.niveau2  {
	margin-top:40px;
	cursor:pointer;
	display:block;
}

/**************************

	sous menu vodach
	
***************************/

#mainverti ul.niveau1 li.sousmenu:hover ul.niveau_vordach  {
	margin-top:60px;
	cursor:pointer;
	display:block;
}

/**************************

	sous menu niveau_wohnungseingangstur
	
***************************/

#mainverti ul.niveau1 li.sousmenu:hover ul.niveau_wohnungseingangstur  {
	margin-top:70px;
	cursor:pointer;
	display:block;
}

/**************************

	sous menu niveau_wohnungseingangstur
	
***************************/

#mainverti ul.niveau1 li.sousmenu:hover ul.niveau_fenster  {
	margin-top:80px;
	cursor:pointer;
	display:block;
}

/**************************

	sous menu niveau_wohnungseingangstur
	
***************************/

#mainverti ul.niveau1 li.sousmenu:hover ul.niveau_terrassenuberdachung  {
	margin-top:120px;
	cursor:pointer;
	display:block;
}

/**************************

	sous menu niveau_garagentore
	
***************************/

#mainverti ul.niveau1 li.sousmenu:hover ul.niveau_garagentore  {
	margin-top:140px;
	cursor:pointer;
	display:block;
}

/**************************

	sous menu niveau_Markisen
	
***************************/

#mainverti ul.niveau1 li.sousmenu:hover ul.niveau_markisen  {
	margin-top:150px;
	cursor:pointer;
	display:block;
}