@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/design/background.png);
	background-attachment: fixed;
	background-position: 50% 100%;
}
a {
	outline: none;
}


/**************************** Navigations-Stile ****************************/
.main {
	width: 950px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
.navi {
	height: 65px;
	border: 1px solid #FFFFFF;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}
.navi .logo {
	background-color: #888888;
	margin: 0px;
	height: 28px;
	padding: 0px 50px 0px 50px;
}
.navi .logo p {
	padding: 4px 20px 4px 20px;
	color: #CCCCCC;
	text-align: left;
	margin: 0px;
}
.navi ul {
	list-style-type: none;
	margin: 0px;
	display: block;
	height: 28px;
	padding: 0px 0px 0px 100px;
	background-color: #888888;
	border-top: 1px solid #FFFFFF;
}
.navi ul li {
	float: left;
	height: 28px;
}
.navi ul#adminmenu {
	list-style-type: none;
	margin: 0px;
	display: block;
	height: 24px;
	padding: 0px 0px 0px 50px;
	background-color: #888888;
	border-top: 1px solid #FFFFFF;
	font-size: 14px;
	overflow: hidden;
}
.navi ul#adminmenu li {
	float: left;
	height: 24px;
}
* html .navi ul li  {
	width: 100px;
	text-align: center;
	white-space: nowrap;
}
.navi a {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 20px 4px 20px;
	display: block;
	height: 20px;
}
.navi a:hover {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
}
.navi .enabled {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
}

/**************************** Inhalts-Stile ****************************/

.content {
	padding: 0px;
	margin: 40px 70px 20px 70px;
}
.content p {
	padding: 0px;
	margin: 5px 0px 15px 0px;
	font-size: 13px;
	text-align: justify;
}
.content img {
	background-color: #FFFFFF;
	padding: 1px;
	border: 1px solid #CCCCCC;
}
.content h1 {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	font-size: 20px;
	font-weight: bold;
}
.content h2 {
	padding: 0px;
	margin: 5px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
.content p a {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
}
.content p a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #EEEEEE;
	padding: 0px;
}
.content .columnOne {
	width: 370px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.content .columnTwo {
	width: 370px;
	margin: 0px;
	padding: 0px;
	float: right;
}
.content .imgright {
	float: right;
	margin: 0px 0px 20px 40px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.content .imgleft {
	float: left;
	margin: 0px 40px 20px 0px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.content .thumbs img {
	background-color: #FFFFFF;
	padding: 1px;
	border: 1px solid #CCCCCC;
	margin: 5px 10px 20px 0px;
}
.content .thumbs {
	padding: 0px 0px 0px 2px;
	height: 105px;
	overflow: hidden;
}
.content .thumbs .toggler {
	margin: -15px 0px 0px 0px; 
	background: #FFFFFF; 
	position: absolute; 
	text-align: right; 
	width: 355px;
	display: inline;
}
.content .box {
	width: 370px;
	margin: 0px 0px 50px 0px;
}
.content .box img {
	float: left;
	margin: 0px 10px 10px 0px;
}
.content .box p {
	text-align: left;
}

/**************************** Fußleisten-Stile ****************************/

.footer {
	padding: 0px;
	margin: 0px 70px 0px 70px;
	clear: both;
}
.footer p {
	text-align: right;
	font-size: 10px;
	color: #999999;
	padding: 20px 0px 20px 0px;
	;
	margin: 0px;
}

/**************************** Profil-Stile ********************************/

#loginForm {
	margin: 100px auto 100px auto;
	width: 500px;
}
#removeForm {
	text-align: center;
}
#removeForm p {
	text-align: center;
}
#deleteForm {

}
#deleteForm p {
	text-align: center;
}
#passwordForm {

}
#reminderForm {

}
#registerForm {

}
#editForm {
	margin: 0px auto 20px auto;
	width: 100%;
}
#uploadFormLogo {
	margin: 0px auto 20px auto;
	width: 100%;
}
#uploadFormImage {
	margin: 0px auto 20px auto;
	width: 100%;
}
.content form {
	margin: 0px auto 40px auto;
	border: 1px dashed #CCCCCC; 
	padding: 10px 20px 10px 20px;
}
.content form input {
	border: 1px solid #999999;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	padding: 1px 3px 1px 3px;
}
*html .content form input.button {
	overflow: visible; /* remove padding from left/right */
	width:0; /*remove the remaining space in IE6*/
}
.content form textarea {
	border: 1px solid #999999;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	width: 100%;
}
.content form select {
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.content form table {
	border: 1px solid #999999;
	font-size: 12px;
	padding: 0px;
	border-collapse: collapse;
	width: 100%;
}
.content form table td {
	border: 1px solid #999999;
	padding: 1px 3px 1px 3px;
}
.content form table th {
	background-color: #999999;
	color: #FFFFFF;
	border: 1px solid #000000;
	padding: 1px 3px 1px 3px;
}
.content form table .regText {
	width: 250px;
}
.content form table .regText div {
	width: 250px;
	height: 15px;
	overflow: hidden;
	display: block;
}
.content form table .regText div:hover {
	background-color: #FFFFAA;
	display: block;
	height: 100%;
	overflow: visible;
	white-space: normal;
	width: 250px;
}
.content form table .shortInfo {
	width: 400px;
}
.content form table .shortInfo div {
	width: 400px;
	height: 15px;
	overflow: hidden;
	display: block;
}
.content form table .shortInfo div:hover {
	width: 400px;
	background-color: #FFFFAA;
	display: block;
	height: 100%;
	overflow: visible;
	white-space: normal;
}
.error {
	color: #FF0000;
}
#artist img {
	float: right;
	margin: 0px 0px 10px 20px;
}
#artist {
	margin: 0px;
	padding: 0px 70px 0px 70px;
}
.content form table a {
	text-decoration: underline;
	color: #000000;
	background-color: #FFFFFF;
}
.content form table a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #EEEEEE;
	padding: 0px;
}
.selectGood {
	color: #008000;
}
.selectBad {
	color: #FF0000;
}
#message {
	color:#008000;
	float: right;
	background-color: #FFFFAA;
	padding: 3px;
}