/*
Original Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Page structure: 
 *
 * <div id="header">
 * <div id="page">	         // 900px
 *   <div id="teaser">		
 *   <div id="content">      // full size: 820px
 *     <div class="outline"> // left area: 451px 
 *     <div class="sidebar"> // right area 328px
 * <div id="footer">
 *
 * tag {}
 * .class {}
 * #id {}
 *
 * attribute: top, right, bottom and left 
*/


/********************************/
/*  Defaults					*/
/********************************/

body {
	margin: 0px;
	padding: 0;
	background: #eeeeee;
	text-align: justify;  	/* blocksatz */
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2em;
	color: #333333;
}

h1 {
	line-height: 1.5em;
	padding-top: 15px;
	font-size: 20px;
	color: #c10315;			/* red */
	font-weight: normal;
	text-align:left; 
}

h2 {
	font-size: 15px;
	font-weight: normal;	
}



a {
	color: #0066cc;
	text-decoration: none;
}

a:hover {
	color: #114477;
	text-decoration: underline;
}


a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}





/********************************/
/*  Page Structure				*/
/********************************/

#header {
	width: 1000px;
	height: 258px;	
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url('/images/header.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-decoration: none;
 }

#small_header {
	width: 1000px;
	height: 87px;	
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background: url('/images/header_small.jpg') no-repeat left top;
	text-decoration: none;
}

#page {
	width: 1000px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background: url('/images/page-bg.png');
}
	

#footer {
	width: 1000px;
	height: 34px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #c10315; 	/* red */
}

#footer_footer {
	width: 1000px;
	height: 60px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;   
	margin-left: auto;
	text-align: center;    
	padding-top:40px;
}


/********************************/
/*  Header Details				*/
/********************************/


#claim {
	padding-left: 40px;
	padding-top: 20px;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: capitalize;
	font-weight: normal;
	font-size: 44px;
	line-height: 1.2em;
	min-height:168px;
}


#claim p {
	margin-top: 0px;
	margin-bottom: 5px;	
}

a.underlineless:hover {
	text-decoration: none;
}
	

#breadcrumb {
	padding-top: 20px;
	padding-left: 40px;
	color: #ffffff;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 1px;
	min-height:24px;
}

#logo {
	float: right;  
	padding-top: 150px;
	padding-right: 50px;
	color: #dddddd;
	font-weight: normal;
	font-size: 36px;
}

#small_logo {
	float: right;  
	padding-top: 2px;
	padding-right: 40px;
	color: #ffffff;
	font-weight: normal;
	font-size: 30px;
}
/********************************/
/*  Footer Details				*/
/********************************/


#openclaim {
	float: right;
	padding-top: 15px;
	padding-right: 40px;
}

#menu {
	float: left;
	padding-left: 40px;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

#menu span {
	padding-right: 10px;
}

#menu a {
	color: #ffffff;
	text-decoration: none;
}

#menu a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#copyright {
	float: right; 
	padding-top: 4px;
	padding-right: 40px;
}

#copyright span {
	padding-left: 10px;
}

/**********************/
/*    page details    */
/*  content teaser recent statistics */
/**********************/

#content {
	padding-top: 10px;
	padding-right: 40px;
	padding-left: 40px;	
	padding-bottom: 20px;	
}

#teaser {
	margin-top: 20px;
	margin-right: 80px;
	margin-bottom: 0px;
	margin-left: 80px;
	
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 25px;
	padding-left: 40px;
	
	background-image: url('/images/gradient_gray_349.png');
	background-position: left bottom;
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #c10315; 		/* red */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius: 8px;
}

#teaser div {
	padding-bottom: 5px;

}

#teaser img {
	float: left;

}

#teaser h2 {
	font-size: 17px;
	padding-left: 100px;
}

#teaser p {
	padding-left: 100px;
}

#teaser .teaser_button {
	margin-top: 20px;  
	text-align: center;
}

#featured {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 50px;
	font-size: 14px;
}

#featured img {
	float:left;
	padding-top:3px;   
}

#featured p {
	padding-left: 40px;
}

#featured a {
	color: #333333;
}

#below_featured {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 50px;
	font-size: 14px;
}


.share {
	margin-left: 7px; 
	vertical-align: -5px;
}

.separator  {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}


#statistics {
	font-size: 14px;
	color: #666666;
	text-align: center;
	padding-top:30px;
	padding-bottom:10px;
}

#statistics span {
	padding-left: 15px;
	padding-right: 15px;
}

#page .placeholder  {
	padding-top: 50px;
}

