﻿/* // ---- General CSS cleaner ---- // */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* // ---- General layout styles ---- // */

body {
	/*background: url(images/general-bg.jpg) no-repeat top right !important; */
	background:#121212;
	min-width: 1004px; 
	_width:expression(document.body.clientWidth > 1004 ? "100%" : "1004px"); /* IE 6 + 7 */
}

img {
	-ms-interpolation-mode: bicubic
}

.megabackground {
    position: absolute;
    width: 100%;
    background: url(images/general-bg.jpg) no-repeat top right !important;
    top: 0;
	left: 0
}

.container {
	width: 930px;
	position: absolute;
	margin: 0 0 0 -465px;
	top: 0; 
	left: 50%;
	_width: 940px;
}

	.container #header {
		height: 283px; 
	}
	
		.container #header #top-logo {
			width: 309px; 
			height: 254px; 
			float: left;
		}
		
			.container #header #top-logo #swirls {
				height: 176px ; 
				width: 309px; 
			}
	
				.container #header #top-logo #swirls img {
					margin: 42px 0 0 0; 
					_filter:expression(fixPNG(this)); /* IE 6 */
					_height: 134px;
					_width: 268px;
				}
	
			.container #header #top-logo #logo {
				width: 309px;
				height: 78px; 
			}
	
				.container #header #top-logo #logo img {
					margin: 0 0 0 11px; 
					_filter:expression(fixPNG(this)); /* IE 6 */
					_width: 265px;
					_height: 75px;
				}
		
		.container #header #top-menu {
			width: 620px; 
			height: 254px; 
			margin: 0 0 0 308px;
			_margin: 0 0 0 0;
		}
		
			.container #header #top-menu #top {
				width: 622px; 
				height: 118px; 
			}

				.container #header #top-menu #top #slogan {
					width: 470px; 
					height: 118px; 
					float: left; 
				}
				
					.container #header #top-menu #top #slogan img {
						margin: 84px 0 0 0 ; 
						_filter: expression(fixPNG(this)); /* IE 6 */
						_width: 411px;
						_height: 33px
					}

				.container #header #top-menu #top #links {
					width: 151px; 
					height: 118px; 
					float: left; 
					margin: 77px 0 0 0; 
				}
				
					.container #header #top-menu #top #links a:hover {
						opacity: 0.6;
						-moz-opacity: 0.6;
						filter:alpha(opacity=60);
					}
					
					.container #header #top-menu #top #links li#order img {
						_filter: expression(fixPNG(this)); /* IE 6 */
						_width: 120px;
						_height: 10px
					}

					.container #header #top-menu #top #links li#contacts img {
						_filter: expression(fixPNG(this)); /* IE 6 */
						_width: 79px;
						_height: 11px
					}
			
			.container #header #top-menu #bottom {
			}
			
				.container #header #top-menu #bottom #flash-menu {
					width: 591px; 
					height: 125px; 
					margin: 7px 0 0 0 ; 
					_margin: -54px 0 0 0 ; 
				}
				
					.container #header #top-menu #bottom #flash-menu {
						margin: -55px 0 0 0;
						padding: 0 26px 0 0; 
						float:right
					}
				
				
	.container #left-menu {
		width: 309px;
		height: 275px; 
		float: left; 
		margin: 10px -30px 0 30px; 
		#margin: 10px -50px 0 30px; /* IE 6 */
		_width: 335px;
	}
	
	
	.container #text {
		width: 592px; 
		float: left; 
		/*min-height: 275px;*/
		margin: 0 0 0 0;
		font: normal 12px/18px Trebuchet MS, arial;
		color: #fff;
		_height: auto !important; /* IE 6 + 7 */
		_height: 275px; /*  IE 6 + 7 */

	}
	
		.container #text h2 {
			font: 24px arial; 
			padding: 0 0 20px 0; 
		}

		.container #text h1 {
			font: 24px arial; 
			padding: 0 0 20px 0; 
		}
		
		.container #text p {
			padding: 0 0 20px 0; 
		}
		
		.container #text a {
			color:#ffffff
		}
		
			.container #text a#edit {
				padding: 0 10px; 
			}
			
				.container #text a#edit:hover {
					color:#fff
				}
				
			.container #text input {
				background: #999; 
				border:solid 2px #333; 
			}
			
			.container #text textarea {
				background: #999; 
				border:solid 2px #333; 
				font: normal 13px/18px arial; 
				color:#fff; 
			}
			
			.container #text fieldset {
				padding:10px 10px;
				background: #333
			}

			.container #text table.package td {
				background: #333 !important;
				border: none;
				color:#eee
			}

			.container #text table.package .admin-required, .admin-dependencies {
				color:#999 !important
			}

			.container #text table.package tr {
				border-bottom: solid 1px #666;
				padding: 50px 0
			}

			.container #text li {
				list-style-image: url(images/li.png);
			}
	
	.container #notes {
		width: 100%; 
		clear: both;
		text-align: right;
	}
		
		.container #notes {
			margin: 0 -10px 0 0; 
		}
		
			.container #notes img {
				_filter: expression(fixPNG(this)); /* IE 6 */
				_width: 284px;
				_height: 112px
			}
	
	.container div#footer {
		width: 100%; 
		clear: both; 
		color: #fff; 
		font: normal 11px arial; 
		padding: 5px 0 15px 10px; 
	}
	
		.container div#footer img {
			position: absolute;
			padding: 0 20px 0 0; 
			margin: -5px 0 0 0; 
			_padding: 0 0 0 0;
			_filter: expression(fixPNG(this)); /* IE 6 */
			_width:7px;
			_height:25px
		}

		
		.container div#footer span#footer {
			padding: 0 5px 0 10px; 
		}
		
		.container div#footer span#purple {
			font: normal 12px arial;
			color: #e20079;
			padding: 0 5px; 
		}

		.container div#footer a span#akkord {
			color: #e20079 !important;
		}

		.container #footer a {
			color: #fff !important;
		}

			.container #footer a#mail {
				color: #fff !important;
			}

