html, body, td, th, select, input, textarea, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-family:'Salsa', sans-serif, Helvetica, Arial, Verdana;
	color:#333;
	font-size:14px;
	line-height:140%;
}
html {
	height:100%;
	position:relative;
}
body {
	background-color:#fff;
	text-align:center;
	height:100%;
	position:relative;
}
th, td {
	text-align:left;
	vertical-align:top;
}
p, ul, h3, h4, h5, h6, table {
	margin:0 0 8px 0;
	padding:0;
}
table {
	border:0;
	border-spacing:0;
}
h1 {
	margin:0;
	padding:12px 0;
	font-size:2em;
	line-height:140%;
	font-weight:normal;
	text-transform:uppercase;
	color:#333;
}
h2 {
	margin:0;
	padding:6px 0;
	font-size:1.4em;
	line-height:140%;
	font-weight:normal;
	text-transform:uppercase;
	color:#333;
}
a, a:link, a:visited, a:active, a:hover {
	color:#d52b1e;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0 none;
	vertical-align:middle;
}
form {
	display:inline;
}
ul {
	list-style-position:outside;
}
li {
	margin:0 0 0 16px;
}
input,
textarea,
select {
	padding:2px 4px;
    color:#000;
    background-color:#fff;
	border:1px solid #333;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}
hr {
	margin:6px 0;
	padding:0;
	height:1px;
	border:0 none;
	background-color:#333;
	width:100%;
}
fieldset {
	margin:10px 0;
	padding:10px 20px;
	border:1px solid #333;
}
legend {
	padding:0;
	font-size:14px;
	line-height:140%;
	color:#d52b1e;
	font-weight:bold;
}

/*---------------------------------
Container
---------------------------------*/
#wrapper {
	text-align:center;
	min-height:100%;
	position:relative;
}
nav {
	margin:0;
	padding:10px 0;
	height:20px;
	background-color:#000;
	border-bottom:4px solid #fff;
}
header {
	height:160px;
	background-color:#d52b1e;
	border-bottom:6px solid #000;
}
#content {
	margin:0 auto;
	padding:20px 0 246px 0;
	width:960px;
	text-align:left;
}
footer {
	margin:0;
	padding:40px 0 20px 0;
	border-top:6px solid #d52b1e;
	border-bottom:40px solid #888;
	background:#000;
	height:120px;
	width:100%;
	position:absolute;
	bottom:0;
}

/*---------------------------------
Header
---------------------------------*/
div#header {
	margin:0 auto;
	padding:0;
	width:960px;
	height:160px;
	overflow:hidden;
	text-align:left;
	background:transparent url('../images/header.png') left 10px no-repeat;
}
h1#pageHeadline {
	margin:6px 0 0 0;
	padding:0 20px 0 0;
	height:120px;
	overflow:hidden;
	text-shadow:2px 2px #333;
	font-weight:bold;
	font-style:italic;
	text-transform:none;
	color:#fff;
	font-size:90px;
	line-height:120px;
	text-align:right;
}
.projectSelect {
	text-align:right;
}

/*---------------------------------
Navigation
---------------------------------*/
ul#navigation {
	margin:0 auto;
	padding:0;
	width:960px;
	height:20px;
	overflow:hidden;
	text-align:right;
	list-style-type:none;
	list-style-image:none;
}
ul#navigation li {
	margin:0;
	padding:0 10px 0 0 ;
	display:inline;
	color:#fff;
}
ul#navigation li a {
	color:#fff;
}

/*---------------------------------
Footer
---------------------------------*/
#footer {
	margin:0 auto;
	width:960px;
	height:120px;
	overflow:hidden;
	text-align:left;
}

/*---------------------------------
Karte
---------------------------------*/
div.cardsBox {
	padding:0 20px 20px 0;
	width:300px;
	float:left;
}
div.cardsBox ul li:hover {
	background-color:#f1f1f1;
}
div.card {
	margin:0 auto 20px auto;
	padding:10px 40px 30px 40px;
	width:620px !important;
	width /**/:700px;
	height:320px !important;
	height /**/:360px;
	overflow:hidden;
	background:transparent url('../images/karteikarte.jpg') 0 0 no-repeat;
}
div.card p.header {
	margin:0;
	padding:0;
	height:20px;
	overflow:hidden;
	overflow:hidden;
	text-align:right;
	color:#888;
}
div.card div.cardBack {
	display:none;
}
div.card p.text {
	margin:16px 0 15px 0;
	padding:0;
	font-size:38px;
	line-height:47px;
	height:94px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}
div.card p.additionalText {
	margin:2px 0 16px 0;
	padding:0;
	height:130px;
	font-size:20px;
	line-height:24px;
	font-style:italic;
	text-align:center;
}
div.card p.links {
	margin:0;
	padding:0;
	height:50px;
	vertical-align:middle;
}
div.card p.links a {
	vertical-align:middle;
}
div.card p.links a {
	margin:0 6px;
}
textarea#suggestedCardAnswer {
	width:600px;
	height:120px;
	font-size:20px;
	line-height:26px;
}

/*---------------------------------
Allgemein
---------------------------------*/
.error,
ul.error li,
.red {
	color:red;
	font-weight:bold;
}
.green,
.success {
	color:green;
	font-weight:bold;
}
div.error {
	padding:0 0 20px 20px;
	background:#fff url('../images/action_delete.png') left 2px no-repeat;
}
div.success {
	padding:0 0 20px 20px;
	background:#fff url('../images/action_check.png') left 1px no-repeat;
}
.big {
	font-size:14px;
	line-height:140%;
	font-weight:bold;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.italic {
	font-style:italic;
}
.clear {
	margin:0;
	padding:0;
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
}
.small {
	font-size:10px;
	line-height:140%;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}

select.select,
input.textline {
	width:220px;
}
input.textline-small {
	width:60px;
}
span.error,
textarea.error,
select.error,
input.error {
	font-weight:normal;
	color:#fff;
	background-color:#F63C3C;
}
input.submit,
input.button,
a.button {
	margin:0;
	padding:2px 14px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	background-color:#b3b3b3;
	background:-moz-linear-gradient(bottom,#f1f1f1,#b3b3b3);
	background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#b3b3b3));
	filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#f1f1f1',endColorstr='#b3b3b3');
	border:1px solid #333;
	cursor:pointer;
	display:inline;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}
input.submit:hover,
input.button:hover,
a.button:hover {
	color:#fff;
	background-color:#333;
	background:-moz-linear-gradient(bottom,#b3b3b3,#333);
	background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#333));
	filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#b3b3b3',endColorstr='#333');
}
input.radio,
input.checkbox {
	border:0;
	vertical-align:middle;
}
ul.list {
	margin:0 0 20px 0;
}
ul.list li {
	padding:2px;
}
a.add {
	padding-left:20px;
	background:#fff url('../images/add.png') left 2px no-repeat;
}
div.message {
	margin:0 0 20px 0;
	padding:8px 35px 8px 14px;
	width:400px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	background-color:#FCF8E3;
	border:1px solid #FBEED5;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#AC7800;
}
button.close {
	padding:0;
	cursor:pointer;
	background:transparent;
	border:0;
	position:relative;
	top:-2px;
	right:-21px;
	line-height:20px;
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-shadow:0 1px 0 #fff;
	vertical-align: middle;
	text-align:center;
	float:right;
	-webkit-appearance:none;
	opacity:0.2;
	-webkit-box-align:center;
}