@charset "utf-8";

/* @group 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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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 {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a{text-decoration:none;}

/* @end */
/* @group GLOBAL */

body {
	font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    line-height:18px;
	color: #5c5c5c;
    background-color:#ffffff;
}

.ac {
	margin:0px auto;
	width:910px; /* 980 - 35 - 35 */
    padding:0px 35px 0px 35px;
}

.clear {clear:both;}

.col1,
.col3 {
	float: left;
	width: 280px;
}

.col2 {
	float: left;
	width: 280px;
	padding-left: 35px;
	padding-right: 35px;
}

.tcol {
	float: left;
	width: 595px;
}

.bcol {
	float: right;
	width: 280px;
}

.col1 h2 {
	width: 280px;
}

h3 {
	padding-bottom: 0.5em;
	font-weight: bold;
	font-size: 120%;
}


a:hover.readmore,
a:active.readmore {
	color: #ffffff;
	background-color: #b50b28;
}

.nolayout {
	display: none;
}


#backlink {
	background-color: #454545;
}

#backlink .ac {
	background-color: #454545;
}

#backlink a {
	display: block;
	color: #f9f9f9;
	line-height: 30px;
	width: 160px; /* 200 - 10 - 30 */
	padding: 0px 10px;
	padding-left: 30px;
	border-right: 1px solid #151515;
	border-left: 1px solid #717171;
	background: transparent url('http://www.helfen-kostet-nix.de/images/btn_backlink.gif') 10px 48% no-repeat;
}

#backlink a:hover,
#backlink a:active {
	color: #ffffff;
	background-color: #b50b28;	
	border-right: 1px solid #151515;
	border-left: 1px solid #717171;
}

#backlink p {
	display: block;
	width: 200px;
	border-left: 1px solid #151515;
	border-right: 1px solid #717171;
}

.hide {
	display: none;
}

strong {
	font-weight: bold;
}

.nowrap {
	white-space: nowrap;
}

/* @end */

/* @group social-media */


ul.weitersagen {
	height: 30px;
}

ul.weitersagen.post {
	padding-top: 15px;
	clear: both;
}

ul.weitersagen li {
	display: block;
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 10px;
}

ul.weitersagen li a{
	display: block;
	width: 16px;
	height: 16px;
	border: none;
}

ul.weitersagen li a.twitter{
	background: transparent url('http://www.helfen-kostet-nix.de/images/icons/icn_twitter.png') bottom left no-repeat;
}

ul.weitersagen li a.facebook{
	background: transparent url('http://www.helfen-kostet-nix.de/images/icons/icn_facebook.png') bottom left no-repeat;
}

ul.weitersagen li a.buzz{
	background: transparent url('http://www.helfen-kostet-nix.de/images/icons/icn_buzz.png') bottom left no-repeat;
}

ul.weitersagen li a.delicious{
	background: transparent url('http://www.helfen-kostet-nix.de/images/icons/icn_delicious.png') bottom left no-repeat;
}

ul.weitersagen li a.studivz{
	background: transparent url('http://www.helfen-kostet-nix.de/images/icons/icn_studivz.png') bottom left no-repeat;
}

ul.weitersagen li a.mrwong{
	background: transparent url('http://www.helfen-kostet-nix.de/images/icons/icn_mrwong.png') bottom left no-repeat;
}

ul.weitersagen li a.myspace{
	background: transparent url('http://www.helfen-kostet-nix.de/images/icons/icn_myspace.png') bottom left no-repeat;
}


ul.weitersagen li a:hover,
ul.weitersagen li a:active {
	background-position: top left;
}



/* @end */


/* @group header */

#header{background-color:#ffffff;}

#header .ac {
	position: relative;
	background-color:#ffffff;
	padding-top: 20px;
	padding-bottom: 30px;
}

#header .ac .logo {
	position: absolute;
	top: 20px;
	left: 90px;
}

#header .ac .hlogo{
	float: left;
}

#header dl{
	width: 320px;
	padding-left: 315px;
}

