/*  
Stylesheet fuer mike.haufes.net
Version: 1.0
Author: Mike Haufe // mhGrafix
Author URI: http://mhgrafix.com/
Letzte Aenderung: 29.04.2009

*/

@charset "utf-8";
* { /* reset all default values */
	border: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline:none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background:#000000;
	color: #c9e8ff;
	text-align:center;
	font-size: 12px;
	font-weight:normal;
	line-height:1.85em;
}
ul, li { list-style:none; }
h1, h2, h3, h4 {
	font-size:100%;
	font-weight:normal;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
a:link, a:visited { color: #c9e8ff; }
#headerwrap, #welcomewrap, #contentwrap, footerwrap {
	width:100%;
	text-align:center;
}
#header, #welcome, #content, #footer {
	margin: 0 auto;
	width: 940px;
	text-align:left;
}
#headerwrap {
	background:#051117 url(images/bg-header.jpg) bottom repeat-x;
	height:190px;
}
#header { }
#welcomewrap { background:#024268 url(images/bg-welcome.jpg) bottom repeat-x; }
#welcome { padding: 1.5em 0; }
#contentwrap { background:#051117 url(images/bg-content.jpg) top repeat-x; }
#content { padding-bottom:3.5em; }
#footerwrap { background:#000000 url(images/bg-footer.jpg) top repeat-x; }
#footer { }
/* === Positionierung ===== */

.col1, .col2, .col3 { /*290px*/
	float:left;
	overflow:hidden;
}
.col1 {
	width:290px;
	padding-right:10px;
}
.col2 {
	width:280px;
	padding:0 10px;
}
.col3 {
	width:290px;
	padding-left:10px;
}
.col12 { /* 640px */
	width:600px;
	float:left;
	overflow:hidden;
}
/* ========= Formatierungen =========== */

#header h1 {
	text-indent:-9999px;
	background: transparent url(images/head-page.jpg) no-repeat bottom left;
	height:190px;
	width:640px;
}
p { margin-bottom:0.5em; }
p.bigger {
	font-size:1.25em;
	line-height:1.6em;
}
h2 {
	font-size:1.75em;
	padding-bottom:.5em;
	font-weight:normal;
}
#welcome a, #welcome a:visited {
	border-bottom:1px dotted #c9e8ff;
	font-weight:bold;
}
#welcome a:hover { border-bottom:2px solid #c9e8ff; }
#kontakt {
	background:#172b36 url(images/bg-kontakt.jpg) repeat-x top;
	border-left:1px solid #3c6378;
	border-top:1px solid #3c6378;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	padding:1em 1.5em;
}
#kontakt li.name {
	font-size:1.25em;
	font-weight:bold;
}
ul.netzwerke {
	margin:0;
	padding:0;
}
ul.netzwerke li { padding-bottom:.3em; }
ul.netzwerke img {
	float:left;
	padding:2px 10px 0 0px;
}
ul.netzwerke li a {
	display:block;
	border:none !important;
	font-weight:normal !important;
}
ul.netzwerke li a:hover {
	text-decoration:underline;
	border:none;
}
ul.netzwerke li {
	margin-bottom:1.7em;
	line-height:1.2em;
}
/*  Content */

#content h1 {
	text-indent:-9999px;
	background: transparent url(images/head-projekte.jpg) no-repeat;
	height:70px;
	width:300px;
}
h3 {
	font-size:1.5em;
	padding-bottom:.5em;
}
a:hover h3 { text-decoration:underline; }
/* //////////// RSS Bilder /////////////// */

ul.pics { padding-top:1em; }
ul.pics li {
	float:left;
	list-style:none;
	line-height:100%;
	padding:0;
	margin:0;
	margin-right:5px;
	margin-bottom:5px
}
ul.pics a img, ul.picsa:visited img {
	border: 5px solid #c9e8ff;
	width:55px;
	height:55px;
}
ul.pics a:hover img { border: 5px solid #046d9e; }
ul.pgweblog {
	padding-left:2em;
	font-weight:bold;
}
ul.pgweblog li { list-style:square; }
ul.pgweblog li a { display:block; }
ul.pgweblog li a:hover { text-decoration:underline; }
ul.pgweblog li {
	margin-bottom:8px !important;
	line-height:1.5em;
}
/* /////////// Footer ///////////// */

#footer {
	padding:2em 0;
	color:#657480;
	text-align:right;
}
#footer a, #footer a:visited {
	color:#657480;
	font-weight:bold;
	border-bottom:1px dotted #657480;
}
#footer a:hover { border-bottom:2px solid #657480; }