/*	========================================
	
	
	Table of Contents
	-----------------
	
	1. Kalibrierung
	2. Allgemeine Styles
	3. Styles für Layoutbereiche
	4. Sonstige Styles	
	
	Colour Pallettes
	----------------
	
	- CI Red: #811418
	
	========================================  */


/*
	1. Kalibrierung
	========================================
*/


* {
	border:				0px none;
	margin:				0pt;
	padding:			0pt;
}

body {
	font-family:		"Lucida Sans Unicode","Lucida Sans","Lucida Grande",verdana,arial,helvetica;
	font-size:			11px;
	background:   		#a6b5c0 url(../img/background.gif) repeat-x;
	color:				#ccc;
}

html {
	height:				100%;
	margin-bottom:		0.01em;
}

ul, ol {
	list-style-type:	none;
}

a, a:visited {
	text-decoration:	none;
	outline:			none;
	color:				#811418;
}

a:hover {
	color:				#fff;
}

p {
	line-height:		20px;
	padding:			0px 0px 20px 0px;
}

.hide {
	display:			none;
}

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

/*
	2. Allgemeine Styles
	=================================================
*/

/*
	3. Layout Styles
	=================================================
*/

h1 {
	text-transform:	uppercase;
	color:			#111;
	font-size:		14px;
	font-weight:	normal;
}

img.logo {
	float: left;
	margin: 			10px;
}

div.main {
	height:					164px;
	margin-top:				10%;
	background-color:		#fff;
	color:					#666;
}
	div.main div.inner {
		width:					800px;
	}
	
	div.main div.skills {
		float: 					left;
		width:					450px;
		margin-top:				30px;
	}
	
		div.main div.skills ul {
			float:					left;
			width:					150px;
		}
		
		div.main div.skills ul li {
				padding: 0;
				margin: 0;
				line-height: 17px;
		}
	
	div.main div.about {
		margin-top:				30px;
		float:					left;
	}
	
	div.main div.inner a:hover {
		color:					#999;
	}
	
div#favorites {
	position:				relative;
	overflow:				hidden;
	height:					0px;
	background:				#333 url(../img/shadow.png) repeat-x;
	width:					100%;
}

	div#favorites div.links h1 {
		color: #fff;
		border-bottom: 1px solid #811418;
		margin: 0 0 10px 0;
	}

	div#favorites div.links {
		position:				absolute;
		left:					160px;
		bottom:					10px;
		float:					left;
		width:					450px;
	}
	
	div#favorites div.links ul {
		float:					left;
		width:					150px;
	}
	
	div#favorites a, div#favorites a:visited {
		color:					#fff;
	}
	
	div#favorites a:hover {
		color:					#811418;
	}
	
	
div.footnotes {
	position:				relative;
	color:					#fff;
	border-top:				10px solid #333;
}

	div#fav_toggle {
		position:				absolute;
		top:					0px;
		left:					10px;
		width:					142px;
		height:					32px;
		cursor:					pointer;
		background:				url(../img/fav_toggle.png) no-repeat;
	}
	
	div#fav_toggle h1 {
		color:					#fff;
		font-weight:			normal;
		margin:					4px 0px 0px 30px;
	}

	div.footnotes ul{
		margin-left:			610px;
		line-height:			20px;
		padding-bottom:			25px;
	}