/* ******************************************* *\
 * Cascading Style Sheet File                  *
 * reeep toolkit                     		       *
 *                                             *
 * punkt .netServices                          *
 * Author: Susan Härtig                        *
\* ******************************************* */
/*


/* ------------------------------------------------------------------------
	normalisierung
------------------------------------------------------------------------- */

body,p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,cite,form,fieldset,input,blockquote,th,td {
margin:0;
padding:0;
}

a {
color:#000;
text-decoration:none;
}

a:active,a:focus {
outline-color:0;
outline-style:none;
outline-width:medium;
}

a:hover {
text-decoration:underline;
}

ol,ul {
list-style:none;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:400;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset {
border:0;
}

caption,th {
text-align:left;
}



/* ------------------------------------------------------------------------
	layout allgemein
------------------------------------------------------------------------- */

html {
padding:0;
margin:0;
height:100%;
overflow-y:scroll;
}

body {
	height:100%;
color:#000000;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:0.81em;
line-height:1.31em;
background:transparent url(../images/heaven_bg.png) repeat-x 0 0;
position:relative;
}

div#wrapper {
height:auto !important;
margin:0 auto;
min-height:100%;
z-index:1;
text-align:center;
}

div#container {
position:relative;
width:850px;
clear:both;
margin:0 auto;
text-align:left;
}

#content{
	float:left;
	width:100%;
}

#maincontent {
float:left;
margin-right:-235px;
width:615px;
padding-bottom:50px;
position:relative;
}

#secondary_content {
padding:0;
top:-79px;
width:235px;
float:right;
}




/* ------------------------------------------------------------------------
	allgeine stile
------------------------------------------------------------------------- */

h2 {
	color:#39A368;
	font-size:1.50em;
}

h3 {
	font-size:1.23em;
}

h5 {
	font-size:1.23em;
	color:#000;
}

p {
	margin:15px 0;
	font-size:1em;
}

textarea, input {
	font-family:"Trebuchet MS",Verdana,sans-serif;
	background:transparent;
	border:1px solid #CCCCCC;
	font-size:1em;
	padding:2px;
}

textarea:focus, input:focus {
	background-color:#F5F4F5;
}

label{
	display:inline-block;
	font-size:1em;
	font-weight:bold;
	padding:0 5px 0 0;
	vertical-align:top;
	clear:left;
	float:left;
	width:70px;
}

label a{

display:block;
margin-left:20px;
}

legend {
text-indent:-9999px;
}

strong {
}

i {
}

ul {
}

/* ------------------------------------------------------------------------
	header
------------------------------------------------------------------------- */
div#Branding {
background:transparent url(../images/header_bg.png) right 9px no-repeat;
height:160px;
position:relative;
margin:0 auto;
}

div#logo{
background:transparent url(../images/reeep-logo.gif) center 0 no-repeat;
position:absolute;
left:0px;
top:30px;
width:150px;
height:88px;
}

div#logo a{
display:block;
width:146px;
height:88px;
text-indent:-9999px;
}

#logo p, h1, div#searchbox h2 {
position:absolute;
top:-9999px;
}

/* ------------------------------------------------------------------------
	search field
------------------------------------------------------------------------- */

div#searchbox {
background:transparent url(../images/search_bg.gif) no-repeat scroll 0 0;
height:60px;
left:220px;
position:relative;
top:55px;
width:412px;
}

div#searchbox input.searchfield {
height:18px;
left:25px;
line-height:20px;
padding:2px 3px;
position:absolute;
top:19px;
width:255px;
font-size:1.17em;
}

input.searchbutton {
background:transparent url(../images/searchbutton.gif) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
height:23px;
padding:0 0 3px;
position:absolute;
right:19px;
top:19px;
width:86px;
color:#fff;
font-size:1.17em;
}

div#searchbox p{
	margin:0;}


/* ------------------------------------------------------------------------
	start page (intro)
------------------------------------------------------------------------- */
#welcome{
	padding:10px 10px 0;
}
.siteintro_lead{
	color:#000;
	width:600px;
}

.siteIntro{
	position:relative;
	margin-bottom:25px;
	float:left;
}

.siteIntro li{
color:#000;
display:inline-table;
height:90px;
position:relative;
width:276px;
float:left;
}

.siteIntro li.search{
	background: transparent url(../images/icon_search.gif) no-repeat;
}

.siteIntro li.rate{
	background: transparent url(../images/icon_rate.gif) no-repeat;
}

.siteIntro li.comment{
	background: transparent url(../images/icon_comment.gif) no-repeat 3px 0;
}

.siteIntro li h3{
position:absolute;
text-align:center;
top:65px;
width:60px;
font-size:1.17em;
color:#8F9892;
}

.siteIntro li p{
	padding:0 10px 0 70px;
	margin:0;
}