#success-send {
    padding: 20px;
    border: 2px solid #8f019c;
    background: #da0075;
    font: bold 14px arial;
    color: #fff;
    margin: 10px 0 10px 0;
    width: 92%;
}

#logout {
	position: absolute;
	z-index: 500;
	left: 50%;
	top: 20px;
	margin: 0 0 0 400px
}

#adminMenu {
	color:#fff;
	font:12px arial;
	padding:10px 0 0 0
}

	#adminMenu a {
		color: #fff
	}

		#adminMenu a:hover {
			color: #999
		}


#bot_link, #bot_link a {padding-top:100px;font-size:12px;color:#ffffff;}
#bdbd, #bdbd a{padding-top:10px;font-size:12px;color:#ffffff;}	

h1 {
			font: 24px arial; 
			padding: 0 0 20px 0;
			color:#ffffff;
		}
		

#seotext, #seotext a{color:#ffffff; font-size:14px;}
#seotext ul {padding:10px;}
#seotext li {padding-top:5px;}

.seo_text p {
color:#ffffff;
text-align:justify;
margin-top:10px;
margin-bottom:10px;
}


.seo_text h2 {
color:#ffffff;
text-align:left;
margin-top:15px;
margin-bottom:15px;
font-size:18px;
}

.seo_text h1 {
color:#ffffff;
text-align:left;
margin-top:15px;
margin-bottom:15px;
}

.seo_text li {
color:#ffffff;
text-align:justify;
margin-top:5px;
margin-bottom:5px;
}

.seo_text ul {
margin-top:5px;
margin-bottom:5px;
padding-left:15px;
}

.seo_text a {
color:#ffffff;
}

.container #text .seo_text p {
padding:0px;
}

.container #text .seo_text h2 {
font-size:18px;
padding:0px;
}

.container #text .seo_text strong {
color: rgb(226, 0, 121);
}