* { padding: 0; margin: 0; }

body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	background-image: url(../../images/front/bg_header.gif);
	background-repeat: repeat-x;
	background-position: 0 0; }
element { }
#wrapper { 
 margin: 0 auto;
 width: 800px;
}
#header {
	width: 800px;
	color: #333;
	height: 40px;
	background: #ededed url(../../images/front/bg_header.gif) repeat-x; }
#navigation {
	width: 800px;
	color: #333;
	margin: 0;
	height: 37px;
	padding-top: 0; }
#navigation img {
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	border-width: 0; }

#content {
	width: 800px;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	margin: 0 0 10px;
	padding-top: 10px; }
/*common
*/
a:link {
	color: #c5352a;
	font-size: 11px;
	text-decoration: underline; }
a:link img, a img, a:visited img, a:hover img {
	border-style: none;
	border-width: 0; }

a:visited {
	color: #c5352a;
	font-size: 11px;
	text-decoration: underline; }
a:hover {
	color: #ac231d;
	font-size: 11px;
	text-decoration: underline; }
a:active {
	color: #c5352a;
	font-size: 11px;
	text-decoration: underline; }
.slideshow { }
/*elements
*/
.starth1 {
	color: #9e9e9e;
	font-size: 15px;
	font-family: arial;
	font-weight: bold;
	line-height: 20px;
	background-image: url(../../images/front/bg_h1.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	width: 790px;
	height: 23px;
	clear: both;
	margin-left: 5px; }
.starth2 {
	color:               #9e9e9e;
	font-size:           15px;
	font-family:         arial;
	font-weight:         bold;
	line-height:         20px;
	background-image:    url(../../images/front/bg_h2.gif);
	background-repeat:   no-repeat;
	background-position: 0 4px;
	margin-left:         5px;
	width:               790px;
	height:              23px;
	clear:               both; }
.starth3 {
	color:               #9e9e9e;
	font-size:           15px;
	font-family:         arial;
	font-weight:         bold;
	line-height:         20px;
	background-image:    url(../../images/front/bg_h3.gif);
	background-repeat:   no-repeat;
	background-position: 0 4px;
	margin-left:         5px;
	width:               790px;
	height:              23px;
	clear:               both;
	margin-top: 3px; }

.slideshow h1 {	color:       #868485;
	font-size:   16px;
	line-height: 22px; }
.pro1 {
	width: 255px;
	float: left;
	clear: none;
	margin-top: 5px;
	margin-right: 7px;
	margin-left: 5px; }

.pro2 {
	margin-left:  5px;
	width:        255px;
	float:        left;
	clear:        none;
	margin-top: 5px;
	margin-right: 8px; }

.pro3 {
	position: relative;
	width:        255px;
	float:        left;
	clear: right;
	margin-top: 5px;
	margin-left: 5px; }

.pro1 img, .pro3 img, .pro2 img {
	width: 255px;
	height: 140px;
	margin: 0;
	border-width: 0; }

.pro_title {
	color: #9e9e9e;
	font-size: 14px;
	font-family: "trebuchet ms", tahoma;
	font-weight: normal;
	line-height: 33px;
	background-image: url(../../images/front/bg_pro_title.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: left;
	text-indent: 35px;
	width: 255px;
	height: 43px;
	overflow: hidden;
	float: left;
	margin-bottom: 5px; }
.projects { }

.projects h1 {
	color:       #868485;
	font-size:   16px;
	font-family: arial, "trebuchet ms", tahoma;
	line-height: 22px; }

.newsblock {
	color: #959595;
	font-size: 13px;
	font-family: arial;
	line-height: 18px;
	width: 790px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px; }
.newsblock h1 {
	color: #878586;
	font-size: 16px;
	font-family: "trebuchet ms", tahoma;
	line-height: 22px;
	word-spacing: 1px;
	letter-spacing: 1px; }
/*gallery
*/

#input_gallery img, #input_gallery a img {
	margin-right: 2px;
	margin-left: 2px;
	border-style: solid;
	border-width: 1px; }
	
.input_gallery {
	font-family:      Arial;
	background-color: #f8f8f8;
	margin-top:       20px;
	margin-bottom:    20px;
	padding: 10px 15px 10px 10px;
	border:           solid 1px #cfcfcf; }

.input_gallery img.thumb {
	background-color: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 3px;
	border: solid 1px #c4c4c4; }
	
.input_gallery .large_wrapper {
	visibility:hidden;
	position:absolute;
	top:-1000px;
	left:-1000px;
	z-index: 10;
	overflow:hidden; }
	
    .input_gallery .large_outline {
	border:solid 1px #aaa;
	background-color:#fff;
	padding: 4px; }
	
    .input_gallery .large_info {
	font-size: 11px;
	font-family: arial;
	line-height: 18px;
	background-color: #ededed;
	padding-right: 7px;
	padding-left: 7px;
    //display:none;
    }
    
     /*listings
*/   
.contact {
	color: #202020;
	font-size: 12px;
	font-family: arial;
	line-height: 18px;
	background-color: #f8f8f8;
	position: relative;
	width:788px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding-top: 15px;
	padding-bottom: 10px;
	border: solid 1px #cfcfcf; }
.contact_row {
	line-height: 20px;
	vertical-align: middle;
	padding: 7px 15px;
	display:block; }

.contact_row label {
	width: 100px;
	float: left; }
.contact_row input {
	width: 140px;
	height: 16px;
	float: left;
	font-family:arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;
	background-color: #fff !important; }
.contact .error {
	color: #d10000;
	font-size: 10px;
	font-weight: bold;
	background-image: url(../../images/front/exclamation.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	float: left;
	margin-left: 10px;
	padding-left: 20px; }

.clear{ clear:both; height:0px; overflow:hidden;}

.contact input, .contact textarea {
	font-family:arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#121212;
	background-color: #fff;
	width:350px;
	float: left;
	padding-right: 2px;
	padding-left: 6px;
	border: solid 1px #cfcfcf; }


.default {
	color:         #7a7a7a;
	font-size:     12px;
	font-family:   arial;
	line-height:   18px;
	margin-top:    5px;
	margin-left:   5px;
	width:         790px; }
.default li {
	padding-left: 15px;
	list-style-type: square;
	list-style-position: inside; }
.default_h1 {	
	color:               #9e9e9e;
	font-size:           15px;
	font-family:         "trebuchet ms", tahoma, arial;
	font-weight:         bold;
	line-height:         20px;
	background-image:    url(../../images/front/bg_h0.gif);
	background-repeat:   no-repeat;
	background-position: 0 4px;
	margin-left:         5px;
	width:               790px;
	height:              23px;
	clear:               both; }

#project_listing, items_listing {
	position: relative;
	width: 790px;
	float: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px; }
	
#project_listing h3 {
	color: #1d1d1d;
	font-size: 17px;
	font-family: "trebuchet ms", tahoma;
	font-weight: normal;
	line-height: 22px;
	text-decoration: none;
	margin-top: 10px; }
	
#project_listing h3 a{
	color: #a42e2e;
	font-size: 17px !important;
	font-family: "trebuchet ms", tahoma;
	font-weight: normal;
	line-height: 22px;
	text-decoration: underline;
	margin-top: 10px; }
	
#items_listing h3 {
	color: #1d1d1d;
	font-size: 12px;
	font-family: "trebuchet ms", tahoma;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	margin-top: 10px; }
h1, h2, h3  {
	line-height: 20px; }

#project_listing .row, items_listing .row{
	color: #676767;
	font-size: 12px;
	line-height: 15px;
	background-color: #f8f6f6;
	position: relative;
	width: 790px;
	float: left;
	clear: both;
	margin-bottom: 3px;
	margin-left: 5px;
	border-top: 1px solid #e6e6e6; }

#project_listing .row img, items_listing .row img {
	background-color: #fff;
	float: left;
	margin: 5px 20px 5px 5px;
	padding: 5px;
	border: solid 1px #c4c4c4; }

/*footer
*/
.footer {
	color: #333;
	background: #f3f3f3 url(../../images/front/bg_footer.gif) repeat-x;
	height: 132px;
	clear: left;
	padding-top: 10px; }
.footer a {
	color: #060606 !important;
	font-size: 12px; }
.footer_menu li a {	color:     #060606 !important;
	font-size: 12px !important; }
.footer_bl a {
	font-size: 11px; }
#footer_wrapper {
	margin: 0 auto;
	width:  800px;
	border-width: 0; }
.footer_bl {
	font-size: 11px;
	line-height: 22px;
	position: relative;
	width: 254px;
	height: 130px;
	overflow: hidden;
	float: left;
	clear: none;
	margin-right: 12px; }

.footer_bl h3 {
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	margin-top: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #d0cecf;
	display: block; }
/******** Clear Fix ************/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}
/*******************************/
/*****    Common classes    ****/
/*******************************/
.pager {
	clear: both;
	padding: 10px 5px;
	_padding: 5px 5px 10px 5px;
  border-top: 2px solid #d2d2d2;
}
.pager li {
	float: left;
	border-left: 1px solid #ffd6d2;
}
.pager li, .pager li a {
	display: block;
	width: 16px;
	text-align: center;
}
.pager li a {
	text-decoration: none;
}
.pager li.last {
	float: left;
	border-right: 1px solid #ffd6d2;
}
.pager li.next, .pager li.next a {
	width: auto;
	margin-left: 5px;
	font-size: 12px;
	border: none;
}
.pager li.next span, .pager li.next a span {
	font-size: 8px;
	font-weight: bold;
	vertical-align: middle;
}
.pager li.selected {
	background: #e92113;
	color: #fff;
}
span.clear {
	clear: both;
	display: block;
	width: 100%;
	font-size: 0;
	line-height: 0;
}
span.border_1 {
	height: 19px;
	background: url(../../images/front/border_1.gif) no-repeat center top;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
/*******************************/
/*****    MENU navaigation  ****/
/*******************************/
#hor_nav{
	width: 800px;
	color: #333;
	background-image: url(../../images/front/bg_nav_entw.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right 6px;
	margin: 0;
	height: 37px;
	padding-top: 0; }
}
#hor_nav img{
	display:block;
	float:left;
}
#hor_nav a{
	height: 32px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent: -1000px;
}
#hor_nav a:hover, .selected{
	background-position: 0px -32px;
}
#hor_nav a.projekte{
	width:94px;
	background-image:url(../../images/front/projekte_butt.gif);
	background-repeat:no-repeat;
}
#hor_nav a.miete{
	width:72px;
	background-image:url(../../images/front/miete_butt.gif);
	background-repeat:no-repeat;
}
#hor_nav a.eigentum{
	width:96px;
	background-image:url(../../images/front/eigentum_butt.gif);
	background-repeat:no-repeat;
}
#hor_nav a.vorsorge{
	width:96px;
	background-image:url(../../images/front/vorsorge_butt.gif);
	background-repeat:no-repeat;
}
#hor_nav a.referenzen{
	width:108px;
	background-image:url(../../images/front/referenzen_butt.gif);
	background-repeat:no-repeat;
}