.siteIntro li.comment p{
	padding:0 0 0 73px;;
}

/* ------------------------------------------------------------------------
	search filter
------------------------------------------------------------------------- */
/********************** greenbox ****************************************/

.box {
	width:585px;
min-width:8em;
max-width:585px;
z-index:1;
display:block;
margin:0 0 30px 15px;
}

.box .frame,.box .t,.box .b,.box .b div {
background:transparent url(../images/box_bg.gif) no-repeat top right;
}

.box .frame {
position:relative;
zoom:1;
_overflow-y:hidden;
min-height:175px;
padding:15px 20px 0 5px;
}

.sidebox .frame{
	_height:175px;}

.box .t {
position:absolute;
left:0;
top:0;
width:15px;
margin-left:-15px;
height:100%;
_height:1600px;
background-position:top left;
}

.box .b {
position:relative;
width:100%;
background-position:bottom right;
}

.box .b,.box .b div {
height:15px;
font-size:1px;
}

.box .b div {
position:relative;
width:15px;
margin-left:-15px;
background-position:bottom left;
}

.box .frame ul li.maximize a,.box .frame ul li.minimize a {
right:10px;
z-index:100;
}

.box_collapsed {
margin:0;
max-width:600px;
width:600px;
}

.box_collapsed .frame {
background:transparent url(../images/box_collapsed_bg.gif) no-repeat scroll left top;
height:28px;
_height:38px;
margin:0 0 30px;
min-height:26px;
padding:10px 0 0 15px;
position:relative;
}

.collapse{
background:transparent url(../images/collapse.gif) no-repeat scroll 0 0;
display:block;
height:18px;
position:absolute;
right:10px;
text-indent:-9999px;
top:10px;
width:18px;
}

.collapse:hover{
background:transparent url(../images/collapse_hover.gif) no-repeat scroll 0 0;
}

p.order{
padding:0 15px 5px;}

p.order label {
clear:none;
display:inline;
float:none;
margin-left:3px;
text-align:left;
font-size:1em;
font-weight:normal;
vertical-align:inherit;
}

p.order input{
	display:inline;
	vertical-align:text-bottom;
	border:none;}

/********************** costum checkboxes ****************************************/

ul.search_filter_list li ul li label.checkbox span.holder{
height:53px;
background:url(../images/checkbox.gif) 0 0 no-repeat;
cursor:pointer;
}

ul.search_filter_list label.checked span.holder{
top:-19px;
}

ul.search_filter_list li ul li label.semichecked span.holder{
top:-37px;
}

ul.search_filter_list li ul li ul li label.checkbox span.holder {
height:26px;
background:url(../images/checkbox_small.gif) 0 2px no-repeat;
cursor:pointer;
}

ul.search_filter_list li ul li ul li label.checked span.holder{
background-position:0 -1px;
top:-12px;
}

label.list {
clear:left;
cursor:pointer;
float:left;
line-height:1.33em;
margin:0 0 2px;
padding:0;
width:auto;
}

label.inline {
float:left;
margin:0 10px 0 0;
}

input.hiddenCheckbox {
position:absolute;
left:-10000px;
}

label.prettyCheckbox span.holderWrap {
display:block;
float:left;
position:relative;
padding-right:4px;
overflow:hidden;
}

.menu li ul li label.prettyCheckbox span.holderWrap {
display:block;
float:left;
position:relative;
overflow:hidden;
}

label.prettyCheckbox span.holder {
display:block;
position:absolute;
top:0;
left:0;
}

/********************** menu ****************************************/
#filter h2{
	position:absolute;
	text-indent:-9999px;
}

.search_filter_list{
	
}

.box h3{
background:transparent url(../images/filter_head.gif) no-repeat scroll 0 center;
color:#FFFFFF;
font-size:1.17em;
height:22px;
line-height:22px;
margin:0 0 15px 20px;
text-align:center;
width:150px;
}

.box p{
	padding:0;
	display:inline;
}

.box p.info {
display:inline-block;
font-size:0.8em;
margin:0 0 0 22px;
}

ul.search_filter_list li{
	display:-moz-inline-block;
	display:inline-block;
	float:left;
	width:260px;
}

ul.search_filter_list li#filter1{
	width:300px;
	float:right;
}

ul.search_filter_list li#filter2 {
margin-bottom:27px;
float:none;
}


ul.search_filter_list li ul li {
	display:-moz-inline-block;
font-size:1.08em;
font-weight:bold;
margin-bottom:10px;
padding-left:20px;
width:245px;
float:left;
}

ul.search_filter_list li#filter1 ul li{
	width:290px;
}

ul.search_filter_list li #datefilter{
float:left;
padding-left:22px;
}

ul.search_filter_list li ul li ul {
	margin-top:6px;
}

