@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 14px;
	text-align: center;

}
#wrapper {
	min-width: 800px;
	display: inline-block;
	border: 1px solid #999;
	outline: 4px solid #ccc;
	text-align: left;
	padding: 20px;
}
#description {
	background-color: #eee;
	color: #333;
	margin-left: -20px;
	margin-right: -20px;
	padding: 10px 40px;
}
#description p:first-child {
	color: #666;
	font-size: 0.9em;
}
#description .pipe {
	padding-left: 10px;
	padding-right: 10px;
}

h1 {
	display: inline-block;
	color: #006dde;
	margin: 0px 0px 10px 0px;
}
a {
	color: #3385E4;
}
a:hover {
	color: #CC0000;
}
#mainlinks {
	float: right;
	padding: 0;
	margin: -10px;
	font-size: 0.9em;
}
#mainlinks a {
	color: #999;
}
#mainlinks a:hover {
	color: #C00;
}



/* ##### TABLE ################################################################################## */

table {
	border-collapse: collapse;
	margin: 5px;
}

td {
	padding: 3px 8px;
	text-align: center;	
}



/* ##### TABLE - HEADER ######################################################################### */

thead {
	background-color: #3385e4;
}
thead th {
	padding: 3px 8px;
	color: #fff;
}
thead tr.questionrow th {
	font-weight: normal;
}



/* ##### TABLE - FOOTER ######################################################################### */

tfoot {
	font-size: .9em;
	color: #666;
}
tfoot td:first-child {
	text-align: right;

}
tfoot td.win {
	color: #333;
	font-weight: bold;
}

/* ##### TABLE - BODY ########################################################################### */

tbody tr {
	border: 2px solid #fff;
}
tbody td {
	background-color: #eee;
	border: 2px solid #fff;
}

tbody td:first-child {
	text-align: left;
}


tr.curruserrow td {
	background-color: #dce9fa;
}

tbody td.neg {
	background-color: #ffccca;
}
tbody td.pos {
	background-color: #d1f3d1;
	color: #3a7c3a;
	font-weight: bold;
}

.list.umfrage td {
    text-align: left;
}
.list.umfrage td:first-child {
    text-align: right;
}


#user_edit {
	width: 300px;
}




input[type="submit"] {
	float: right;
	background-color: #0066DD;
	border: 1px solid #004EAA;
	border-radius: 4px;
	color: #FFFFFF;
	padding: 3px 8px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 10px;
}
input[name="abbruch"] {
	float: right;
	background-color: #EEEEEE;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	color: #666666;
	padding: 3px 8px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 10px;
}




.fa {
	padding-right: 4px;	
}
.fa-times {
	color: #C00;
}
.fa-check {
	color: #0A0;
}

a.icon {
	color: #00C;
	margin-right: 8px;
}
a.icon:hover {
	color: #C00;
}
a.icon .fa {
	padding-right: 0;
}

#abstimmen {
	float: right;
	background-color: #0066DD;
	border: 1px solid #004EAA;
	border-radius: 4px;
	color: #FFFFFF;
	padding: 3px 8px;
	margin-right: 20px;
}

p.back {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: .9em;
}
p.back a {
	color: #006dde;
}
p.back a:hover {
	color: #C00;
}

p.message {
	background-color: #eee;
	border: 1px solid #999;
	border-radius: 6px;
	color: #666;
	font-style: italic;
	padding: 3px 8px;
}
p.message:before {
	content: "\201E";
	font-size: 1.4em;
	font-weight: bold;
	padding-right: 3px;
}
p.message:after {
	content: "\201D";
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 3px;
}


.form {
	margin-left: -20px;
	margin-right: -20px;
	padding: 20px 360px 20px 80px;
	background-color: #edf4fe;
} 
.form label {
	display: block;
}
.form p {
	margin-top: 0;
}
.form input[type="text"],
.form input[type="password"],
.form textarea {
	display: block;
	width: 100%;
	margin-bottom: 5px
}

#groups {
	list-style-type: none;
	padding-left: 0;
}
#groups>li {
	padding-bottom: 40px;
}
#groups>li:last-child {
	padding-bottom: 0;
}


#manage_voting_form .fragen {
	padding-left: 40px;
}
#manage_voting_form .fragen ol {
	padding: 10px 0px;
}


.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}



/* ##### LOGIN ################################################################################## */

#login {
	background-color: #DCE9FA;
}
#login_box {
	background-color: #FFFFFF;
	margin: 200px auto 0px auto;
	width: 300px;
	padding: 40px;
	border: 1px solid #999999;
	border-radius: 8px;
	box-shadow: 10px 10px 5px #CCCCCC;
}
#login_box label,
#login_box input {
	display: block;
	text-align: left;
}
#login_box label {
	margin-bottom: 5px;
}
#login_box input[type="text"],
#login_box input[type="password"] {
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	background-color: #FFFFFF;
	width: 100%;
	font-size: 16px;
	padding: 4px 8px;
	margin-bottom: 20px;
}