html, body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	background-color: #4a5e6a;
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #303d45;
	font-size: 0.98em;
}




/* ########## HEADER ########## */

#top {
	width: 100%;
	height: 140px;
	background-color: #32424C;
	border-bottom: 3px solid #a7cbd6;
	text-align: right;
}


#top h1 {
	margin: 0px;
	margin-right: 50px;
	color: #ecf1f3;
	font-size: 2em;
	padding-top: 10px;
}


#top h2 {
	margin-right: 50px;
	margin-top: 0px;
	color: #A7CBD6;
	font-size: 0.97em;
}


#top ul {
	text-align: left;
	list-style-type: none;
	float: left;
	margin-top: 39px;
	margin-left: 20%;
}


#top ul li {
	padding-top: 5px;
	display: inline;
	font-size: 0.98em;
	font-weight: bold;
	background-color: #577a85;
	margin: 10px;
}


#top ul li:hover, #top ul .active {
	background-color: #a7cbd6;
}


#top ul a {
	margin: 20px;
	color: #ecf1f3;
	text-decoration: none;
}


#top .title {
	width: 400px;
	text-align: left;
	float: right;
	margin-top: 34px;
	margin-left: -100px;
	color: #ecf1f3;
	font-size: 0.98em;
}


#top .title a {
	text-decoration: underline;
	color: #ecf1f3;
}

#top .title a:hover {
	text-decoration: underline;
	color: #32424C;
	background-color: #ecf1f3;
}




/* ########## Box mittig ########## */

#middle {
	width: 980px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}




/* ########## Inhalt ########## */

#content {
	width: 550px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
}


#content .con-top {
	width: 550px;
	height: 10px;
	background: url(../img/content/top.png) no-repeat center top;
}


#content .con-middle {
	width: 500px;
	min-height: 500px;
	padding-left: 25px;
	padding-right: 25px;
	background-color: #FFFFFF;
}


#content .con-bottom {
	width: 550px;
	height: 12px;
	background: url(../img/content/bottom.png) no-repeat center top;
}


#content .scriptbox {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}


#content .scriptbox .top {
	width: 500px;
	height: 39px;
	background: url(../img/scriptbox/top.png) no-repeat center top;
	font-weight: bold;
	line-height: 39px;
}


#content .scriptbox a {
	color: #303d45;
	font-size: 0.98em;
}


#content .scriptbox a:hover {
	color: #404d55;
	font-size: 0.98em;
}


#content .scriptbox .top span, #content .scriptbox .bottom span {
	float: left;
	margin-left: 10px;
}


#content .scriptbox .top .rating, #content .scriptbox .bottom .downs {
	float: right;
	margin-right: 10px;
}


#content .scriptbox .top .rating {
	margin-top: 5px;
}


#content .scriptbox .middle {
	width: 480px;
	padding: 10px;
	padding-bottom: 20px;
	background-color: #ecf1f3;
	border-bottom: 1px solid #303d45;
}


#content .scriptbox .bottom {
	width: 500px;
	height: 20px;
	background: url(../img/scriptbox/bottom.png);
}


#content a, .menue_right table td a, .menue_right a {
	color: #303d45;
}


#content a:hover, .menue_right table td a:hover, .menue_right a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #303d45;
}


#content .scriptbox .top a:hover {
	background-color: transparent;
}


#content .colortable {
	width: 500px;
	margin-bottom: 50px;
	border-collapse: collapse;
}


#content .colortable th, #content .colortable td {
	padding: 3px;
	border: 1px solid;
}


#content .colortable .colorname {
	width: 150px;
}


#content .colortable .hex {
	width: 150px;
}


#content .colorlist {
	float: left;
	margin-right: 50px;
	margin-bottom: 50px;
}


#content .coloroutput {
	width: 100px;
	height: 100px;
	margin-left: 40px;
	float: left;
}


#content .colorinput {
	float: left;
}


#content .colorinput td, #content .colorinput th {
	padding: 3px;
}


#content .colorhex {
	float: left;
	margin-left: 40px;
	margin-top: 18px;
}


#content .code {
	background-color: #F0F0F0;
	margin-left: 50px;
	width: 380px;
	border: 1px solid black;
	padding: 10px;
}


#content .space {
	width: 1px;
	height: 270px;
}


#content .con-middle .back {
	margin-top: 100px;
}


#content h3 {
	width: 500px;
	background-color: #d6e3e9;
	margin-bottom: 30px;
	margin-top: 0px;
	padding: 3px;
	font-size: 0.99em;
}


#content h4 {
	width: 500px;
	background-color: #d6e3e9;
	margin-bottom: 0px;
	margin-top: 40px;
	padding: 3px;
}