#header dl dt {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 21px;
	line-height: 24px;
	color: #7c7c7c;
}
#header dl dd {
	font-size: 11px;
	color: #b50b28;
	padding-bottom: 15px;
}

#header p {
	width: 550px;
	padding-left: 315px;
	font-size: 11pt;
	line-height: 16pt;
}

#header h1 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 32px;
	font-weight: bold;
	color: #b50b28;
	padding-left: 320px;
	padding-top: 21px;
}

/* @end */

/* @group feature */

#feature{
	background-color: #454545;
}

#feature .ac{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #454545;
}

#project {
	position: relative;
	width: 910px;
	background: #f9f9f9 url('http://www.helfen-kostet-nix.de/images/current_project.jpg') top left no-repeat;
}

#project h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 24px;
	font-family: Georgia, Times, "Times New Roman", Serif;
	color: #b50b28;
	padding: 7px 10px;
	width: 575px; /* 595 - 10 - 10 */
}

#project h1 span {
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	color: #454545;
	font-size: 12px;
	line-height: 24px;
}

#project a#prjlb {
	display: block;
	top: 256px;
	left: 5px;
	width: 105px; /* 120 - 10 - 5 */
	height: 30px;
	padding-right: 10px;
	padding-left: 5px;
	line-height: 30px;
	color: #ffffff;
	text-decoration: underline;
	border: 1px solid #ffffff;
	background: #000000 url('http://www.helfen-kostet-nix.de/images/white_arrow.gif') 110px center no-repeat;
	position: absolute;
}

#project div {
	padding-top: 12px;
	padding-left: 620px;
	padding-right: 10px;
	height: 281px; /* 287px - 6 */
}

#project div p {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
}

#project div dl dt {
	font-size: 10px;
}

#project div dl.spendenstand dd {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #B50B28;
}

#project div dl.spendenstand dd.note {
	font-size: 10px;
	line-height: 20px;
	font-weight: bold;
}

#project div dl.spendenstand dd.note .yellow {
	color: #b5970a;
}
#project div dl.spendenstand dd.note .green {
	color: #088a26;
}

#project div dl.spendenstand dd.bar {
	display: block;
	background: transparent url('http://www.helfen-kostet-nix.de/images/progress/progress_bg.png') top left no-repeat;
	line-height: 8px;
	height: 8px;
	width: 266px;
	border: 1px solid #777777;
}

#project div dl.spendenstand dd.bar img {
	display: block;
	float: left;
}

#project div dl.spendenstand {
	padding-bottom: 10px;
}

#project div p.mitmachen a {
	display: block;
	width: 184px; /* 268 - 84 */
	height: 34px; /* 48 - 14 */
	padding: 14px 0px 0px 82px;
	border: 1px solid #a3a3a3;
	background: #f9f9f9 url('http://www.helfen-kostet-nix.de/images/btn_mitmachen.png') top left no-repeat;
	color: #b50b28;
	font-size: 24px;
	font-weight: bold;
}

#hv {
	width: 909px; /* 910 - 1 */
	height: 177px; /* 178 - 1 */
	padding: 1px 0px 0px 1px;
	background: #dedede url('http://www.helfen-kostet-nix.de/images/hv_bg.png') top left repeat-x;
}

#tutorial {
	width: 910px;
	height: 350px;
	background-color: #dedede;
}

/* @end */

/* @group navigation */

#nav {
	background: #454545 url('http://www.helfen-kostet-nix.de/images/nav_border_btm.png') bottom left repeat-x;
}

#nav .ac {
	height:49px;
	background: #454545 url('http://www.helfen-kostet-nix.de/images/nav_border_btm.png') bottom left repeat-x;
}

#nav .ac li{
	float:left;
	height: 49px;
}

#nav .ac li a{
	float:left;
	border-right: 1px solid #717171;
	display:block;
    color:#ffffff;
    font-weight:normal;
    font-size:14px;
    line-height:35px;
}