.preview {
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color: #fd9f97;    /* postit red */
	margin-top: 15px; 
	margin-bottom: 15px; 
	padding: 10px 10px 10px 10px;
	font-weight: bold; 	
	text-align: center;
}

/**********************/
/*    button design   */
/**********************/

.button {	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:1px solid #dddddd;
	background-image: url('/images/gradient_red_60.png');
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0pt -5pt;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.blue_button {	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:1px solid #dddddd;
	background-image: url('/images/gradient_blue_60.png');
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0pt -5pt;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.yellow_button {	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #dddddd;
	background-image: url('/images/gradient_yellow_60.png');
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0pt -10pt;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

a.button:hover, a.button:focus, a.blue_button:hover, a.blue_button:focus {
	background-position: 0pt -15px;
	color: #ffffff;
	text-decoration: none;
}

a.yellow_button:hover, a.yellow_button:focus {
	background-position: 0pt -20px;
	color: #ffffff;
	text-decoration: none;
}

/**********************/
/*    outline design  */
/**********************/

.outline{
	float: left;
	width: 58%;
}

.outline .free_text {
	font-weight: bold;
}

.sidebar{
	padding-top:15px;
	float: right;
	width: 35%;
	font-size:11px

}

.votes{
	border-radius: 5px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	background-color: #fbff92;    /* postit yellow */
	
	margin-left: 5px; 
	margin-right: 30px; 
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	
	text-align: center;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	font-family: "Lucida Grande",Tahoma,Verdana,Arial;
	color: #525252;  
}



.sidebar table{
	padding-left: 5px;
	width: 92%; 
	line-height: 1.4em;
}


/**********************/
/*    form design     */
/**********************/

form {
	color: #777777;
}

form fieldset {
	margin-bottom: 20px;	
	padding-bottom: 25px;
	border:1px solid #c10315; 		/* red */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
}


form legend {
	margin-left: 12pt;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
}



form label {
	margin-top: 8px;  
	margin-right: 0pt;	
	margin-left: 6pt;
	margin-bottom: 0px;	
	display: block;  
	font-size: 11px;
}

form input, form textarea, form select {
	font-size: 13px;
	font-family:  Helvetica, sans-serif;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-right: 0pt;
	margin-bottom: 8px;
	margin-left: 0pt;
	color:#222222;
}

form .mandatory {
	background-color:#ffebe3;
	-moz-border-radius:2px 2px 2px 2px;
	border:1px solid #cccccc;
}

form .optional {
	-moz-border-radius:2px 2px 2px 2px;
	border:1px solid #cccccc;
}

/* three columns: field 1, field 2, comment */
/* 1000 - 40 - 40 = 920 (form area) - 20 - 20 = 880 (field area) - 20 - 20 = 840 / 3 = {250,250,340} */

form .left{
	float: left;
	padding-left: 20px;
	width: 220px;
}

form .left input, form .left select{
	width: 180px;
}

form .middle{
	float: left;
	width: 200px;
}

form .middle input,  form .middle select{
	width: 180px;
}

form .middle_button{
	float: left;
	width: 250px;
	padding-top: 13px;
	padding-left: 5px;
}


form .left_middle{
	float: left;
	padding-left: 20px;
	width: 450px;
}

form .left_middle input, form .left_middle textarea{
	width: 400px;
}

form .right{
	float:right;
	width: 370px;
	padding-right: 20px;
	font-size: 9px;
	line-height: 1.4em;
	padding-top: 26px;
}

form .form_comment{
	float: left;
	width: 450px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 10px;	
	font-size: 9px;
	line-height: 1.4em;
}

form .middle_right{
	float: right;
	width: 620px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	font-size: 9px;
	line-height: 1.4em;
}

form .sign_comment{
	float: right;
	width: 300px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	font-size: 9px;
	line-height: 1.4em;
}

.clear{
	clear: both;
}

.honig{
	display:none;
}
                
/* checkbox looks like normal text */
form .checkbox {
	float: left;
	margin-left: 20pt;	
	padding-left: 8px;
	padding-top: 3px;
}

form .checkboxtext {
	float: right;
	width: 820px;
	padding-right: 30px;
	line-height: 1.5em;
	color:#222222;
}


form .formbutton {
	margin-top: 15px;
	margin-right: 0pt;
	margin-bottom: 6px;	
	margin-left: 20pt;	
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
}

.form_error {
	color: #222222; 			  
	font-weight: bold;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color: #fd9f97;    /* postit red */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	line-height: 1.7em;
	margin-bottom:10px;
}

.form_success {
	color: #222222; 			  
	font-weight: bold;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color: #b7d63f;    /* postit gruen */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	
	line-height: 1.7em;
}

/* progress bar */

.progress-bar {
   background: url('/images/percentage-bg275.png') no-repeat left ;
   width: 275px;
   height: 55px;
   

}

.progress-level {
   background: url('/images/progress275.png') no-repeat left ;
   width: 0%; 
   height: 55px;

}


 .progress-text {
	position:relative; 
	top:-40px;
 	width: 275px;
 	height:10px;
   	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: "Lucida Grande",Tahoma,Verdana,Arial;
	color: #525252; 
 } 
 
 
/* other */
	
.black {
	color:#222222;
}
	
.dark_grey {
	color:#333333;
}

.dark_grey a {
	color:#333333;
}

.dark_grey a:hover {
	color:#333333;
}


.grey {
	color:#777777;
}
.grey a {
	color:#777777;
}
.grey a:hover {
	color:#777777;
}

.red {
	color: #c10315;
}
.red a {
	color:#c10315;
}
.red a:hover {
	color:#c10315;
}

.blue {
	color: #3b8ba6;
}
.blue a {
	color:#3b8ba6;
}
.blue a:hover {
	color:#3b8ba6;
}

.green {
	color: #0E774A;
}

.yellow {
	color: #e6b72b;
}

.lila {
	color:#a62c7f;		/* postit lila */
}

.light_lila {
	color:#a67897;		/* postit light lila */
}
	
.align-left {
	text-align: left;
}

.box {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-color: #ffffff;
	background-image: url('/images/gradient_gray_349.png');
	background-position: left bottom;
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc; 		/* border grey */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius: 8px;
}

.light-box {
	min-height: 100px;			
	
	background-color: #fbfbfb; 	/* lightest grey */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc; 		/* border grey */
	margin-top:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right:20px;	
}

.help_note {
	background-color: #fbffc1; 		/* blass yellow */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	color: #525252;
	font-weight: bold;
	font-family: "Lucida Grande",Tahoma,Verdana,Arial;
	text-align: center;
	font-size: 14px;
	line-height: 2em;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:30px;
	margin-right:30px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right:20px;	
}

.small_help_note {
	background-color: #fbffc1; 		/* blass yellow */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	color: #525252;
	font-weight: bold;
	font-family: "Lucida Grande",Tahoma,Verdana,Arial;
	text-align: center;
	font-size: 12px;
	line-height: 2em;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right:10px;	
}

/* wmd markup editor */

.wmd-preview {
	width: 350px;
	min-height: 358px;
	border:2px dotted #cccccc;
	margin-top: 10px;
	padding:3px;
	
	word-wrap:break-word;	/* workumbruch */
	text-align: justify;  	/* blocksatz */
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2em;
	color: #333333;
}

#clickable:hover {
  background-color: #EFEFEF;	
}
 
#clickable a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
}
 
#clickable a:hover {
  text-decoration: none;
}

