@charset "utf-8";
/* CSS Document */

html,
body {
   margin:0;
   padding:0;
   height:100%;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:20px;
   background-color:#ececec;
}

#container {
	width: 960px;
	margin:0 auto;
  	position:relative;
	overflow:hidden;
}



#header-home	{
	width:960px;
	height:203px;
	background: url(../images/bgheader.gif) repeat-x top left;
	padding:30px 0 0 0;
	text-align:center;
	vertical-align:top;
}

#header	{
	width:960px;
	height:108px;
	background:#ffffff;
	margin:30px 0 0 0;
}

#logoSmall {
	width:259px;
	float:left;
	text-align:center;
	margin:25px 0 0 0;
}

#banner {
	width:701px;
	height:108px;
	float:right;
}

#portfolio {
	width:701px;
	height:108px;
	float:right;
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0;
}

.bx-window {
	height:108px;
}

#navibar {
	width:960px;
	height:36px;
}

#blue {
	background:#005591 url(../images/bgtopblue.jpg) no-repeat top right;
	height:36px;
	width:259px;
	float:left;
}

#navi {
	height:36px;
	width:701px;
	background: url(../images/bgnavi.jpg) no-repeat top left;
	float:right;
}


#topnav {
    background: url(../images/menu.jpg) no-repeat;
    width: 701px;
    height: 36px;
    margin: 0;
    padding: 0;
	display:inline-block;
    float:left; z-index:1000;
}

#topnav li, #topnav a {
    height: 36px;
    display: block;
}

#topnav li {
    float: left;
    list-style: none;
    display: inline;
    text-indent: -9999em;
	position:relative;
}




#wohnen { width: 132px; }
#leben { width: 108px; }
#outlet { width: 119px; }
#essen { width: 106px; }
#services { width: 130px; }
#auto { width: 106px; }

#wohnen a:hover { background: url(../images/menu.jpg) 0px -36px no-repeat; }
#leben a:hover { background: url(../images/menu.jpg) -132px -36px no-repeat; }
#outlet a:hover { background: url(../images/menu.jpg) -240px -36px no-repeat; }
#essen a:hover { background: url(../images/menu.jpg) -359px -36px no-repeat; }
#services a:hover { background: url(../images/menu.jpg) -465px -36px no-repeat; }
#auto a:hover { background: url(../images/menu.jpg) -595px -36px no-repeat; }




#mainholder {
	overflow:hidden;
	height:100%;
	background: #ffffff url(../images/bgmain.gif) repeat-y top center;
}

#left {
	width:259px;
	float:left;
	height:100%;
}

#box {
	height:456px;
	background:#005591 url(../images/bgbox.jpg) bottom left repeat-x;
}

#boxnav {
	margin:0 25px;
	font-size:14px;
	color: #ffffff;
	line-height:36px;
}

#boxnav a:link {
	color:#ffffff;
	text-decoration:none;
}

#boxnav a:visited {
	color:#ffffff;
	text-decoration:none;
}

#boxnav a:hover {
	color:#bdca12;
	text-decoration:none;
}


#boxnews {
	height:170px;
	background: url(../images/bgnews.gif) top left repeat-x;
	padding: 15px 25px;
}

#newsholder {
	 position: relative;
	 overflow: hidden;
	 height: 140px;
}

#news {
	height:100%;
	font-size:12px;
	color:#ffffff;
	margin:30px 0;
	line-height:14px;
}

h3 {
	margin:5px 0;	
}

#news a {
	color:#bdca12;
	text-decoration:none;
}





#mainR {
	float:right;
	height:100%;
}

#main {
	float:left;
	background-color:none;
	width:675px;
}

#topShadow {
	text-align:left;
	width:673px;
	height:36px;
	background:url(../images/topShadow.jpg) top  left no-repeat;
}

#leftShadow {
	float:left;
	text-align:left;
	width:35px;
	height:420px;
	background:url(../images/leftShadow.jpg) top  left no-repeat;
}

#content {
	float:right;
	margin:0 50px 10px 0;
	width:570px;
	line-height:16px;
}

#content a:link {
	color:#02467c;
	text-decoration:none;
}

#content a:visited {
	color:#02467c;
	text-decoration:none;
}

#content a:hover {
	color:#02467c;
	text-decoration:none;
}


#title {
	margin: 0 0 15px 0;
}

h1 {
	font-size:12px;
	margin:0;
	padding:0;
}

#logo {
	margin: 0 0 15px 0;
}

#text {
	width:540px;
	margin: 0 0 15px 0;
	text-align:justify;
}

#address {
	margin: 0 0 15px 0;
}

#pdf {
	margin: 0 0 15px 0;
}

#pic {
	float:left;
	margin:10px 20px 10px 0;
}

#categories {
	display:block;
	
}

#right {
	float:right;
	height:100%;
	overflow:hidden;
}

#bluecorner {
	float:left;
}

#underblue {
	float:left;
	background-color:#ffffff;
	min-height:100%;
}


#footer {
	margin: 0 25px 40px 60px;
	width:875px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b6b5b5;
}

#footer a:link {
	color:#b6b5b5;
	text-decoration:none;
}

#footer a:visited {
	color:#b6b5b5;
	text-decoration:none;
}

#footer a:hover {
	color:#909090;
	text-decoration:none;
}