/* 
	STYLESHEET
	--------------------------------------------------------------
	Media Type: 	Screen
	Copyright:		2007 COMPANY
	Date: 			2007-xx-xx 
		
	XHTML/CSS Conversion by Sevenweb Establishment (www.sevenweb.li)
------------------------------------------------------------------

__________________01. GLOBAL
__________________02. HEADER


------------------------------------------------------------------*/



/* 01. GLOBAL
------------------------------------------------------------------*/
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.2em;
	text-align: center;
	background: #fff url(../images/bg_body.gif);
	color: #7a726f;
}
a img {border:0; text-decoration:none}
* {margin:0; padding:0}

h1, h2, h3 {font-size:16px; line-height:1.2em;}

p {margin:0; padding:0}
ul {list-style:none}

/* Hyperlinks */
a:link {color:#7d9e12; text-decoration:none; font-weight:bold}
a:visited {color:#7d9e12; text-decoration:none; font-weight:bold}
a:hover {color:#1d7523; text-decoration:none; font-weight:bold}
a:active {color:#7d9e12; text-decoration:none; font-weight:bold}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}

.left {float:left}
.right {float:right}
.bold {font-weight:bold}
.green {color:#339933}
address {font-style:normal}



/* 02. CONTAINER
------------------------------------------------------------------*/
#container {
	width: 990px;
	text-align: left;
	margin: 31px auto;
	
}


/* 03. HEADER
------------------------------------------------------------------*/
#header {
background: url(../images/bg_head_bottom.html) bottom no-repeat;
padding-bottom: 12px;
position: relative;
}
h1#logo {
background: url(../images/alive_structures_logo.gif) no-repeat;
height: 42px;
width: 79px;
text-indent: -999em;
margin-left: 8px;
float: left;
}
h1#logo a {display:block; padding-top:7px; height:42px; width:79px; outline:none}

h1#partner_logos3 {
background: url(../images/partner_logos3.gif) no-repeat;
height: 42px;
width: 84px;
text-indent: -999em;
margin-left: 692px;
float: left;
}
h1#partner_logos3 a {display:block; padding-top:7px; height:42px; width:84px; outline:none}

h1#partner_logos2 {
background: url(../images/partner_logos2.gif) no-repeat;
height: 42px;
width: 56px;
text-indent: -999em;
margin-right: 0px;
float: left;
}
h1#partner_logos2 a {display:block; padding-top:7px; height:42px; width:56px; outline:none}

h1#partner_logos1 {
background: url(../images/partner_logos1.gif) no-repeat;
height: 42px;
width: 60px;
text-indent: -999em;
margin-right: 0px;
float: left;
}
h1#partner_logos1 a {display:block; padding-top:7px; height:42px; width:60px; outline:none}


ul#navigation {
position: absolute;
bottom: 12px;
left: 130px;
width: 600px;
}
ul#navigation li {float:left; height:12px; margin-left:20px}
ul#navigation li a {display:block; text-indent:-999em; outline:none}
ul#navigation li#nav_services {margin-left:0}
ul#navigation li#nav_services a {width:66px; height:12px; background: url(../images/navi_services.gif) top no-repeat}
ul#navigation li#nav_services a:hover, ul#navigation li#nav_services a.active {background-position:bottom}
ul#navigation li#nav_projects a {width:68px; height:12px; background: url(../images/navi_projects.gif) top no-repeat}
ul#navigation li#nav_projects a:hover, ul#navigation li#nav_projects a.active {background-position:bottom}
ul#navigation li#nav_products a {width:73px; height:12px; background: url(../images/navi_products.gif) top no-repeat}
ul#navigation li#nav_products a:hover, ul#navigation li#nav_products a.active {background-position:bottom}
ul#navigation li#nav_aboutus a {width:69px; height:12px; background: url(../images/navi_aboutus.gif) top no-repeat}
ul#navigation li#nav_aboutus a:hover, ul#navigation li#nav_aboutus a.active {background-position:bottom}
ul#navigation li#nav_faq a {width:27px; height:12px; background: url(../images/navi_faq.gif) top no-repeat}
ul#navigation li#nav_faq a:hover, ul#navigation li#nav_faq a.active {background-position:bottom}
ul#navigation li#nav_blog a {width:36px; height:12px; background: url(../images/navi_blog.gif) top no-repeat}
ul#navigation li#nav_blog a:hover, ul#navigation li#nav_blog a.active {background-position:bottom}
ul#navigation li#nav_contact a {width:63px; height:12px; background: url(../images/navi_contact.gif) top no-repeat}
ul#navigation li#nav_contact a:hover, ul#navigation li#nav_contact a.active {background-position:bottom}



