html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: #f4faf6 url(../images/back.gif) repeat-x top left;
	margin: 0;
	padding: 0;
	text-align: center;
	font: normal 11pt Helvetica, Geneva, sans-serif;
	color: black;
}

form, ul, ol, li {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	margin: 10px 0;
	color: #7c7b7e;
}

h1 {
	font-size: 22px;
	color: #2b3036;
	padding: 5px 0;
}


h1 span, h2 span, h3 span, h4 span {
	font-weight: normal;
}

h4 {
	color: #155b53;
	font-size: 14px;
}

h4 a {
	color: #155b53;
	text-decoration: underline;
}

h5 {
	margin: 0;
}

a {
	font-weight: bold;
	color: black;
}

a img { 
	border: none; 
	background-color: transparent;
}

a.toggle.active:link,
a.toggle.active:visited,
a.toggle.active:hover {
	background: #999 !important;
	color: #000 !important;
	text-decoration: none;
	font-weight: normal !important;
}

p {
	line-height: 135%;
}

#wrapper {
	width: 957px;
	margin: 0 auto;
	text-align: left;
}

/* @group Header */

#header {
	width: 100%;
}

#landing #header {
	height: 140px;
}


#nav {
	height: 20px;
	padding: 5px;
	background-color: #404851;
	list-style-type: none;
	text-align: right;
}

#nav li {
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
	border-right: 1px solid #989799;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;	
}

#nav li a {
	text-decoration: none;
	color: white;
}

#header h1#logo {
	float: left;
	font-size: 48px;
	font-weight: lighter;
	margin: 5px;
}

#header h2 {
	margin: 10px;
	float: right;
	text-align: right;
	font-weight: lighter;
	font-size: 24px;
}

img#signup {
	width: 140px;
	height: 32px;
	position: relative;
	top: 8px;
}


#tabs {
	position: relative;
	background-color: #EBEBEB;
	border-bottom: 1px solid #E1E1E1;
	font-size: 92%;
	height: 29px;
}

#tabs li {
	display: inline;
}

#tabs li a {
	padding: 8px 30px;
	display: block;
	float: left;
	color: #333;
	border: none;
	font-weight: bold;
	text-shadow: 2px 2px #fff;
	position: relative;
	text-decoration: none;
	font-size: 12px;
}

#nav li a:hover {
	text-decoration: underline;
}

#tabs li.selected a {
	background-color: #155b53;
	color: #fff;
	text-shadow: #0f423c 2px 2px 0;
}


/* @end */

.flash_notice {
	border: 5px solid #9c9;
 	background-color: #cfc;
	padding: 5px;
	color: #577457;
}

.flash_error {
  	border: 5px solid #f99;	
  	background-color: #FFE5E5;
  	padding: 5px;
  	color: #FF4747;
}

.left {
	float: left;
}

.right {
	float: right;
}


.col {
	width: 430px;
}

.wide {
	width: 550px;
}

.box {
	width: 957px;
	margin-bottom: 20px;
}

.box .top {
	width: 957px;
	height: 15px;
	background: url(../images/box_top.png) no-repeat 0px 0px;
}

.box .center {
	width: 927px;
	padding: 0px 15px;
	background: url(../images/box_center.png) repeat-y 0px 0px;
}

.box .center h1,
.box .center h2,
.box .center h3,
.box .center p,
.box .center .question,
.box .center .form-tbl,
.box .center #optivo {
	margin: 0;
}

.box .center h1,
.box .center h2,
.box .center h3,
.box .center table,
.box .center .coreg {
	padding-bottom: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.box .bottom {
	width: 957px;
	height: 15px;
	background: url(../images/box_bottom.png) no-repeat 0px 0px;
}

.stripes {
	background: #b3dadd url(../images/stripes.png);
	width:920px;
}

#sponsors {
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

#sponsors img {
	margin-right: 50px;
	
}


/* @group Main */

#main {
	margin-top: 20px;
}

#intro {
	width: 925px;
	height: 307px;
	background: #e3eceb url(../images/intro.png) no-repeat;
	color: #00626c;
}

#intro.poll3 {
	background: #e3eceb url(../images/intro_poll3.jpg) no-repeat;
}

#content {
	width: 100%;
	margin-top: 20px;
	overflow: auto;
}

/* @end */

#footer {
	margin-top: 40px;
	padding: 10px;
	text-align: center;
	font-size: 70%;
	color: #7c7b7e;
	
}

/* @group Formular */


fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

form p {
	padding: 0 10px;
	margin: 5px 0;
}

.field {
	padding: 10px;
	font-size: 85%;
}

label {
	display: block;
	color: #999999;
	font-weight: bold;
	font-size: 11px;
	padding: 2px;
	/*letter-spacing: 1px;*/
}