ul.search_filter_list li ul li ul li {
	display:-moz-inline-block;
	font-size:0.86em;
	margin-bottom:0;
width:220px;
float:left;
}

ul.search_filter_list li#filter1 ul li ul li{
	width:280px;
}

.menu li a.collapsableLink {
background:transparent url(../images/filter_arrow.gif) no-repeat scroll right 5px;
display:inline-block;
margin-left:0;
padding-left:0;
padding-right:15px;
position:relative;
}

.menu li .menu li a.collapsableLink {
background:transparent url(../images/filter_arrow_small.gif) no-repeat scroll right 5px;background:transparent url(../images/filter_arrow_small.gif) no-repeat scroll right 6px;
padding-right:10px;}

.menu li a.selected {
background:transparent url(../images/filter_arrow_down.gif) no-repeat scroll right 5px !important;
padding-right:15px;
}

.menu li .menu li a.selected {
background:transparent url(../images/filter_arrow_small_down.gif) no-repeat scroll right 7px !important;
padding-right:10px;
}

.menu li a:hover {
text-decoration:none;
}


.box .searchbutton{
clear:both;
display:inline-block;
position:relative;
right:0;
top:0;
margin-bottom:5px;
}

.box .new_search{
border:medium none;
clear:both;
cursor:pointer;
display:inline-block;
font-size:1em;
position:relative;
margin:20px 10px 5px 367px;
*margin:20px 10px 5px 337px;
*padding:0;
background-position:0 center;
}

.box .change_filter{
display:none;
}

.box_collapsed .new_search{
	margin:0 10px 5px 36px;
}

.box_collapsed .change_filter{
border:medium none;
clear:both;
cursor:pointer;
display:inline-block;
font-size:1em;
position:relative;
margin:0 10px 5px 180px;
*padding:0;
background-position:0 center;
}


.box_collapsed .frame .t,.box_collapsed .b,.box_collapsed .b div, .box_collapsed #search_filter, .box_collapsed input.searchbutton{
display:none;
}

/********************** selectbox ****************************************/

.select{
	float:left;
}

.select label{
float:left;
text-align:left;
width:auto;
font-size:1.08em;
padding:1px 5px 0 0;
}

div.selectbox-wrapper {
width:56px;
text-align:left;
font-size:1em;
margin-top:-6px;
padding:0;
}

html>/**/body div.selectbox-wrapper {
margin-top:-5px;
}

div.selectbox-wrapper ul {
list-style-type:none;
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #3BA469;
border-top:none;
width:51px;
_width:56px;
padding:2px 1px 5px 2px;
_padding:2px 2px 5px 3px;
font-size:0.86em;
}

ul.search_filter_list li div.selectbox-wrapper ul li {
cursor:pointer;
display:block;
float:none;
font-size:1em;
height:15px;
line-height:15px;
list-style-type:none;
margin:0;
padding:0 2px;
width:46px;
}

div.selectbox-wrapper ul li.selected,div.selectbox-wrapper ul li.current {
background:#3BA469;
}

.selectbox {
background:transparent url(../images/jumpmenu_head.gif) no-repeat scroll right center;
border:medium none;
cursor:pointer;
display:block;
font-size:0.92em;
font-weight:bold;
height:16px;
line-height:16px;
_height:20px;
margin-right:8px;
padding:2px 17px 2px 4px;
text-align:left;
width:35px;
_width:56px;
}

div.hiddendiv{
	float:left;
}

/* ------------------------------------------------------------------------
	search results
------------------------------------------------------------------------- */
.maincontent_area {
padding:0 20px 0 15px;
}

.search_results h2{
	position:absolute;
	top:-9999px;
}

.search_results h3{
	line-height:1.25em;
}

.search_results h3 a{
	text-decoration:underline;
}

.search_results p{
	padding:0;
	margin:3px 0;
}

p.soundex {
color:#8F9892;
font-size:1.17em;
margin:0 0 15px;
padding:0;
}

p.soundex a {
color:#000;
font-style:italic;
font-weight:700;
}

ol.search_results li {
margin:15px 0;
}

.box p.results_amount{
	display:none;
}

.box_collapsed p.results_amount{
	display:block;
position:absolute;
margin:1px 0 0 0;
}

p.results_amount span{
	font-weight:bold;
}

.green_arrow_link{
	color:#39A368;
	font-weight:bold;
	background:transparent url(../images/greenarrow.gif) no-repeat 0 center;
	padding:0 0 0 15px;
	margin-left:5px;
}

.green_arrow_link:hover{
text-decoration:none;
}

.metainfo, .comments_rating{
	color:#8F9892;
}

.metainfo span, .comments_rating span{
	color:#000;
}

.search_results p.comments_rating{
background:transparent url(../images/comment_icon.gif) no-repeat scroll left center;
padding-left:15px;
}