#content hr {
	color: #4a5e6a;
	margin-top: 3px;
	margin-bottom: 5px;
}


#content .downimg {
	margin-top: 50px;
	clear: both;
}


#content ul {
	list-style-type: none;
	margin-left: -20px;
}


table th {
	background-color: #d6e3e9;
	padding: 5px;
	border: 1px solid #d6e3e9;
}


table td {
	background-color: #ecf1f3;
	padding: 5px;
	border: 1px solid #d6e3e9;
}


table {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 50px;
	border-collapse: collapse;
}


#content .scripttable {
	width: 506px;
	margin-top: 0px;
}


#content .scriptp {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 496px;
	background-color: #ecf1f3;
	padding: 5px;
}


#content .footer {
	width: 496px;
	margin-top: 0px;
	padding: 5px;
	background-color: #d6e3e9;
}


#content .button_b {
	width: 23px;
	height: 22px;
	background:url(../img/bbcode/bold.gif);
}


#content .button_i {
	width: 23px;
	height: 22px;
	background:url(../img/bbcode/italic.gif);
}


#content .button_u {
	width: 23px;
	height: 22px;
	background:url(../img/bbcode/underline.gif);
}


#content .button_url {
	width: 23px;
	height: 22px;
	background:url(../img/bbcode/url.gif);
}


#content .width25 {
	width: 25px;
}


#content .width225 {
	width: 225px;
}


#content .width75 {
	width: 75px;
}


#content .width50 {
	width: 50px;
}


#content .width250 {
	width: 250px;
}


#content .uploadbutton {
	margin-left: 50px;
}



/* ########## Menüs ########## */

#menue_left {
	width: 180px;
	float: left;
	margin-bottom: 20px;
}


#menue_left h3 {
	width: 180px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menue/top_left.png) no-repeat center top;
	text-align: center;
	line-height: 40px;
	font-size: 0.98em;
}


#menue_left .middle {
	width: 180px;
	background-color: #ecf1f3;
	padding-bottom: 40px;
}


#menue_left .bottom {
	width: 180px;
	height: 9px;
	background: url(../img/menue/bottom_left.png) no-repeat center top;
}


#menue_left input {
	margin-top: 20px;
}


#menue_left form .search {
	width: 100px;
	margin-left: 10px;
}


#menue_left form .submit {
	width: 50px;
	font-size: 0.96em;
	padding-left: 3px;
}


#menue_left ul {
	margin: 0px 10px 0px -30px;
	padding-top: 20px;
	list-style-type: none;
}


#menue_left li {
	width: 160px;
	height: 42px;
	line-height: 45px;
	display: block;
	font-weight: bold;
	background: url(../img/buttons_right/subcat.png) no-repeat center top;
}


#menue_left ul .head {
	background: url(../img/buttons_right/cat.png) no-repeat center top;
	color: #ecf1f3;
	font-size: 0.98em;
}


#menue_left ul li a {
	display: block;
	margin-left: 10px;
	color: #303d45;
	text-decoration: none;
	font-size: 0.9em;
}


#menue_left ul li a:hover {
	color: #6b7171;
}


.menue_right {
	width: 200px;
	float: left;
	margin-bottom: 20px;
}


.menue_right h3 {
	width: 200px;
	height: 40px;
	background: url(../img/menue/top_right.png) no-repeat center top;
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 40px;
	font-size: 0.98em;
}


.menue_right .middle {
	width: 180px;
	background-color: #ecf1f3;
	padding-bottom: 40px;
	padding: 20px 10px 20px 10px;
}


.menue_right .bottom {
	width: 200px;
	height: 9px;
	background: url(../img/menue/bottom_right.png) no-repeat center top;
}




.menue_right table {
	font-size: 0.9em;
	width: 180px;
	margin-bottom: 30px;
}



.menue_right h4, .menue_right p {
	margin: 0px;
}



.menue_right .details {
	font-size: 0.9em;
}


.menue_right .tab_mid {
	width: 140px;
}



/* ########## FOOTER ########## */

#footer {
	width: 100%;
	height: 80px;
	margin-top: 80px;
	margin-bottom: 0px;
	padding-top: 20px;
	border-top: 3px solid #a7cbd6;
	background-color: #32424C;
	text-align: center;
	font-size: 0.85em;
	color: #ecf1f3;
}


#footer a {
	color: #ecf1f3;
}


#footer a:hover {
	color: #32424C;
	background-color: #ecf1f3;
	text-decoration: none;
}






.clear {
	clear: both;
	line-height: 0px;
}


.left {
	float: left;
}


.right {
	float: right;
}


img {
	border: 0px solid;
}