label.desc {
	line-height:150%;
	padding: 0 0 1px 0;
	border: none;
	color: #222;
	display: block;
	font-size: 95%;
	font-weight: bold;
}

label.small {
	margin: 0;
	padding-top: 3px;
	clear: both;
	font-size: 9px;
	font-weight: normal;
	line-height: 9px;
	color: #444;
	display: block;
}

form.export {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 5px;	
	background-color: beige;
	font-size: 9px;
	white-space: nowrap;
}

form.export select {
	font-size: 9px;
}

form.export .button {
	font-size: 10px;
}


.action {
	padding: 10px;
}

.edit_question .action,
.new_question .action {
	padding-left: 130px;
}

input[type='text'], 
input[type='password'],
textarea {
	background-color: white;
	border: 1px solid #7c7b7e;
	padding: 3px;
}

.question input[type='text'] {
	width: 90%;
	
}

.question textarea {
	width: 87%;
	margin: 0 10px;
}



input[type='submit'], a.button {
	background-color: #7c7b7e;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border: none;	
	padding: 5px 10px;
	font-size: 14px;
	color: white;
	text-decoration: none;
}

input[type='submit']:hover, a.button:hover {
	background-color: black;
}

input#poll_submit {
	font-size: 16px;
}

input#user_captcha {
	width: 103px;
}

input#user_firstname,
input#user_lastname {
	width: 137px;
}

input#user_street,
input#user_city,
input#user_phone {
	width: 222px;
}

input#user_nr,
input#user_zip,
input#user_phone_prefix {
	width: 55px;
} 

input#user_nr,
input#user_lastname {
	margin-left: 4px;
}

input#user_zip,
input#user_phone_prefix {
	margin-right: 4px;
} 


.back {
	opacity: 0.4;
}

.action input[type='submit'] {
	background-color: black;
}

.required {
	font-size: 14px;
	font-weight: bold;
	color: #d4090f !important;
}

.hint, div.simple_captcha_label {
	padding: 5px 10px;
	color: #56585b;
	font-size: 10px !important;
}

.alert {
	background-color: #FFE5E5;
	padding: 0;
	margin-bottom: 10px;
	color: #d4090f;
	font-size: 10px;
	display: block;
	width: 290px;
}

.alert span {
	display: block;
	margin: 5px 0;
	padding: 2px 5px;
}

.form-tbl .hint {
	padding: 0;
	width:300px;	
}

.error,
.errorExplanation,
.fieldWithErrors input,
.fieldWithErrors select {
  	color: #FF4747;		
  	background-color: #FFE5E5;  	
	font-size: 11px;
}

.errorExplanation {
	padding: 5px;
}

.errorExplanation ul {
	margin: 0px 20px;
}

.errorExplanation li {
	padding: 2px;
}

.errorExplanation h2 {
	font-size: 14px;
	color: #d4090f;
}

.formError {
	color: #d4090f;		
	font-size: 10px;
}

td.address .formError {
	clear: both;
}

.fieldWithErrors {
	display: inline;
}

.fieldWithErrors input {
	border: 1px solid #d4090f;
}

.error span {
	display: block;
	padding: 5px;
}

#main #poll_name {
	font-size: 120%;
}

.show_options {
	padding: 0 10px;
	font-size: 11px;
	margin-bottom: 30px;
}

.show_options a {
	color: black;
}

.actually_hide_options {
	margin: 10px 0;
}

.extras {
	width: 84%;
	margin: 10px;
	padding: 5px;
	border: 3px solid #a5cacc;
	background-color: #b3dadd;
	font-size: 60%;
}

.extras p {
	margin: 10px 0;
}

.container {
	width: 100%;
	clear: both;
}

/* @end */

/* @group Tabelle */

table {
	width: 100%;
	margin: 20px 0;
	padding: 0;
	border-collapse: collapse; 	
	border-spacing: 0;
}


caption {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid silver;
	padding: 3px;
	margin: 3px;
}


th {
	font-size: 70%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
	background-color: #ccebed;
}

th.actions {
	width: 10%;
}


tr td {
	border-bottom: 1px solid silver;
	padding: 5px;
	font-size: 80%;
}

tr.even td {
	background-color: whitesmoke;
}

td.link a {
	color: black;
}

td.address input {
	float: left;
}

div.coregs {
	background-color: #e3eceb;
	color: #00626c;
	padding: 10px;
	font-size: 80%;
}

div.coregs, .coreg {
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid white;
	clear: both;	
	line-height: 15px;
}

.coreg .input {
	width: 30px;
	height: 50px;
	float: left;
}

.coreg .text {
}

.coreg .text p {
	margin-left: 20px;
}


.form-tbl {
	margin: 20px;
}

.form-tbl input {
	font-size: 130%;
}

.form-tbl label {
	font-weight: bold;
}

.form-tbl th {
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	padding: 10px 20px 15px 0px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	width: 100px;
	line-height: 15px;
}

