/* CSS Document */
#list ul li {list-style:none}
#image {max-width:200px; max-height:200px; border:1px solid #ccc}
a:focus {
 outline: none; /* Damit Firefox keinen aktiven Rand um Links zeigt */
}
body {
	background-color:#fff;
	font:1.0em 'trebuchet MS', Arial, Helvetica, sans-serif;
	background:url(images/sitebg.jpg);
	margin:0;
	padding:0;
	
}

#topbar {margin:0; padding:0; top:0; border:0; height:230px; width:100%; z-index:-90; position:absolute; background:url(images/subtopgradient.jpg) top left; -moz-border-radius: 0px;-webkit-border-radius: 0px; }

h1 { font:1.563em/1.375em 'trebuchet MS', Arial, Helvetica, sans-serif; color:#c24462; }

h3 {
	font-family:arial,helvetica,sans-serif;
	color:#888888;
	font-weight:bold;
}

div {
	margin:10px;
	background-color:#f9f8f3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:1px solid #ccc;
	padding:10px;	
}
#card {display:none}
#left {
	margin:5px;
	background-color:#fafaf6;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border:1px solid #ffffff;
	padding:5px;	
}

#right {
	margin:5px;
	background-color:#fafaf6;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border:1px solid #ffffff;
	padding:5px;
}


label {color:#585858}

.label { font:1.0em 'trebuchet MS', Arial, Helvetica, sans-serif; color:#585858; }

.field {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:0;
	background-color: #e6e6e6;
	color:#000;
	padding: 5px;
	border:1px solid #ccc;
	color:#585858;
}

input  {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:0;
	background-color: #e8e8e8;
	color:#000;
	padding: 5px;
	border:1px solid #ccc;
	color:#585858;
}

select {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:0;
	background-color: #e8e8e8;
	color:#000;
	padding: 5px;
	border:1px solid #ccc;
	color:#585858;
}



input:hover {background-color: #d8d8d8;}
input:focus {background-color: #d8d8d8;}

select:hover {background-color: #d8d8d8;}
select:focus {background-color: #d8d8d8;}

.checkbox {	
	border:0;
	background-color: #f9f8f3;
	color:#000;
	padding: 5px;
}

#colorpicker {


}
.button {background-color:#c24462; color:ffffff; border:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:5px; margin-bottom:5px}
.button:hover {background-color:#de627f; color:ffffff; border:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer}

.required {
	color:#FF0000;
	font-weight:bold;
	font-size:12px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background-color:#fafaf6;
	border:0;
}
.required:hover {background-color:#fafaf6;}

.cssbutton {
	color: #fef4e9;
	border: solid 0px #b5cee2;
	background: #4798d6;
	background: -webkit-gradient(linear, left top, left bottom, from(#5ba4dc), to(#2f7ab3));
	background: -moz-linear-gradient(top,  #5ba4dc,  #2f7ab3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ba4dc', endColorstr='#2f7ab3');
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: 10px 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
	box-shadow: 5px 5px 5px rgba(0,0,0,.2);
	width:160px;
	height:15px;
	margin:10px;
}
.cssbutton:hover {
	background: #b5cee2;
	background: -webkit-gradient(linear, left top, left bottom, from(#2f7ab3), to(#5ba4dc));
	background: -moz-linear-gradient(top,  #2f7ab3,  #5ba4dc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f7ab3', endColorstr='#5ba4dc');
}
.cssbutton:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

#indexpage {clear:both}

#indexpage li {list-style:none; float:left;}