#infobox {
	display:none;
}

.scorecard  {
	border-bottom:1px solid #cccccc; 		/* border grey */
	border-top:3px solid #c10315;			/* red */
	margin:1em 0;
	padding:0;
	width:100%;
	border-collapse:collapse;
	empty-cells:show;
	text-align:left;
}

.scorecard td {
	background:none repeat scroll 0 50% #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	vertical-align:top;	
	width:50%;
}

.scorecard td .statistic {
	padding:6px;
	position:relative;
}

.statistic .primary_value {
	font-size:140%;
	color:#333333;
	font-weight:bold;
	margin:0;
}

.statistic .date_comparison {
	color:#666666;  
	font-size:100%;
	margin:0;
}

.quorum {
	color:#fd9f97;		/* postit red */
	font-size:20px;
	margin:5px;
	padding-right:40px;
	text-align: right;
}


/*------ TABS MENU ------*/
#tabs {
	min-width:900px;
	margin-left:-10px;
}

#tabs ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#tabs ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;

}


#tabs ul li a{
	height:35px;
	padding-top:5px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:0px;
	margin:10px 0px 10px 0px;
	display: block;
	font-size: 14px;
	color:#313131;
	text-decoration:none;
	border-left:solid 1px #e1e1e1;
	background-color:#f0f0f0;		
}


#tabs ul li a:hover{

	text-decoration:underline;
	background-color:#ffffff;		
}

/*------ References ------*/


#refs ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#refs ul li{
	display: block;
	float: left;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}