#nav .ac li span {
	display: block;
	padding: 0px 15px;
	border-right: 1px solid #151515;
}

#nav .ac li.first a{
	border-left: 1px solid #151515;
}

#nav .ac li.first span {
	border-left: 1px solid #717171;
}

#nav .ac li.active a,
#nav .ac li a:hover,
#nav .ac li a:active {
	background-color: #b50b28;
}

#nav .ac li.active {
	background: transparent url('http://www.helfen-kostet-nix.de/images/nav_active_arrow.png') bottom center no-repeat;
}


/* @end */

/* @group mitmachen */

#shops {
	background-color: #454545;
}

#shops .ac {
	background-color: #454545;
	padding-top: 30px;
}

#shops a,
#shops a:active,
#shops a:hover,
#shops a:visited {
	color: #b50b28;
	text-decoration: underline;
}

#shops #amazon,
#shops #amazonfox,
#shops #paypal,
#shops #hknshop {
	position: relative;
	background-color: #f9f9f9;
	width: 400px; /* 440 - 20 - 20 */
	height: 240px;
	padding: 20px;
	margin-bottom: 30px;
	float: left;
}

#shops #hknshop {
	background-color: #ffffff;
	margin-bottom: 0px;
	height: 100px;
	width: 870px; /* 910 - 20 - 20 */
}

#shops #hknshop .vid img {
	display: block;
	position: relative;
	left: -20px;
}

#shops #amazonfox {
	float: right;
}

#shops #paypal {
	float: right;
	height: 120px;
	margin-bottom: 0px;
}

#shops .button,
#shops #paypal form {
	position: absolute;
	right: 20px;
	bottom: 15px;
}

#shops p {
	padding-bottom: 0.5em;
}

#zanox {
	background-color: #ffffff;
}

#zanox .ac {
	width: 960px; /* 980 - 35px */
	padding: 35px 0px;
	padding-left: 47px;
	background: #ffffff;
}

#zanox .ac ul {
	float: left;
}

#zanox .ac ul li {
	float: left;
	padding-right: 20px;
	padding-bottom: 40px;
}

#zanox .ac ul li.heading {
	border-top: 1px solid #aaaaaa;
	padding-top: 10px;
	margin-top: 40px;
	width: 888px;
}

#zanox .ac ul li a {
	display: block;
	width: 210px; /* 212 - 2 */
	height: 120px; /* 140 - 20 */
	line-height: 140px;
	text-align: center;
	border: 1px solid #a7a6a6;
	border-bottom: none;
}

#zanox .ac ul li a.box {
	display: block;
	width: 212px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #545454;
	border: none;
	color: #ffffff;
	font-size: 10px;
}

#zanox .ac ul li a span {
	display: none;
}

#zanox .ac ul li a.bookmarklet,
#zanox .ac ul li a.bookmarklet:hover,
#zanox .ac ul li a.bookmarklet:active,
#zanox .ac ul li a.bookmarklet:visited {
	display: block;
	width: 210px;
	height: 26px;
	background: transparent url('http://www.helfen-kostet-nix.de/images/bookmarklet_bg.png') top left no-repeat;
	line-height: 21px;
	font-size: 11px;
	border: none;
	color: #545454;
	overflow: hidden;
}

#zanox .ac ul li .url,
#shops code {
	display: block;
	width: 200px; /* 210 - 5 -5 */
	padding: 5px;
	overflow-x: scroll;
	overflow-y: hidden;
	font-family: monospace;
	white-space: nowrap;
	background: #f9f9f9;
	font-size: 12px;
	border: 1px solid #a7a6a6;
}

#shops code {
	width: 380px;
}

#zanox .ac ul li p.desc {
	width: 210px;
	font-size: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
	line-height: 14px;
	color: #545454;
}


/* @end */

/* @group level1 */

#level1 {background-color:#ffffff;}

#level1 .ac {
	padding-top:35px;
	padding-bottom:70px;
	background-color:#ffffff;
}