/* 04. CONTENT
------------------------------------------------------------------*/
#content {
	position: relative;
	height: 533px;
	width: 990px;
}
#slideshow {
	background: url(../images/trans.png);
	width: 113px;
	height: 312px;
	padding: 9px;
	margin: 10px 0;
}
#slideshow #images {margin:-3px 0 0 -3px}
#slideshow #images a {display:block; width:113px; height:83px; padding:3px;}
#slideshow #images a:hover {border:3px solid #7d9e12; width:113px; height:83px; padding:0}

a.scroll_up {background:url(../images/scroll_up.gif) no-repeat; width:114px; height:19px; display:block; text-indent:-999em; margin:0 0 8px 0; padding:0}
a.scroll_down {background:url(../images/scroll_down.gif) no-repeat; width:114px; height:19px; display:block; text-indent:-999em; margin:4px 0 0 0; padding:0}
#images {}
#images img {display:block; margin-bottom:9px}

#show_background {position:absolute; bottom:5px; right:10px; display:block}
#show_background a {font-size:10px; color:#fff; font-weight:normal}


/* 04.1 PROJECTS
------------------------------------------------------------------*/
#left {
	float: left;
	width: 131px;
	margin-top: 85px;
}

#main {
	float: left;
	margin-left: 10px;
	width: 586px;
	margin-top: 10px;
}
#project_image {
	background: url(../images/trans.png);
	padding: 10px;
}
#project_image img {}

#project_description {
	background: url(../images/trans.png);
	margin-top: 10px;
	height: 90px;
	padding: 10px;
}
#project_description h2 {font-size:14px; margin:0 0 6px 0; padding:0}

.navigate {padding:10px 0 3px 7px; height:31px; background:url(../images/trans.png)}

.navigate li.prev_project .nolink {background:url(../images/prev_project.png) left bottom no-repeat; height:13px; width:112px; display:block; text-indent:-999em}
.navigate li.prev_project a {background:url(../images/prev_project.png) left top no-repeat; height:13px; width:112px; display:block; text-indent:-999em}
.navigate li.prev_project a:hover {background:url(../images/prev_project.png) left -13px no-repeat; height:13px; width:112px; display:block}

.navigate li.next_project .nolink {background:url(../images/next_project.png) left bottom no-repeat; height:13px; width:112px; display:block; text-indent:-999em}
.navigate li.next_project a {background:url(../images/next_project.png) left top no-repeat; height:13px; width:112px; display:block; text-indent:-999em}
.navigate li.next_project a:hover {background:url(../images/next_project.png) left -13px no-repeat; height:13px; width:112px; display:block}


.navigate li.prev_image .nolink {background:url(../images/prev_image.png) left bottom no-repeat; height:13px; width:112px; display:block; text-indent:-999em}
.navigate li.prev_image a {background:url(../images/prev_image.png) left top no-repeat; height:13px; width:112px; display:block; text-indent:-999em}
.navigate li.prev_image a:hover {background:url(../images/prev_image.png) left -13px no-repeat; height:13px; width:112px; display:block}

.navigate li.next_image .nolink {background:url(../images/next_image.png) left bottom no-repeat; height:13px; width:112px; display:block; text-indent:-999em}
.navigate li.next_image a {background:url(../images/next_image.png) left top no-repeat; height:13px; width:112px; display:block; text-indent:-999em}
.navigate li.next_image a:hover {background:url(../images/next_image.png) left -13px no-repeat; height:13px; width:112px; display:block}


/* 04.2 TEXT
------------------------------------------------------------------*/
#text_container {
	padding-top:134px;
}
#text_left {
	background: url(../images/trans.png);
	height: 300px;
	width: 417px;
	float: left;
	margin-right: 10px;
	padding: 20px 10px 10px 25px ;
}
#text_left #height {height:271px}
#text_left p {margin-bottom:1em}
#text_left h2.green_wall { text-indent:-999em; margin-bottom:20px; margin-bottom:16px; line-height:23px}

