/* COPYRIGHT 2008 Sebastian Dominik Schoendorfer */
/* DO NOT USE WITHOUT PERMISSION */

/* BODY */

body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	background-color: #fff;
	/*background-image: url(images/china_flag.png);
	background-repeat: no-repeat;*/
	width: 980px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

div.clearboth {
	clear:both; height:1px;font-size:1px;line-height:1px;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

/* HEADER */

#header {
	width: 810px;
	/*width: 980px;*/
	height: 113px;
	background-color: #FFFFFF;
	position: fixed;
	z-index: 1000;
	top: 0px;
}

/* ONLY Internet Explorer 7 */
*+html #header {  
	height: 113px;
	position: fixed;
	left: 20px;
}

/* ONLY Internet Explorer 6 */
* html #header {  
	height: 113px;
	position: absolute;
	left: 20px;
}

div.redbox {
	position: relative;
	display: block;
	background-color: #CC0000;
	line-height:8px;
	font-size:8px;
	height: 8px;
	width: 20px;}

#redbox {
	position: relative;
	display: block;
	background-color: #CC0000;
	height: 8px;
	width: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}


#redbox_first {
	margin-top: 10px;
	margin-bottom: 5px;
}

.header_title {
	margin-top: 5px;
	margin-bottom: 0px;
}

.header_title a {
	display: block;
	height: 22px;
	width: 330px;
	background-color: #000000;
	background-image:url(images/header_title.png);
	background-repeat: no-repeat;
}

.header_title a:hover {
	background-image:url(images/header_title_hover.png);
}

.header_subtitle {
	margin-top: 0px;
	margin-bottom: 5px;
}

.header_subtitle a {
	display: block;
	height: 22px;
	width: 421px;
	background-color: #000000;
	background-image: url(images/header_subtitle.png);
	background-repeat: no-repeat;
}

.header_subtitle a:hover {
	background-image: url(images/header_subtitle_hover.png);
}

#saywee {
	position: absolute;
	left: 474px;
	top: 0px;
}
.saywee_button {
	margin-top: 10px;
	margin-left: 10px;
}

.saywee_button a {
	display: block;
	width: 78px;
	height: 70px;
	background-image: url(images/btn_saywee.png);
	background-repeat: no-repeat;
}

.saywee_button a:hover {
	background-image: url(images/btn_saywee_hover.png);
}

/* NAVIGATION */

#navigation_container {
	position: fixed;
	left: 20px;
	top: 95px;
	z-index: 2000;
}

/* ONLY Internet Explorer 6 */
* html #navigation_container {  
	position: absolute;
}

#navigation {
	top: 0px;
	width: 110px;
}

.navigation_portfolio, .navigation_profile {
	margin-top: 0px;
	margin-bottom: 10px;
}

.navigation_contact {
	margin-top: 0px;
	margin-bottom: 0px;
}

.navigation_portfolio a {
	display: block;
	height: 22px;
	width: 89px;
	background-color: #000000;
	background-image: url(images/btn_portfolio.png);
	background-repeat: no-repeat;
}

.navigation_portfolio a:hover {
	width: 110px;
	background-image: url(images/btn_navigation_hover.png);
}

.navigation_profile a {
	display: block;
	height: 22px;
	width: 60px;
	background-color: #000000;
	background-image: url(images/btn_profile.png);
	background-repeat: no-repeat;
}

.navigation_profile a:hover {
	width: 110px;
	background-image: url(images/btn_navigation_hover.png);
}

.navigation_contact a {
	display: block;
	height: 22px;
	width: 76px;
	background-color: #000000;
	background-image: url(images/btn_contact.png);
	background-repeat: no-repeat;
}

.navigation_contact a:hover {
	width: 110px;
	background-image: url(images/btn_navigation_hover.png);
}

/* PORTFOLIO/PROFILE/CONTACT SITES */

.navigation_portfolio_site, .navigation_profile_site {
	margin-top: 0px;
	margin-bottom: 10px;
}

.navigation_contact_site {
	margin-top: 0px;
	margin-bottom: 0px;
}

.navigation_portfolio_site a {
	display: block;
	height: 22px;
	width: 110px;
	background-color: #000000;
	background-image: url(images/btn_portfolio.png);
	background-repeat: no-repeat;
}

.navigation_portfolio_site a:hover {
	width: 110px;
	background-image: url(images/btn_navigation_hover.png);
}

.navigation_profile_site a {
	display: block;
	height: 22px;
	width: 110px;
	background-color: #000000;
	background-image: url(images/btn_profile.png);
	background-repeat: no-repeat;
}