#hor_nav a.projekte_selected{
	width:94px;
	background-image:url(../../images/front/projekte_butt.gif);
	background-repeat:no-repeat;
	background-position: 0px -32px;
}
#hor_nav a.miete_selected{
	width:72px;
	background-image:url(../../images/front/miete_butt.gif);
	background-repeat:no-repeat;
	background-position: 0px -32px;
}
#hor_nav a.eigentum_selected{
	width:96px;
	background-image:url(../../images/front/eigentum_butt.gif);
	background-repeat:no-repeat;
	background-position: 0px -32px;
}
#hor_nav a.vorsorge_selected{
	width:96px;
	background-image:url(../../images/front/vorsorge_butt.gif);
	background-repeat:no-repeat;
	background-position: 0px -32px;
}
#hor_nav a.referenzen_selected{
	width:108px;
	background-image:url(../../images/front/referenzen_butt.gif);
	background-repeat:no-repeat;
	background-position: 0px -32px;
}


/* STANDARD */
button{
	display:block;
	margin:0 15px 5px;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#529214;
	background-color: #fff;
	float: right;
	clear: both;
	cursor:pointer;
	padding:5px 9px 15px;
	border-color: #787878 #222 #222 #787878;
	border-style: solid;
	border-width: 1px; /* Links */
}
button[type]{
    padding:5px 9px; /* Firefox */
    line-height:17px; /* Safari */
}
button img, .button a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
button:hover
{
	background-color:#e6efc2;
	color:#529214;
	font-weight: bold;
	text-decoration: none;
	border-width: 1px; }