#text_container #slideshow {margin:0 10px 0 0; float:left;}
#text_right {
	height: 310px;
	width: 357px;
	background: url(../images/trans.png);
	padding: 10px;
	text-align: center;
	float: left;
}
#text_right img {margin-bottom:20px}
p#previous_next {font-weight:bold; float:left; margin-top:5px}
p#previous_next a#previous {float:left; background:url(../images/previous.png) left bottom no-repeat; height:13px; width:54px; display:block; text-indent:-999em}
p#previous_next a#previous:hover {background-position:0 -13px}

p#previous_next a#next {float:left; background:url(../images/next.png) left bottom no-repeat; height:11px; width:27px; display:block; text-indent:-999em}
p#previous_next a#next:hover {background-position:0 -11px}
span#spacer {float:left; display:block; font-size:12px; font-weight:bold; margin:-3px 2px 0 2px}
 
p#previous_next span#next {background:url(../images/next.png) no-repeat; height:11px; text-indent:-999em; display:block; width:27px; float:left;}
p#previous_next span#previous {background:url(../images/previous.png) no-repeat; height:13px; text-indent:-999em; display:block; width:54px; float:left;}

p#takealook {float:left; margin-left:70px; margin-top:5px}
a#look_edu {background:url(../images/look_edu.png) left top no-repeat; height:13px; width:244px; display:block; text-indent:-999em; outline:none}
a#look_edu:hover {background-position:left bottom}
a#look_roof {background:url(../images/look_roof.png) left bottom no-repeat; height:14px; width:242px; display:block; text-indent:-999em; outline:none}
a#look_roof:hover {background-position:left top}
a#look_wall {background:url(../images/look_wall.png) left bottom no-repeat; height:14px; width:238px; display:block; text-indent:-999em; outline:none}
a#look_wall:hover {background-position:left top}
a#look_renovation {background:url(../images/look_renovation.png) left bottom no-repeat; height:14px; width:244px; display:block; text-indent:-999em; outline:none}
a#look_renovation:hover {background-position:left top}
a#look_garden {background:url(../images/look_garden.png) left bottom no-repeat; height:14px; width:244px; display:block; text-indent:-999em; outline:none}
a#look_garden:hover {background-position:left top}

p#look_full {margin-top:7px; text-align:left; margin-left:95px}
p#look_full a {background:url(../images/look_full.png) left top no-repeat; height:13px; width:181px; display:block; text-indent:-999em}
p#look_full a:hover {background-position:bottom}


/* 03. FOOTER
------------------------------------------------------------------*/
#footer {
	font-size: 10px;
	color: #bcb8b7;
	margin:10px 8px 0 8px
}
#footer ul {float:left}
#footer li {display:inline}
#footer li a {text-transform:uppercase; margin:0 2px; color:#bcb8b7; font-weight:normal}
#footer #by {float:right}
#footer #by a {color:#bcb8b7; font-weight:bold}


/* 04. KONTAKT - NEU
------------------------------------------------------------------*/
#contact_form label {float:left; width:90px; padding-top:3px}
#contact_form p {margin-bottom:10px}
#contact_form .error p {background:#7d9e12; margin-left:-4px; padding:3px 0 3px 4px; width:285px; float:left}
*+html #contact_form .error, * html #contact_form .error {margin-bottom:10px}
*+html #contact_form .error p, * html #contact_form .error p {padding:2px 0 2px 4px}
#contact_form .error p label {color:#fff}
#contact_form p.error_notice {color:#7d9e12; float:left; padding:5px 0 0 0; margin-left:10px; width:auto; background:none}
*+html #contact_form p.error_notice, * html #contact_form p.error_notice {padding:5px 0 0 0}
#contact_form .clearfix input {border:1px solid #d6d6d6; background:#fff; font-family:Arial, Helvetica, sans-serif; color:#656565; padding:1px 3px; width:184px}
textarea {border:1px solid #d6d6d6; background:#fff; font-family:Arial, Helvetica, sans-serif; color:#656565; }

#contact_form input#strasse {width:132px}
#contact_form input#hausnr {width:40px; margin-left:1px}
#contact_form input#plz {width:40px; margin-right:1px}
#contact_form input#ort {width:132px}
#contact_form select#anrede {width:192px}
#contact_form .kategorien {width:170px}

textarea {font-size: 14px; margin-top:5px; border:1px solid #d6d6d6; width:470px; height:120px; color:#656565; padding:1px 3px;}