#level1 h2,
h2 {
	float: left;
	font-family: Georgia, Times, "Times New Roman";
	font-size: 24px;
	color: #b50b28;
	line-height: 30px;
	padding-bottom: 10px;
}

#level1 h2 a {
	color: #b50b28;
}

#level1 h2 a:hover,
#level1 h2 a:active {
	color: #ffffff;
	background-color: #b50b28;
}

#level1 #aktuelles {
	float: left;
	
}

#level1 #aktuelles .headline a {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	line-height: 18px;
	color: #b50b28;
}

#level1 #aktuelles .headline {
	padding-bottom: 15px;
}

.readmore {
	font-size: 11px;
	padding-right: 3px;
}

a.readmore {
	color: #b50b28;
}

#level1 #aktuelles a:hover,
#level1 #aktuelles a:active{
	color: #ffffff;
	background-color: #b50b28;
}

#level1 p {
	padding: 5px;
}

#level1 p strong,
#level1 p b {
	font-weight: bold;
}

#level1 p del {
	text-decoration: line-through;
}

#level1 p em,
#level1 p i {
	font-style: italic;
}

#level1 .tcol p {
	font-size: 14px;
	line-height: 20px;
	padding: 0px;
	margin-bottom: 5px;
}

#level1 .tcol h2 {
	font-size: 20px;
	font-weight: bold;
	float: none;
	line-height: 24px;
	margin-top: 20px;
}

#level1 .tcol h2.posthead {
	padding-bottom: 3px;
}

#level1 .tcol h3 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	float: none;
	line-height: 18px;
	color: #b50b28;
}

#level1 .tcol ul {
	list-style: square;
	list-style-position: outside;
}

#level1 .tcol img {
	padding-right: 30px;
	padding-bottom: 10px;
	float: left;
}

#level1 .bcol p {
	color: #b50b28;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
	padding-bottom: 15px;
}

#level1 .bcol img {
	padding-bottom: 30px;
}

#level1 p a {
	padding-left: 2px;
	padding-right: 2px;
	color: #b50b28;
}
#level1 p a:hover,
#level1 p a:active {
	color: #ffffff;
	background-color: #b50b28;
}

#level1 p.img {padding:0px;}

#level1 p.img a,
#level1 p.img a:hover,
#level1 p.img a:active {
        background-color:#ffffff;
        padding:0px;
}

#level1 p.postinfo {
	font-size: 11px;
	line-height: 14px;
}

/* @end */

/* @group footer */

#footer {
	background: #ffffff url('http://www.helfen-kostet-nix.de/images/footer_bg.png') top left repeat-x;
}

#footer .ac {
	background: #ffffff url('http://www.helfen-kostet-nix.de/images/footer_bg.png') top left repeat-x;
}

#footer .clear {
	height: 35px;
}

#footer .col1,
#footer .col2,
#footer .col3 {
    padding-top: 30px;
    height:150px;
}

#footer .col2 {
	background: transparent url('http://www.helfen-kostet-nix.de/images/footer_sep.png') center 4px no-repeat;
}

#footer .col3 {
	background-position: left 3px;
}

#footer ul,
#footer p {
	font-size: 10px;
}

#footer #downloads {
	line-height: 12px;
}

#footer #downloads a {
	display: block;
	padding-left: 30px;
	background: transparent url('http://www.helfen-kostet-nix.de/images/folder_icon.png') 0px 3px no-repeat;
}

#footer #downloads li {
	padding-bottom: 8px;
}

#footer a {
	color: #7c7c7c;
	padding: 0px 2px;
}

#footer a:hover,
#footer a:active,
#footer #downloads a:hover,
#footer #downloads a:active {
	color: #b50b28;
}

#footer #partner li {
	float: left;
	padding-top: 8px;
}

#footer #partner li.even {
	padding-left: 15px;
}

#footer #partner a:hover,
#footer #partner a:active,
#footer #partner a {
	background: none;
	display: block;
}

/* @end */