.comments_link{
background:transparent url(../images/comments_button.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:-moz-inline-box;
display:inline-block;
font-weight:normal;
height:16px;
line-height:16px;
margin-left:5px;
padding-left:18px;
width:93px;
_width:112px;
font-size:0.9em;
}

.comments_link:hover{
text-decoration:none;
background:transparent url(../images/comments_button_hover.gif) no-repeat scroll 0 0;
}

.rate_comments_link{
	background:transparent url(../images/rate_comment_button.gif) no-repeat scroll 0 0;
	width:131px;
	_width:149px;
}

.rate_comments_link:hover{
	background:transparent url(../images/rate_comment_button_hover.gif) no-repeat scroll 0 0;
}

/* ------------------------------------------------------------------------
	comments on search results
------------------------------------------------------------------------- */

ul.metainfo{
	margin-bottom:40px;
}
.comments p{
	margin:0;
	}

.comments_hidden ul{
	visibility:hidden;
	position:absolute;
}

.comments_hidden .comments_link_hide{
	display:none;
}

.comments_hidden .comments_link_view{
	display:inline-block;
}

.maincontent_area ul.comments li{
	background:transparent url(../images/quotation.gif) no-repeat scroll 0 center;
	padding-left:40px;
	margin:15px 0;
}

p.comment_meta {
color:#8F9892;
font-size:0.85em;
margin:0 0 5px;
border-bottom:1px dotted #8F9892;
}

.comment_author,
.comment_date,
.comment_time{
	color:#000;
}

.comments_visible ul{
	visibility:visible;
	position:relative;
}

.comments_visible .comments_link_hide{
	display:inline-block;
}

.comments_visible .comments_link_view{
	display:none;
}

.maincontent_area h4{
	position:absolute;
	top:-9999px;
}

ol.pagination {
margin:30px auto;
text-align:center;
font-size:1.08em;
}

ol.pagination li {
display:inline;
font-weight:700;
margin:10px 1px 1px;
}

ol.pagination li em {
border:medium none;
display:inline-block;
height:12px;
line-height:12px;
padding:3px 7px;
text-align:center;
}

ol.pagination li a {
color:#39A368;
display:inline-block;
height:14px;
line-height:14px;
padding:2px 5px;
text-align:center;
}

ol.pagination li.prev a {
margin-right:2px;
}

ol.pagination li.next a {
border:1px solid #FFFFFF;
margin-left:2px;
}

ol.pagination li a:hover {
background-color:#39A368;
color:#FFFFFF;
text-decoration:none;
}

/* ------------------------------------------------------------------------
	toolkit in detail
------------------------------------------------------------------------- */
.box a.back{
display:none;
}

.box_collapsed a.back{
	background:transparent url(../images/greenarrow_left.gif) no-repeat scroll 0 center;
	display:block;
position:absolute;
}

input.submitbutton{
left:89px;
position:relative;
top:5px;
}

.toolkit_detail h2{
	position:absolute;
	top:-9999px;}
	
	.metainfo li{
border-bottom:1px dotted #8F9892;
margin-bottom:3px;
padding-bottom:5px;}

	.metainfo li ul li{
border-bottom:none;
background:transparent url(../images/listarrow.gif) no-repeat scroll 0 4px;
margin:0 0 0 15px;
padding:0 0 0 15px;}

.commentform_container{
	margin-top:20px;
}

.toolkit_detail h4{
color:#929794;
font-size:16px;
position:relative;
top:0;
display:inline;
}

/* ------------------------------------------------------------------------
	leave a comment
------------------------------------------------------------------------- */

.star-rating-control {

padding-left:2px;
}

.commentdone{
	color:#39A368;
	font-weight:bold;}
.reihe{
	margin:5px 0;
	clear:both;
	float:left;
	width:100%;}
.ratingreihe{
	margin:5px 0 9px;}

.error {
background:transparent url(../images/error_arrow.gif) no-repeat scroll 0 center;
color:#ff0000;
font-weight:bold;
margin-left:5px;
padding:0 0 0 15px;
}

.input_error{
	background:#FF9999;}
/* ------------------------------------------------------------------------
	recent/latest toolkits
------------------------------------------------------------------------- */
.sidebox {
max-width:215px;
width:215px;
float:right;
}

.sidebox h3{
	background:transparent url(../images/sidebar_head.gif) no-repeat;
}

.sidebox ul li{
	background:transparent url(../images/listarrow.gif) no-repeat 0 7px;
	border-bottom:1px dotted #8F9892;
	padding:2px 0 2px 15px;
	margin:0;
}

.sidebox ul li.last{
	border-bottom:none;
}


/* ------------------------------------------------------------------------
	footer
------------------------------------------------------------------------- */