/* @override http://cssneustart.de/c/main.css */

@import url("headlines.css");

/*Style Reset*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

:focus{
	outline:0;
}

body{
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Compatil Fact", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#5d5d5d;
	background:#dedede;
}

/*Style Re-Set*/

h2{
	margin:2.25em 0 1.125em 0;
	padding:.0em 0 0em 0;
	font-size:16px;
}

h2, h2 a{
	color:#c8c8c8;
	text-decoration:none;
	text-transform:lowercase;
	border:0;
}

h3, #footer h2{
	margin:2.75em 0 .25em;
	font-size:1em;
	text-transform:uppercase;
	letter-spacing:.3em;
}

p{
	margin:0 0 1.5454em;
}

a{
	color:#13acfb;
	text-decoration:none;
}

a:link{
	color:#13acfb;
	text-decoration:underline;
}

a:visited{
	color:#177baf;
}

a:focus, a:hover{
	background:#fff;
	color:#13acfb;
	text-decoration:none;
}

a:focus *, a:hover *{
	color:#13acfb;
}

a:active{
	background:#fff;
	color:#13acfb;
}

img{
	border:0;
}

table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-bottom:3px double #dedede;
}

table caption{
	display:none;
}

td,
th{
	padding:.3em .5em;
	border:solid #dedede;
	border-width:1px 0;
	text-align:left;
	font-weight:normal;
}

table thead th{
	text-transform:uppercase;
	letter-spacing:.3em;
	font-size:.8em;
	padding:.625em;
	border-bottom:3px double #dedede;
	color:#bfbfbf;
	background:#f5f5f5;
}

table tbody th{
	font-weight:bold;
}

table a:link{
	text-decoration:none;
}

table a:hover{
	text-decoration:underline;
}

table tr.odd th,
table tr.odd td{
	background:#f5f5f5;
}

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

/*Style Replacements*/

h2.rep{
	position:relative;
	overflow:hidden;
	height:18px;
	text-indent:10px;
	margin-left:-10px;
}

h2.rep b{
	position:absolute;
	display:block;
	height:18px;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-image:url(../i/h2.gif);
	background-repeat:no-repeat;
}

.aux{
	display:block;
	overflow:hidden;
	height:0;
}

.c{
	display:block;
	clear:both;
}

acr,
abbr,
.help{
	border-bottom:1px dotted #bfbfbf;
	cursor:help;
}

/* Layout */

#profile{
	position:relative;
	padding:4px 30px 1px;
	background:#adcd2e url(../i/profile.gif) 0 0 repeat-x;
	color:#576425;
}

#login-interact{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.2em;
}

#login-interact.js{
	position:absolute;
	top:0px;
	right:30px;
	width:170px;
	height:20px;
	margin:-5px 0 0;
	display:block;
	background:transparent url(../i/showlogin.png) 0 0 no-repeat;
	color:#fff;
	z-index:9000;
	text-indent:-2000em;
	cursor:pointer;
}

#profile h4{
	width:250px;
	position:relative;
	overflow:hidden;
	height:18px;
	text-indent:-2000em;
	margin-left:-10px;
}

#profile p{
	margin:0;
	padding:0;
}

#profile a{
	color:#576425;
}

#login{
	width:74%;
	margin:0 3% 0 0;
	padding:5px 0;
	float:left;
}

#login h4{
	background:url(../i/h2.gif) 0 -90px no-repeat;
}

#login label{
	display:block;
	margin:0 .5em .5em 0;
	padding:0;
	float:left;
}

#login input{
	margin:0 1em .5em 0;
	float:left;
}

#register{
	width:200px;
	margin:0 0;
	padding:5px 0;
	float:left;
}

#register h4{
	background:url(../i/h2.gif) 0 -108px no-repeat;
}

#wrapper{
	z-index:1;
	position:relative;
}

#header{
	position:relative;
	z-index:10;
	height:115px;
	background:url(../i/header.gif) 0 0 repeat-x;
	margin:0 0 -115px 0;
	padding:0;
}