.stripes .form-tbl th {
	color: white;
	
}

.form-tbl td {
	border-bottom: 1px solid #ddd;
	margin: 0pt;
	padding: 10px 20px 15px 0pt;
}


/* @end */

/* @group Umfrage */

.question, .user {
	padding-bottom: 30px;
	text-decoration: none;	
}

.user p {
	font-size: 12px;
}

.question:first-child {
	margin-top: 20px;
}

.question h2, .user h1 {
	background-color: #eeeff1;
	padding: 5px;
	color: black;
	font-size: 14px;
}

.question h2 a {
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

.question h2 a:hover {
	text-decoration: underline;
}

.answer {
	font-size: 80%;
	padding: 5px;
	border-bottom: 1px solid #eeeff1;
}

.notice {
 	background-color: #cfc;
	border: 1px solid #577457;	
 	margin: 30px 10px;
	padding: 5px;
	color: #577457;
	font-size: 12px;
	line-height: 15px;
}

#sponsoren {
	list-style-type: none;
	margin: 10px;
}

#sponsoren li {
	margin: 5px 0;
	border-bottom: 1px solid silver;
}

#optivo {
	font-size: 12px;
	margin-top: 0px !important;
}

#optivo p {
	margin-bottom: 20px;
}

#optivo .value,
#optivo .img,
#optivo .text {
	float: left;
	margin-right: 10px;
	
}

#optivo .text {
	width: 300px;
	
}


#optivo .disclaimer {
	margin: 20px 0 0 30px;
	font-size: 11px;
}

#optivo .disclaimer a {
	color: black;
}


/* @end */

/* Tag Clouds */


#tag_cloud, #tag_list, 
#questions,
#answers,
#optivo {
	background-color: #ccebed;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;		
	margin: 30px 0;
	padding: 10px;
}
table#tag_list {
	background-color: transparent;
}

#questions, #answers {
	margin: 0;
}

#tag_list {
	list-style-type: none;
}

#tag_list li {
	margin: 10px;
}

#tag_list a {
	color: black;
	font-size: 80%;
}

table#tag_list a {
	color: #ef8115;
	font-size: 100%;
}

#tag_cloud h2 {
	padding-left: 20px;
	background: url(../images/tag.png) no-repeat 0 5px;
}

#tag_cloud a {
	color: black;
	text-decoration: none;
}




.size1 { font-size: 1.0em; }
.size2 { font-size: 1.2em; }
.size3 { font-size: 1.4em; }
.size4 { font-size: 1.6em; }

/* Tabs mit Suche */


#quick-search {
	position: absolute;
	right: 10px;
	top: 0;
}

li#quick-search a {
	background: url(/images/search.png) no-repeat;
	width: 33px;
	text-indent: -9999px;
	padding: 8px 0;
	margin: 0;
}

li#quick-search a:hover {
	background-color: transparent;
	background-position: 0 -29px;
}

#searchbar, #searchform {
	line-height: 100%;
	background: #155b53 url(/images/quick-search-bg.gif) repeat-x;
	padding: 7px;
	text-align: right;
	color: #9FC7E3;
	white-space: nowrap;
}

#searchform {
	color: #fff;
	font-size: 12px;
}

#searchbar label, #searchform label {
	display: inline;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px #0f423c;
}

#searchbar input {
	width: 200px;
	color: #555;
	border: 1px solid #259EE6;
	border-top: none;
	border-left: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	
}

#searchbar a {
  color: #adf;
  font-size: 92%;
}

#searchform {
	text-align: left;
}


img#indicator {
	position: absolute;
	right: 50px;
	top: 5px;
}

/* Sort */

ul.sort {
	list-style-type: none;
}


ul.sort li {
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #a5cacc;
	background-color: #b3dadd;
	cursor: move;
	font-size: 80%;
}

ul.sort li:hover {
	font-weight: bold;
	border-style: solid;
}

/* Pagination */

#page_entries_info {
	font-size: 80%;
	color: #7c7b7e;
}
.pagination {
	padding: 3px;
	margin: 3px;
	font-size: 70%;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ccebed;
	text-decoration: none;
	color: #155b53;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #ef8115;
	color: #ef8115;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #b5d1d2;
	font-weight: bold;
	background-color: #ccebed;
	color: #155b53;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #eee;
	color: #ddd;
}

/* Modal */

#control_overlay {  
    background-color:#000;  
} 
 
.modal {  
    background-color:#fff;  
    padding:10px;  
    border:1px solid #333;  
} 



/* Bugfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }

.left {
	float: left;
}

.right {
	float: right;
}

.columns .col {
	width: 210px;
}

#teaser .col {
	height: 300px;
}

.col {
	float: left;
	padding: 10px;
	font-size: .8em;
}

.col img {
	width: 205px;
}