/*
 * copyright	Copyright (C) 2005 - 2008 Sascha Eggenberger. Alle Rechte vorbehalten.
 * creator	Sascha Eggenberger (web: www.saschaeggenberger.com / mail: info@saschaeggenberger.com)
*/

body {
	font: 10.5px Verdana, Nimbus, Arial, Sans-Serif;
	font-weight: normal;
	color: #555;
	line-height: 1.5;
	text-align: left;
	margin: 0 0 0 60px;
	padding: 0px; /*fixed*/
}
img {
	border: none;
	text-align: center;
	margin-right: 15px;
}
a {
	color: #131414; /*77d4f9*/ /*bbeefe*/ /*8dcce*/ /*87c9ff*/
	text-decoration: none;
}
a:focus { outline: none; }
a:hover { color: #fff; }
a:focus { outline: none; }
a:hover img {
}
h1 { font: 14px Arial, Nimbus, Verdana, Sans-Serif; letter-spacing: -0.1pt; margin: 0 0 10px 0; padding: 0px; }




p.feats { float: left; margin: 5px 0 0 0; }
p.feats span { float: left; font: 16px Arial, Nimbus, Verdana, Sans-Serif; letter-spacing: -0.2pt; padding: 10px; background: #8dbb0d; -moz-border-radius: 3px; -webkit-border-radius: 3px; /*background: transparent url(../../images/transparent.png);*/ }
p.feats span { margin: 0 5px 0 0; /*margin: 14px 0 2px 0;*/ }
/*p.feats a:visited span { text-decoration: line-through; }*/
p.feats a span.nopage { cursor: default; }
p.feats span { color: #131414; }
p.feats a:hover span { color: #fff }

p.feats span.hl, p.feats a:hover span.hl { float: none; color: #39a0bf; padding: 0px; margin: 0px; }
p.feats span.hz, p.feats a:hover span.hz { float: none; color: #bd1e1e; padding: 0px; margin: 0px; }

h1, h2, b { color: #eee; }
h2 { font: 14pt Arial, Nimbus, Verdana, Sans-Serif; color: #777; letter-spacing: -0.2pt; margin: 0px; }
h3 {
	font: 30pt Arial, Nimbus, Verdana, Sans-Serif;
	color: #131414;
	letter-spacing: -1.2pt;
}
p.date {
	color: #000000;
}

table, tr, td { padding: 0px; margin: 0px; vertical-align: top; }
span.hl { color: #39a0bf; /*87c9ff*/ background: none; }
span.hz { color: #bd1e1e; background: none; }

/*ul { list-style-type: none; }
li { padding: 0px; line-height: 1.5; }*/

div.hr { width: 100%; height: 2px; margin: 20px 0; border: none; background: url(../../images/line.gif) repeat-x; }

#page, #header-text, #header-text h3 { width: 990px; }
#logo {
	width: 257px;
	height: 138px;
	margin: 0 0 50px 0;
}
#logo h1 {
	width: 257px;
	height: 138px;
	background: url(../../images/logo.png) no-repeat bottom left !important;
	cursor: help;
	position: relative;
	top: 20px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(logo.png);
}
#logo h1 span { display: none; }
#header-text, #header-text h3 { width: 900px; margin: 0 0 0px 0; }
#header-text {
	height: 350px;
	background: url(../../images/fotoheadroma.jpg) no-repeat;
}
#header-text h3 { display: none; }
#work-int {
	width: 900px;
	margin-top: 5px;
}
#work { height: 15px; background: url(../../images/work.gif) no-repeat; }

.line { width: 60px; padding: 0 40px 0 0; background: url(../../images/line.gif) no-repeat; }
.pr { width: 220px; height: 165px; border: 8px solid #131313; }
.box { float: left; width: 220px; margin: 0 30px 40px 0; }
.box-text { float: left; width: 220px; margin: 0 40px 0 0; }

.div-line { float: left; width: 10px; margin: 0 20px 0 0; background: url(../../images/line.gif) no-repeat; }
.div-box { float: left; margin: 0 0 40px 0; }
.div-box p {
	margin: 0 0 3px 0;
	padding: 0px;
}
.space {
	margin-bottom: 40px;
	margin-top: 40px;
}
.clear { clear: both; }
.autor { text-align: left; border: 4px solid #131313; margin: 3px 10px 0 0; }
#copyright { float: left; width: 220px; height: 8px; background: url(../../images/copyright.gif) no-repeat; margin: 0 0 40px 0; }
#scroll-on { float: right; position: relative; right: 65px; color: #444; margin: 0 0 40px 0; }
#scroll-on a:hover img { border: none; }
#scroll-on a { color: #666; }
.normal { color: #666; }
a.noborder img, a:hover.noborder { border: none; }

.right { float: right; margin: 0 5px 25px 0; }

.big, .div-box p.big {
	width: 750px;
}
ul, li { padding: 0px; margin: 0px; }
ul, ul.blog { margin: 10px 0 20px 0; }
ul li, ul.blog li { list-style-type: circle; list-style-position: outside; }
.dark { color: #777; }

.no-color a, .no-color a:hover { color: #555; }