#header h1,
#header h1 span,
#header h1 a,
#header h1 b{
	display:block;
	overflow:hidden;
	height:82px;
	width:420px;
	line-height:82px;
	margin:0;
	padding:0;
}

#header h1 span,
#header h1 a{
	position:relative;
	overflow:hidden;
	font-size:2em;
	color:#fff;
	text-decoration:none;
	text-indent:30px;
}

#header h1 b{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:url(../i/logo.gif) 0 0;
}

ul#menu{
	display:block;
	overflow:hidden;
	height:33px;
	padding:0 30px;
	background:url(../i/menu.png) 0 0 repeat-x;
}

ul#menu li, #menu li a{
	position:relative;
	display:block;
	list-style-type:none;
	height:33px;
	float:left;
	line-height:22px;
	overflow:hidden;
	background:transparent;
}

ul#menu li.act a{
	background:url(../i/act.png) 50% 0 no-repeat;
}

ul#menu li.act a:hover{
	background:url(../i/act.png) 50% -33px no-repeat;
}

ul#menu li a{
	width:inherit;
	float:none;
}

ul#menu li a span{
	display:block;
	overflow:hidden;
	height:22px;
}

ul#menu li b{
	position:absolute;
	display:block;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:22px;
	cursor:pointer;
}

/* Menu Replacements */

ul#menu li#m-startseite,
ul#menu li#m-startseite a b{
	width:86px;
}

ul#menu li#m-startseite a b{
	background:url(../i/menu.a.gif) 0 0 no-repeat;
}

ul#menu li#m-startseite:hover a b,
ul#menu li#m-startseite a:hover b{
	background:url(../i/menu.a.gif) 0 -22px no-repeat;
}

ul#menu li#m-startseite a:active b{
	background:url(../i/menu.a.gif) 0 -44px no-repeat;
}

ul#menu li#m-galerie,
ul#menu li#m-galerie a b{
	width:70px;
}

ul#menu li#m-galerie a b{
	background:url(../i/menu.a.gif) -86px 0 no-repeat;
}

ul#menu li#m-galerie:hover a b,
ul#menu li#m-galerie a:hover b{
	background:url(../i/menu.a.gif) -86px -22px no-repeat;
}

ul#menu li#m-galerie a:active b{
	background:url(../i/menu.a.gif) -86px -44px no-repeat;
}

ul#menu li#m-blog,
ul#menu li#m-blog a b{
	width:54px;
}

ul#menu li#m-blog a b{
	background:url(../i/menu.a.gif) -156px 0 no-repeat;
}

ul#menu li#m-blog:hover a b,
ul#menu li#m-blog a:hover b{
	background:url(../i/menu.a.gif) -156px -22px no-repeat;
}

ul#menu li#m-blog a:active b{
	background:url(../i/menu.a.gif) -156px -44px no-repeat;
}

ul#menu li#m-projekt,
ul#menu li#m-projekt a b{
	width:93px;
}

ul#menu li#m-projekt a b{
	background:url(../i/menu.a.gif) -210px 0 no-repeat;
}

ul#menu li#m-projekt:hover a b,
ul#menu li#m-projekt a:hover b{
	background:url(../i/menu.a.gif) -210px -22px no-repeat;
}

ul#menu li#m-projekt a:active b{
	background:url(../i/menu.a.gif) -210px -44px no-repeat;
}

ul#menu li#m-mein-neustart,
ul#menu li#m-mein-neustart a b{
	width:108px;
}

ul#menu li#m-mein-neustart a b{
	background:url(../i/menu.a.gif) -303px 0 no-repeat;
}

ul#menu li#m-mein-neustart:hover a b,
ul#menu li#m-mein-neustart a:hover b{
	background:url(../i/menu.a.gif) -303px -22px no-repeat;
}

ul#menu li#m-mein-neustart a:active b{
	background:url(../i/menu.a.gif) -303px -44px no-repeat;
}