.navigation_profile_site a:hover {
	width: 110px;
	background-image: url(images/btn_navigation_hover.png);
}

.navigation_contact_site a {
	display: block;
	height: 22px;
	width: 110px;
	background-color: #000000;
	background-image: url(images/btn_contact.png);
	background-repeat: no-repeat;
}

.navigation_contact_site a:hover {
	width: 110px;
	background-image: url(images/btn_navigation_hover.png);
}

/* PORTFOLIO SITE PROJECTS THUMBS */

#project_container {
	position: relative;
	top: 96px;
	width: 700px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 90px;
}

/* ONLY Internet Explorer 7 */
*+html #project_container {  
	top: 95px;
}

/* ONLY Internet Explorer 6 */
* html #project_container {  
	top: 95px;
}

/* ONLY Internet Explorer 6 */
* html #project_container_extra {  
	top: 114px;
}

.project_list {
	list-style: none;
}

.project_list li {
	display: inline;
	float: left;
	margin-right: 16px;
	position: relative;
}

#project_picture_thumb {
	background-color: #000000;
	width: 200px;
	height: 200px;
	border: 2px solid #CCCCCC;
	margin-bottom: 16px;
}


#project_picture_thumb:hover {
	border: 2px solid #000000;
}

#project_picture_thumb:visited {
	border: 2px solid #000000;
}

a .project_picture_balken_number, 
a .project_picture_balken_title,
a .project_picture_balken_genre,
a .project_picture_balken_client,
a .project_picture_balken_date {
	visibility:hidden;
}

a:hover .project_picture_balken_number, 
a:hover .project_picture_balken_title,
a:hover .project_picture_balken_genre,
a:hover .project_picture_balken_client,
a:hover .project_picture_balken_date {
	text-decoration: none;	
	visibility:visible;
}

.project_picture_balken_number, 
.project_picture_balken_title,
.project_picture_balken_genre,
.project_picture_balken_client,
.project_picture_balken_date {
	position: absolute;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin:0;
	height: 14px;
	cursor: pointer;
	}
	
.project_picture_balken_number {
	top: 0px;
}
	
.project_picture_balken_title {
	top: 22px;
}
	
.project_picture_balken_genre {
	top: 44px;
}
	
.project_picture_balken_client {
	top: 66px;
}
	
.project_picture_balken_date {
	top: 88px;
}
	
/* ONLY Internet Explorer 7 */
*+html .project_picture_balken_number, 
*+html .project_picture_balken_title,
*+html .project_picture_balken_genre,
*+html .project_picture_balken_client,
*+html .project_picture_balken_date {
	left: 0px;
	text-decoration: none;
}
	
/* ONLY Internet Explorer 6 */
* html .project_picture_balken_number, 
* html .project_picture_balken_title,
* html .project_picture_balken_genre,
* html .project_picture_balken_client,
* html .project_picture_balken_date {
	left: 0px;
	visibility: visible;
	text-decoration: none;
}

* html #project_picture_thumb {
	border: 2px solid #000000;
}
	
/* PORTFOLIO SITE PROJECTS BLOWUPS */

img.project_picture_blowup_border {
	border:2px solid #000;
}

#project_picture_blowup {
	background-color: #000000;
	width: 420px;
	margin-bottom: 20px;
	border: 2px solid #000000;
}

#project_picture_blowup_wohnungssuche {
	background-color: #000000;
	width: 420px;
	margin-bottom: 20px;
}

#project_picture_blowup_small {
	background-color: #000000;
	margin-bottom: 20px;
	margin-right: 16px;
	border: 2px solid #000000;
	float: left;
	display: inline;
}

#project_picture_blowup_balken {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
}

.project_picture_blowup_balken_number, 
.project_picture_blowup_balken_title,
.project_picture_blowup_balken_genre,
.project_picture_blowup_balken_client,
.project_picture_blowup_balken_date {
	position: absolute;
	left: 444px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin:0;
	height: 14px;
}

.project_picture_blowup_small_balken_number {
	position: absolute;
	left: 220px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin:0;
	height: 14px;
}

.project_picture_blowup_balken_previous,
.project_picture_blowup_balken_next {
	position: absolute;
	left: 444px;
	background-color: #000000;
	margin:0;
	height: 22px;
	width: 22px;
	background-image:url(images/btn_hover.png);
}

.project_picture_blowup_balken_previous a {
	display: block;
	background-image:url(images/btn_previous.png);
	height: 22px;
	width: 22px;
}

.project_picture_blowup_balken_next a {
	display: block;
	background-image:url(images/btn_next.png);
	height: 22px;
	width: 22px;
}

