@charset "utf-8";

/* ====== == = copyright by renekreupl.de 2010 = == ===== */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7f7d72;
	line-height: 150%;
	background: url(images/grundge.jpg) center 0 no-repeat #f0f1ec;
}

/* = = = = = = = = = = ALLGEMEINE DEFINITIONEN S T A R T = = = = = = = = = = */
a:link, a:visited { text-decoration: none; 	color: #609FB4; }
a:hover, a:active { text-decoration: none;	color: #7f7d72; }
a:focus { outline: none; }
a img {	border: none; }

ul { margin : 0; padding : 0; }
li { padding : 0 0 4px 0; }

table {	font-family: Arial, Helvetica, sans-serif; font-size : 12px; border-collapse : collapse; }
p { margin: 0; padding : 0 0 20px 0; }
hr { height : 0; border-top: 0; border-bottom: 1px dotted #E7E7E7; }
form, fieldset { margin: 0; padding: 0; border: none; }

h1 { margin: 0 0 18px 0; padding: 0; font-size: 22px; font-weight: normal; color: #7f7d72; line-height: 150%; }
h2 { margin: 0;	font-size : 16px; font-weight: normal; color: #7f7d72; }
h3 { margin: 0 0 8px 0; font-size: 13px; font-weight: normal; }

h1.alone { margin: 0; padding: 0 0 5px 0; }

.clear { clear : both; }
.float { float : left; }
.float_right { float : right; }
.img { border : 1px solid #fff; }
.valign { vertical-align : middle; }
.druck, .adresszeile { display : none; }

/* === === === === === === Grundaufbau === === === === === === */

.line { background: url(images/bg.gif) repeat-x; }
.wrapper { width: 960px; margin: 0 auto; padding: 0 0 30px 0; text-align: left; }

.box {  background: #fff; margin: 0 0 9px 0; }
.box .head { height: 5px; background: url(images/toleft.gif) left 0 no-repeat; }
.box .head div { width: 308px; height: 5px; background: url(images/toright.gif) right 0 no-repeat; float: right; }
.box .main { padding: 5px 25px 0 24px; border-left: 1px solid #e5e4e0; border-right: 1px solid #e5e4e0; }
.box .foot { height: 5px; background: url(images/boleft.gif) left 0 no-repeat; }
.box .foot div { width: 308px; height: 5px; background: url(images/boright.gif) right 0 no-repeat; float: right; }

/* === Header === */
.header { height: 59px; margin: 0 0 40px 0; padding: 2px 0 0 0; }
.header .box .main { height: 54px; padding: 0 0 0 24px; }
.header .box .foot div { width: 425px; }
.header .signet { position: absolute; }
.header .font { margin: 10px 0 0 68px;}

.header .navi { float: right; }
.header .navi ul { margin: 9px 0 0 0; padding: 0; list-style: none; }
.header .navi li { width: 94px; height: 38px; background: url(images/navi.png) 0 0 no-repeat; display: block; float: left;}
.header .navi a { width: 94px; height: 38px; display: block;}
.header .navi a span { display: none; }

.header .navi li.start { background-position: 0 -430px;}
.header .navi li.ueber-uns { background-position: 0 0;}
.header .navi li.portfolio { background-position: 0 -258px;}
.header .navi li.projekte { background-position: 0 -344px;}
.header .navi li.kontakt { background-position: 0 -172px;}
.header .navi li.blog { background-position: 0 -86px;}

.header .navi li.start a:hover,
.header .navi li.start a.aktiv {background: url(images/navi.png) 0 -473px no-repeat;}
.header .navi li.ueber-uns a:hover,
.header .navi li.ueber-uns a.aktiv {background: url(images/navi.png) 0 -43px no-repeat;}
.header .navi li.portfolio a:hover,
.header .navi li.portfolio a.aktiv {background: url(images/navi.png) 0 -301px no-repeat;}
.header .navi li.projekte a:hover,
.header .navi li.projekte a.aktiv {background: url(images/navi.png) 0 -387px no-repeat;}
.header .navi li.kontakt a:hover,
.header .navi li.kontakt a.aktiv {background: url(images/navi.png) 0 -215px no-repeat;}
.header .navi li.blog a:hover,
.header .navi li.blog a.aktiv {background: url(images/navi.png) 0 -129px no-repeat;}

.content { width: 635px; float: left; }

.content.slider { width: 960px; float: none; }
.content.slider .box { margin: 0 0 18px 0; }
.content.slider .box .head div, .content.slider .box .foot div { width: 422px; }
.content.slider .box .main { padding: 2px 6px; position: relative; }
.content.slider .box .main .slidePrev { position: absolute; bottom: 2px; left: 6px; z-index: 50; cursor: pointer; }
.content.slider .box .main .slideNext { position: absolute; bottom: 2px; right: 6px; z-index: 50; cursor: pointer; }

.content .rssfeed { width: 278px; padding: 0 24px 0 24px; float: left; }
.content .rssfeed ul { margin: 0; padding: 0; list-style: none; }
.content .rssfeed ul li { margin: 0; padding: 0; display: inline; }
.content .rssfeed ul li a { display: block; padding: 2px 0 2px 10px; border-bottom: 1px solid #fff; color: #7f7d72; }
.content .rssfeed ul li a:hover { background: #fff; color: #609FB4; }
.content .socialnetwork { width: 278px; padding: 0 7px 10px 14px; border-left: 1px dashed #7F7D72; border-right: 1px dashed #7F7D72; float: left; }
.content .socialnetwork a { padding: 0 10px 0 0; opacity:0.4; filter:alpha(opacity=40); }
.content .aboutme { width: 311px; padding: 0 7px 0 14px; float: left; }
.content .aboutme h1 { font-size: 13px; font-weight: bold; }

.content .item { width: 206px; height: 141px; margin: 0 8px 9px 0; float: left; position: relative; }
.content .item.last { margin: 0 0 9px 1px; }
.content .item .box .head div, .content .item .box .foot div { width: 100px; }
.content .item .box .main { padding: 3px 6px; }
.content .item .box .main .info { width: 91px; height: 19px; padding: 2px 6px 0 0; position: absolute; left: 6px; bottom: 55px; z-index: 50; text-align: right; background: url(images/portfolio-hover.png) no-repeat; }
.content .item .box .main .info h3 a { color: #fff; }	

.sidebar { width: 316px; margin: 0 0 0 9px; float: left;}
.sidebar h3 { margin: 22px 0 24px 0; color: #fff; font-size: 16px; font-weight: bold;}

.sidebar .main .border { margin: 0 3px 3px 0; padding: 1px; border: 1px solid #C3C3C3; float: left; }
.sidebar .main .mask { overflow: hidden; position:relative; }