.buttons a:active, .butts a:active
{
    background-color:#a9c98a;
    border:solid 1px #529214;
    color:#fff;
}

/* tables */
.pagedisplay {
	font-size: 13px;
	font-family: Arial;
	background-color: #fff;
	width: 30px;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 10px;
	border-top-width: 1px;
	border-left-width: 1px; }
.pagesize {
	font-size: 13px;
	font-family: Arial;
	background-color: #fff;
	width: 50px;
	margin-right: 5px;
	margin-left: 5px; }
table.tablesorter {
	font-family:arial;
	margin:10px 0 15px;
	font-size: 9pt;
	background-color: #ededed;
	background-image: url(../../images/front/bg_thsort.gif);
	background-repeat: repeat-x;
	background-position: 0 1px;
	width: 100%;
	text-align: left; }
table.tablesorter thead tr th {
	font-size: 10px;
	line-height: 18px;
	background-repeat: repeat-x;
	padding-left: 5px;
	border-left: 1px solid #e0e0e0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0; }
	
table.tablesorter tfoot tr th {
}
	
table.tablesorter thead tr .header {
	background-image: url(../../images/front/bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-left: 5px;
	cursor: pointer; }
table.tablesorter tbody td {
	color: #3d3d3d;
	font-size: 11px;
	line-height: 15px;
	background-color: #fff;
	vertical-align: top;
	padding: 4px 4px 4px 5px;
	border-color: #e6e6e6; }
table.tablesorter tbody tr.odd td {
	background-color:#f8f8f8; }
table.tablesorter thead tr .headerSortUp {
	background-image: url(../../images/front/asc.gif); }
table.tablesorter thead tr .headerSortDown {
	background-image: url(../../images/front/desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #e0e0e0;
	padding-left: 5px; }