/*------PRO CONTRA  ------*/
.small_button {	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #C9C9C9;
	color:#333333;
	display:inline-block;
	font-size:11px;
	line-height:13px;
	margin:0 5px;
	padding:3px 12px;
	background-repeat:repeat-x;
	background:url('/images/smallbutton.png');	
	background-attachment: scroll;

}

.small_button:hover, .small_button:focus {
	background-position: 0pt -7pt;
	border:1px solid #dddddd;
}

a.small_button {
	color:#333333;
	text-decoration: none;
}

a.small_button:hover {
	color:#333333;
	text-decoration: none;
}

/*------forward email ------*/
.ajax_form form input, .ajax_form form textarea, .ajax_form form select {
	font-size:12px;
	line-height:13px;
	margin:5px;
	padding:2px;
}


.ajax_form .mandatory {
	background-color:#ffebe3;
}


.weight {
	font-size:190%;
	font-weight:bold;
	vertical-align:baseline;
}

.version_rating {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	height:20px;
	margin:0px 5px 0px 0px;
	padding:5px;
	text-align:center;
	margin-top:3px;
	line-height:1;
	font-size:120%;
	font-weight:bold;
	vertical-align:baseline;
	background-color:#666666;
	color:#ffffff;
}

/*------ TAG CLOUD ------*/
.word {
  	font-family: Verdana, Tahoma, Arial;
  	padding: 4px 4px 4px 4px;
  	letter-spacing: 3px;
  	text-decoration: none;
  	font-weight: normal;
}
.size9 {
  	color: #000;
  	font-size: 22px;
}
.size8 {
  	color: #111;
  	font-size: 20px;
}
.size7 {
  	color: #222;
  	font-size: 18px;
}
.size6 {
  	color: #333;
  	font-size: 16px;
}
.size5 {
  	color: #444;
  	font-size: 14px;
}
.size4 {
  	color: #555;
  	font-size: 12px;
}
.size3 {
  	color: #666;
  	font-size: 10px;
}
  .size2 {
  	color: #777;
  	font-size: 8px;
}
.size1 {
  	color: #888;
  	font-size: 7px;
}
.size0 {
  	color: #999;
  	font-size: 6px;
}

.hint {
	color: #999999;
}


.ajax_mandatory {
	background-color:#ffebe3;
}

a.tag {
	background-color: #e4f1e0;
	border-bottom: 1px solid #578e3e;
	border-right: 1px solid #82b67f;
	color: #408e3e;
	line-height: 2.4;
	margin: 2px 8px 2px 0;
	padding: 3px 4px;
	white-space: nowrap;
	text-decoration: none;
}

a.tag:hover {
	background-color: #578e3e;
	border-bottom: 1px solid #578e3e;
	border-right: 1px solid #578e3e;
	color: #e4f1e0;
	line-height: 2.4;
	margin: 2px 8px 2px 0;
	padding: 3px 4px;
	white-space: nowrap;
	text-decoration: none;
}

.bold {
	font-weight: bold;  
}

.transparent {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
}

.transparent:hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1.0;

  /* Safari 1.x */
  -khtml-opacity: 1.0;

  /* Good browsers */
  opacity: 1.0;
}

/* COUNTER SPECIFIC STYLES */
.counter{
	width: 321px;
}
.counter ul.countdown{
	list-style-type: none;
	color: white;
	font-weight: bold;
	text-align: center;
	margin-left:0;
	padding-left:0;
}
.counter ul.countdown li{
	float: left;
	background: url(/images/digit70x70.png) no-repeat;
	height:70px;
	width: 70px;
	padding-top: 10px;
}
.counter ul.countdown li div{
	font-size: 10px;
}
.counter ul.countdown li div.countdown_num{
	font-size: 24px;
	margin-bottom:0px;
}
.counter ul.countdown li.no_countdown{
	padding-top:4px;
	background:transparent;
	height:70px;
	width:100px;
}

#sponsored_list_container {
    width: 920px;
    height: 220px; 
    text-align: left;
    line-height: 1.1em; 
}
.sponsored_list_box {
    width: 220px;
    float: left;
    margin-right:6px;

}
.sponsored_box_oben {
    width: 220px;
    height: 140px; 
	border: 1px solid #556066;
}
.sponsored_box_unten {
    width: 220px;
    height:80px;
    background-color:#556066;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 3px;
    padding-bottom: 0;
    padding-top: 4px;
    padding-left: 2px;
    padding-right: 2px;
    text-shadow: 1px 1px 0 #333333;
}
.sponsored_box_unten a {
    color: #FFFFFF;
}
.sponsored_box_unten_open{
    height: 50px;
}
.sponsored_box_unten_unten{
    height: 30px;
}