ul#menu li#m-die-neustarter,
ul#menu li#m-die-neustarter a b{
	width:111px;
}

ul#menu li#m-die-neustarter a b{
	background:url(../i/menu.a.gif) -411px 0 no-repeat;
}

ul#menu li#m-die-neustarter:hover a b,
ul#menu li#m-die-neustarter a:hover b{
	background:url(../i/menu.a.gif) -411px -22px no-repeat;
}

ul#menu li#m-die-neustarter a:active b{
	background:url(../i/menu.a.gif) -411px -44px no-repeat;
}

ul#menu li#m-links,
ul#menu li#m-links a b{
	width:56px;
}

ul#menu li#m-links a b{
	background:url(../i/menu.a.gif) -522px 0 no-repeat;
}

ul#menu li#m-links:hover a b,
ul#menu li#m-links a:hover b{
	background:url(../i/menu.a.gif) -522px -22px no-repeat;
}

ul#menu li#m-links a:active b{
	background:url(../i/menu.a.gif) -522px -44px no-repeat;
}

#site{
	float:none;
	clear:both;
	padding:85px 0 30px 30px;
	background:#fafafa;
	border-bottom:1px solid #e4e4e4;
}

.col,
.col-w,
.col-m,
.col-s, 
.col-n,
.col-xw{
	float:left;
	padding:3px 0 0 0;
}

.col{
	width:45%;
	margin:0 30px 0 0;
}

.col-x{
	clear:both;
	margin:0 3% 0 0;
	padding:3px 0 0 0;
}

.col-w{
	width:42%;
	min-width:434px;
	max-width:600px;
	margin:0 3% 0 0;
}

.col-xw{
	width:59%;
	margin:0 3% 0 0;
}

.col-m{
	width:35%;
	margin:0 3% 0 0;
}

.col-s{
	width:24%;
	min-width:240px;
	max-width:350px;
	margin:0 3% 0 0;
	padding:0;
	background:#f8f8f8 url(../i/col-s.left.gif) 0% 100% no-repeat;
}

.col-s div.i{
	padding:3px 30px 0;
	background:url(../i/col-s.right.gif) 100% 100% no-repeat;
}

.col-s div.i p.end{
	margin:0;
	padding:0 0 13px;
}

.col-n{
	margin:0;
	width:200px;
}

a.rss,a.rss b{
	position:relative;
	display:block;
	overflow:hidden;
	float:right;
	height:16px;
	width:30px;
	color:#c4e63b;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

a.rss b{
	position:absolute;
	float:none;
	background:url(../i/rss.s.gif) 0 0 no-repeat;
}

html body ul li.pagination{
	width:auto;
	clear:both;
	margin:0;
	background:none;
	float:none;
	padding:0 0 1em 0;
}

html body ul li.pagination a, 
html body ul li.pagination b{
	display:inline;
	width:auto;
	height:1.7em;
	border:1px solid #ddd;
	background:#f0f0f0;
	padding:.3em .6em;
	color:#777;
	text-decoration:none;
}

html body ul li.pagination b{
	background:#13acfb;
	color:#fff;
	border:1px solid #177baf;
}

html body ul li.pagination a:hover{
	background-color:#13acfb;
	color:#fff;
}

#footer{
	padding:1px 30px;
	background:url(../i/footer.gif) 0 0 repeat-x;
}

#footer div.col-w{
	padding:0;
}

#footer p.sosumi{
	position:relative;
	width:200px;
	margin:0;
	padding:20px 0 .25em;
	float:right;
	background: transparent;
}

#footer h2{
	margin-top:20px;
	color:#5d5d5d;
	font-size:1em;
	text-decoration:underline;
	text-transform:uppercase;
}

#footer .sosumi a{
	display:block;
	height:auto;
	color:#5d5d5d;
	text-align:right;
	background:transparent;
}

#footer .sosumi a:hover{
	color:#13acfb;
}