.project_picture_blowup_balken_previous a:hover,
.project_picture_blowup_balken_next a:hover {
	background-image:url(images/btn_hover.png);
}

.project_picture_blowup_balken_number {
	top: 0px;
	left: 0px;
	}
	
.project_picture_blowup_balken_title {
	top: 32px;
	}
	
.project_picture_blowup_balken_genre {
	top: 54px;
	}
	
.project_picture_blowup_balken_client {
	top: 76px;
	}
	
.project_picture_blowup_balken_date {
	top: 98px;
	}
	
.project_picture_blowup_balken_previous {
	top: 0px;
	left: 444px;
	}

.project_picture_blowup_balken_next {
	top: 0px;
	left: 476px;
	}

#project_text {
	position: absolute;
	top: 130px;
	left: 444px;
	width: 204px;
	height: 174px;
}

#project_text_further {
	position: absolute;
	top: 64px;
	left: 444px;
	width: 204px;
	height: 174px;
}

.project_text_content {
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	padding-right: 6px;
	margin: 0;
	margin-bottom: 14px;
}

.project_text_content a {
	text-decoration: none;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}

.project_text_content a:hover {
	text-decoration: none;
	font-size: 10px;
	color: #000000;
	background-color: #000000;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin:0;
}

/* PROFILE */
	
.profile_balken {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin-top: 0px;
	margin-bottom: 9px;
	height: 14px;
	width: 412px;
}
	
/* CONTACT */

.contact_balken_name, 
.contact_balken_adress,
.contact_balken_zipcode, 
.contact_balken_phone {
	position: absolute;
	left: 0px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin:0;
	height: 14px;
}

.contact_balken_web, 
.contact_balken_mail {
	position: absolute;
	left: 0px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	margin:0;
	height: 14px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}	

.contact_balken_name {
	top: 0px;
	}
	
/* .contact_balken_adress {
	top: 32px;
	}
	
.contact_balken_zipcode {
	top: 54px;
	} */
	
.contact_balken_phone {
	top: 32px;
	}
	
.contact_balken_web {
	top: 54px;
	}
	
.contact_balken_mail {
	top: 76px;
	}

.contact_balken_web a,
.contact_balken_mail a {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	margin:0;
	height: 14px;
	}
	
.contact_balken_web a:hover,
.contact_balken_mail a:hover {
	color: #000000;
	}
	
/*img.contact_border {
	border:2px solid #FFFFFF;
}*/
		
.contact_social {
	position: absolute;
	left: 0px;
	top: 88px;
	width: 200;
	height: 52;
}

/* FOOTER */

#footer {
	margin-top: 116px;
	margin-bottom: 10px;
	clear: left;
	}

/* ONLY Internet Explorer 6 */
* html #footer {
	margin-top: 111px;
	margin-bottom: 10px;
	clear: left;
	}
	
* html #footer_portfolio {
	margin-top: 98px;
	margin-bottom: 10px;
	clear: left;
	}
	
* html #footer_profile {
	margin-top: 97px;
	margin-bottom: 10px;
	clear: left;
	}
	
* html #footer_contact {
	margin-top: 118px;
	margin-bottom: 10px;
	clear: left;
	}
	
* html #footer_project {
	margin-top: 94px;
	margin-bottom: 10px;
	clear: left;
	}

/* ONLY Internet Explorer 7 */
*+html #footer {
	margin-top: 111px;
	margin-bottom: 10px;
	clear: left;
	}
	
*+html #footer_portfolio {
	margin-top: 98px;
	margin-bottom: 10px;
	clear: left;
	}
	
*+html #footer_profile {
	margin-top: 97px;
	margin-bottom: 10px;
	clear: left;
	}
	
*+html #footer_contact {
	margin-top: 117px;
	margin-bottom: 10px;
	clear: left;
	}
	
*+html #footer_project {
	margin-top: 94px;
	margin-bottom: 10px;
	clear: left;
	}
	
#footer_portfolio {
	margin-top: 100px;
	margin-bottom: 10px;
	clear: left;
	}
	
#footer_project {
	margin-top: 96px;
	margin-bottom: 10px;
	clear: left;
	}

#footer_profile {
	margin-top: 100px;
	margin-bottom: 10px;
	clear: left;
	}

#footer_contact {
	margin-top: 118px;
	margin-bottom: 10px;
	clear: left;
	}
		
.footer_text {
	margin-top: 5px;
	margin-bottom: 5px;
	height: 14px;
	width: 768px;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}

.footer_text a {
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 14px;
	width: 768px;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 3px;
}