@charset "utf-8";
/* CSS Document */

#container {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
body {
	background-color: #00F;
}
#intro {
	height: 75px;
	background-color: #00F;
}
#login {
	border: thin solid #FA9722;
	background-color: #FA9722;
	height: 75px;
	margin-top: 5px;
	margin-bottom: 5px;
}


#title {
	background-color: #FFF;
}
#footer {
	border: thin solid #FFF;
	text-align: center;
	color: #FFF;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#mainContent  h1 {
	color: #00F;
	font-size: 24px;
}
#container #mainBacking #mainContent #singlesImage {
	float: left;
	width: 30%;
	margin-right: 5px;
}


#container #mainBacking #leftSideBar{
	width: 15em;
	float: left;
	background-color: #FA9722;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container #mainBacking #mainContent{
	margin-left: 16em;
	padding-top: 5px;
	overflow: visible;
}
#container #mainBacking{
	background-color: #FFF;
}
#container #mainBacking #rightSideBar{
	width: 15em;
	float: right;
	background-color: #FFF;
	text-align: center;
	margin: 5px;
	padding: 5px;
}


.footerP {
	font-size: 9px;
	margin: 10px;
}
.link1 A:link {text-decoration: none; color:#FFF}
.link1 A:visited {text-decoration: none; color:#FFF}
.link1 A:active {text-decoration: none; color:#FFF}
.link1 A:hover {text-decoration: underline; color:#F09;}

.link2 A:link {text-decoration: none; color:#0000FF}
.link2 {
	font-size: 14px;
}
.link2 A:visited {text-decoration: none; color:#0000FF}
.link2 A:active {text-decoration: none; color:#00F}
.link2 A:hover {text-decoration: underline; color:#0000FF;}

.link3 A:link {text-decoration: none; color:#FFF}
.link3 A:visited {text-decoration: none; color:#FFF}
.link3 A:active {text-decoration: none; color:#FFF}
.link3 A:hover {text-decoration: underline; color:#FA9722;}

body 				{
	color:#567475;
	line-height:1.1;
	font-family: auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#mainContent h2 {
	color: #00F;
}

body a 				{font-weight:bold;text-decoration:none;color:#567475;}
body a:hover 			{text-decoration:underline;}
label				{line-height:1.7;font-weight:bold}
.input				{
	border: 1px solid #FA9722;
	color:#443;
	padding:3px;
	outline:none;
	background-color: #e4ebeb;
	font-family: verdana, sans-serif;
	font-size: 11px;
	background-image: url(/login/images/input_stripe.gif);
}
.input:focus			{border:1px solid #567475;background: #e4ebeb;}
.submit-btn			{width: 54px;height: 20px;background:url(../login/images/submit.gif) no-repeat;outline: none;vertical-align:top;border:0;margin:5px 0 0 0;float:right}
.submit-btn			{margin:1px 0 0 0;#}
.submit-btn:hover		{background: url(../login/images/submit.gif) no-repeat 0 -20px;}
.clear				{clear:both}
#log 				{
	padding:15px;
	margin-top: 100px;
	margin-right: 17em;
	margin-bottom: auto;
	margin-left: auto;
	width: 230px;
}
#log p 				{margin:0;padding:4px 0 4px 0;}
.error 				{color:red;margin:0;padding:0;}
.msg 				{color:green;margin:0;padding:0;}
div.pages			{margin:10px;}
#container #mainBacking #mainContent #signup {
	width: 550px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFEBD7;
	border-right-color: #FFEBD7;
	border-bottom-color: #FFEBD7;
	border-left-color: #FFEBD7;
}

div.pages div,div.pages a	{margin-right:1px;padding:1px 5px 2px 5px;border:1px solid #99b3b4;text-decoration:none;font-size:12px;color:#99b3b4;}
div.pages div,div.pages a:hover	{border:1px solid #99b3b4;background-color:#99b3b4;color:#fff;}
div.pages .current		{border:1px solid #443;background-color:#99b3b4;color:#fff;}

table em			{color:#ccc;display:block;}
table em:hover			{color:#cc3399;}

caption 			{padding-left:10px;text-align: left;font: bold 11px;text-transform: uppercase;color: #FF6600;background:url(/login/images/pfeil2.gif) no-repeat left}

thead th, tfoot th, tfoot td 	{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	background: #CAE8EA url(/login/images/bg_header.jpg) no-repeat;
	
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.powered, .powered a		{margin-top:10px;color:#ccc;font-size:10px;text-align:right;font-family:Arial;}
.right {
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}
.mand {
	font-size: 10px;
	font-weight: bold;
	color: #F00;
}
#container #mainBacking #mainContent #sort {
	border: medium solid #FA9722;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	height: 50px;
}
#container #mainBacking #mainContent #dates {
	padding-top: 5px;
	padding-left: 5px;
	margin-right: 10px;
	margin-top: 10px;
}