﻿/* Stylesheet für robert-furlong.com */

/* 	==================================
	1. Kalibrierung und allg. Styles
	================================== */

* {
	font-size: 100%;
	padding: 0; 
	margin: 0;
} 

p, ul, ol { margin-bottom: 8px; }
ul ul { margin-bottom: 0; }
li {	list-style-type: none; list-style-position: inside; }
td { vertical-align: top; padding: 0 10px 2px 0; }
img, a img { border: none; }

html {
	height: 100%;
	background: url(bg_top.png) repeat-x top;
	background-color: #F0F0F0;
}

body {
	height: 100%;
	font-family: Arial, sans-serif;
	font-size: 95%;
	text-align: left;
}

h1 {
	color: #272A2E;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 8px;
	border-bottom: 1px solid #8D130C;
}

h2, h3 {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 8px;
}
h2 {	font-size: 105%; }
h3 { font-size: 100%; }

a {
	text-decoration: none;
	outline: none;
} 
a:link { color: #112C4F; }
a:visited { color: #112C4F; }
a:hover,
a:focus { border-bottom: 1px dotted #112C4F; }
a:active { border-bottom: 1px solid #112C4F; }

.skiplink {
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
.clearing { clear: both;}
.clearing_re { clear: right;}

/* 	==================================
	2. Styles für die Layoutbereiche
	================================== */

#wrapper {
	background-color: transparent;
	width: 955px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -123px;
}
	
#banner {
	color: #052246;
	width: 164px;
	height: 44px;
	float: left;
	padding: 50px 0 30px 0;
}
	#banner h1 {border-bottom: none;}

#navi {
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 95%;
	text-align: left;
	width: 636px;
	float: right;
	margin: 50px 0 0 0;
}

#navi a { color: #F0F0F0;}

	#start #navi01 a,
	#leistungen #navi02 a,
	#portfolioDe #navi03 a,
	#referenzen #navi04 a,
	#uebermich #navi05 a,
	#kontakt #navi06 a,
	#index #navi07 a,
	#services #navi08 a,
	#portfolioEn #navi09 a,
	#references #navi10 a,
	#about #navi11 a,
	#contact #navi12 a {
		color: #F0F0F0;
		border-bottom: 1px solid #F0F0F0;
	}
	#navi a:hover,
	#navi a:focus,
	#navi a:active {
		color: #F0F0F0;
		border-bottom: 1px dotted #F0F0F0;
	}

#text {
	color: #272A2E;
	padding: 50px 0 50px 320px;
}
	#text li {
		list-style-type: square;
	}
	#text a {
		color: #112C4F;
		border-bottom: 1px dotted #112C4F; }
	#text a:hover,
	#text a:focus,
	#text a:active {
		color: #112C4F;
		border-bottom: 1px solid #112C4F;
	}

#footer, #push {	height: 123px;}
#footer {background: #052246 url(bg_bottom.png) repeat-x;}	

#photo {
	text-align: center;
	font-size: 80%;
	width: 164px;
	float: left;
	margin: 50px 0 0 0;
}