
html {
	height : 100%;
}

body {
	margin : 0;
	margin-top : 0;
	padding : 0;
	background : #080808;
	color : #4a4a4a;
	text-align : center;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	line-height : 1.5em;
}
p, h1, h2, h3, ul, table, th, td, dt, dd, blockquote {
	font-family : Arial, Helvetica, sans-serif;
}

#wrapper {
	position : relative;
	width : 820px;
	min-height : 100%;
	margin : 0 auto;
	padding : 0 !important;
	text-align : center !important;
	background-color: #000;
}
* html #wrapper {
	height : 100%;
}
.header {
	padding-left : 0px;
	padding-top : 20px;
	background : url(images/disco-deluxe-logo.jpg) no-repeat center top;
	height: 418px;
}
#content {
	clear : both;
	position : relative;
	padding : 5px 0px 10px 0px;
	background : #fff;
	width: 820px;
	text-align : left !important;
}
#main {
	margin-left : 0px;

}
#sidebar {
	width : 260px;
	margin-left : 15px;
	float: left;
}
#article {
	float : left;
	width : 480px;
	margin-left: 25px;
}
#footer {
	position : relative;
	width: 820px;
	height: 200px;
	background: #FFF;
	margin: auto;
	padding-top: 60px;
	padding-bottom: 30px;
}
#footer h1 {
	background: #000;
	color: #ff0066;
	text-align: left;
	height: 25px;
	margin-top: 10px;
	text-transform: uppercase;
}

* html #footer {
	overflow: hidden;
}

/*.header2 {
	padding-left : 39px;
}
#header2 {
	height: 442px;
	background: url(images/bg_top3.jpg) center top no-repeat;
	text-align: left;
}*/
a:link {
	color : #4a4a4a !important;
	text-decoration : none;
	font-weight : bold;
}
a:visited {
	color : #4a4a4a;
	text-decoration : none;
	font-weight : bold;
}
a:active {
	color : #28bb47;
	text-decoration : none;
	font-weight : bold;
}
a:hover {
	color : #228DFF !important;
	text-decoration : none;
	font-weight : bold;
}
h1 a {
	display : block;
	width : 125px;
	padding : 0;
	background : transparent url(images/logo.gif) no-repeat 0 0;
	font-size : 1px;
	text-indent : -9999px;
	height : 125px;
	text-align: left;
	color: #000;
	text-transform: uppercase;
}
#footer h1 {
	margin : 0 !important;
	padding : 10px 0 0 20px !important;
	border : 0;
}
h2 {
	font-size: 23px;
	line-height: normal;
	color: #000000;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
h2 a:link {
	color: #000 !important;;
}
h3 {
	margin :0;
	margin-bottom : 10px;
	padding : 0;
	color : #000;
	font-size: 14px;
	font-weight: bold;
	text-transform: lowercase;
	
}
h4 {
	margin :0;
	margin-bottom : 10px;
	padding : 0;
	color : #000;
	font-size: 12px;
	font-weight: normal;
	text-transform: lowercase;
}
h5 {
	margin : 5px 0;
	padding : 3px 0;
	padding-left : 13px;
	color : #000;
	font-size : 1em;
	vertical-align : middle;
	line-height : normal !important;
}
.headline {
	font-size: 21px;
	line-height: normal;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 4px;
}
.headline span,h2 span {
	font-size: 10px;
	font-weight: normal;
    text-transform: uppercase;
}

.top {
	margin-top : 39px !important;
}
.top2 {
	margin-top : 60px;
}
th, td {
	font-size : 11px !important;
	line-height : 1.5em;
}
div {
	margin : 0;
}
.logo {
	margin-left : 20px;
}
.person {
	color : #ff0066;
	font-weight : bold;
}
.lined {
	border : 1px solid #dadada;
}
.header3 {
	padding-left : 39px;
	padding-top : 20px;
}
dl#container {
	width : 437px !important;
}
dl#container dd {
	position : relative;
	top : -1.4em;
	left : 3em;
	z-index : 1;
	line-height : 1.5em;
}
dl#container dt {
	color : #ff0066;
	font-weight : bold;
}
dd.multi {
	margin-top : 10px;
}
table {
	margin-top : 20px;
}
th {
	text-align : center;
}
th, td {
	padding : 5px;
	font-size : 9px !important;
	text-align : left !important;
	vertical-align : top;
}
td.yr {
	color : #ff0066;
	font-weight : bold;
	vertical-align : top;
}
#side {
	float : left;
	width : 180px;
	padding-top : 37px;
}


dl {
	margin : 20px 0 0 0;
	padding : 0;
	width : 348px;
}
dd {
	position : relative;
	top : -1.4em;
	left : 11em;
	z-index : 1;
	line-height : 1.5em;
}

/*Formular*/
#registration input {
	width: 250px;
	height: 26px;
	background: #000;
	border: none;
	color: #fff;
	font-size: 19px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 3px 0px;
}
div.button input {
	color:#ffffff; 
	border:none; 
	overflow:visible; 
	display:inline; 
	margin:0px; 
	padding:0px 14px 2px 4px; 
	text-align: right;
}
/*
.button:hover,*[type="button"]:hover {
	color: #228DFF;
	background: #CCC;
}
*/
/*Ende Formular*/



.entry {
	margin-bottom : 60px;
}
.entry img {
	max-width : 470px;
}
.entryshort {
	margin-bottom : 30px;
}
img {
	border : none;
}
.float-left {
	float : left;
	margin-right : 0.9em;
}
.float-right {
	float : right;
	margin-left : 0.9em;
}
.pic {
	margin : 20px 0;
}
.topspacing {
	margin-top : 20px;
}
.hidden {
	display : none;
}
.clear {
	clear : both;
}
.clearfix:after {
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}
.clearfix {
	display : inline-block;
}
* html .clearfix {
	height : 1%;
}
.clearfix {
	display : block;
}

.border {
	border : 2px solid #c2c2c2;
}
ul#menu {
	top : 400px;
	left: 15px;
	display : block;
	width : 800px;
	height : 35px;
	margin : 0;
	padding : 0;
	list-style : none;
	overflow : hidden;
	z-index : 2;
}
ul#menu {
	position : absolute;
	list-style : none;
}
ul#menu li {
	list-style : none;
	float: left;
	padding: 3px 8px 3px 8px;
	background-color: #000;
	color: #28bb47;
	margin: 5px;
	text-transform: uppercase;
	font-size: 19px;
}


ul#menu li a:link {
	color : #ff0066 !important;
	text-decoration : none;
	font-weight : bold;
}
ul#menu li a:visited {
	color : #ff0066;
	text-decoration : none;
	font-weight : bold;
}
ul#menu li a:active, ul#menu li a.active, ul#menu li.current_page_item a {
	color : #28bb47;
	text-decoration : none;
	font-weight : bold;
}
ul#menu li a:hover {
	color : #228DFF !important;
	text-decoration : none;
	font-weight : bold;
}

#logo {
	float:left;
	position: absolute;
	margin: 10px 0 0 10px;
}
#logo a {
	display : block;
	width : 125px;
	height : 125px;
	background : url(images/logo.gif) no-repeat 0 0;
	font-size : 5px;
	text-indent : -9999px;
	text-decoration : none;
	z-index : 9;
}
li#blog {
	float : left;
	width : 75px;
	height : 75px;
}
li#blog a {
	display : block;
	width : 100%;
	height : 100%;
	background : url(images/menu_blog.gif) no-repeat 0 0;
	font-size : 5px;
	text-indent : -9999px;
	text-decoration : none;
	z-index : 3;
}
li#blog a:hover {
	background-position : 0 -75px;
}
li#about {
	float : left;
	width : 75px;
	height : 75px;
}
li#about a {
	display : block;
	width : 100%;
	height : 100%;
	background : url(images/menu_about.gif) no-repeat 0 0;
	font-size : 5px;
	text-indent : -9999px;
	text-decoration : none;
}
li#about a:hover {
	background-position : 0 -75px;
}
li#work {
	float : left;
	width : 75px;
	height : 75px;
}
li#work a {
	display : block;
	width : 100%;
	height : 100%;
	background : url(images/menu_work.gif) no-repeat 0 0;
	font-size : 5px;
	text-indent : -9999px;
	text-decoration : none;
}
li#work a:hover {
	background-position : 0 -75px;
}
ul#newssidemenu {
	display : block;
	width : 125px;
	height : 125px;
	margin : 0;
	padding : 0;
	list-style : none;
	overflow : hidden;
}
li#blankspace {
	display : block;
	float : left;
	width : 110px;
	height : 25px;
	font-size : 5px;
	text-indent : -9999px;
	text-decoration : none;
}
ul#storessidemenu {
	display : block;
	width : 141px;
	height : 75px;
	margin : 0;
	padding : 0;
	list-style : none;
	overflow : hidden;
}
ul#companysidemenu {
	display : block;
	width : 134px;
	height : 75px;
	margin : 0;
	padding : 0;
	list-style : none;
	overflow : hidden;
}
ul#footermenu {
	position : absolute;
	clear : both;
	top : 100px;
	right : 30px;
	display : block;
	width : 348px;
	height : 75px;
	margin : 0;
	padding : 0;
	list-style : none;
	overflow : hidden;
}
li#newsletter {
	float : left;
	width : 75px;
	height : 75px;
}
li#newsletter a {
	display : block;
	width : 100%;
	height : 100%;
	background : url(images/menu_rss.gif) no-repeat 0 0;
	font-size : 5px;
	text-indent : -9999px;
	text-decoration : none;
}
li#newsletter a:hover {
	background-position : 0 -75px;
}
ul#footersidemenu {
	position : absolute;
	clear : both;
	top : 100px;
	left : 49px;
	display : block;
	width : 115px;
	height : 50px;
	margin : 0;
	padding : 0;
	list-style : none;
	overflow : hidden;
}
li#advocacies {
	float : left;
	width : 115px;
	height : 25px;
}
li#advocacies a {
	display : block;
	width : 100%;
	height : 100%;
	background : url(images/footersidemenu_advocacies.gif) no-repeat 0 0;
	font-size : 5px;
	text-indent : -9999px;
	text-decoration : none;
}
li#advocacies a:hover {
	background-position : -115px 0;
}
li#legal_notice {
	float : left;
	width : 115px;
	height : 25px;
}
li#legal_notice a {
	display : block;
	width : 100%;
	height : 100%;
	background : url(images/footersidemenu_legalnotice.gif) no-repeat 0 0;
	font-size : 5px;
	text-indent : -9999px;
	text-decoration : none;
}
li#legal_notice a:hover {
	background-position : -115px 0;
}
li#copyright {
	float : left;
	display : block;
	width : 244px;
	padding : 0;
	margin-right : 10px;
	background : transparent url(images/copyright.gif) no-repeat 0 67px;
	text-align : center;
	font-size : 1px;
	text-indent : -9999px;
	overflow : hidden;
	height : 75px;
}
#commentform textarea {
	background : #f8f7f6;
	border : 1px solid #d6d3d3;
	width : 460px;
}
#commentform textarea:hover {
	background : #ffffff;
	border : 1px solid #d6d3d3;
}
#commentform textarea:focus {
	background : #ffffff;
	border : 1px solid #939793;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
	font-size : 1.1em;
	background : #ffffff;
	border : 1px solid #939793;
	width : 280px;
}
#commentform input {
	margin-bottom : 3px;
}
.flickr img {
	width:100px;
	height: 100px;
	margin: 0 1px 1px 0;
}
.vimeoBadge {
	margin: 0;
	padding: 0;
	font: normal 11px verdana, sans-serif;
}
.vimeoBadge img {
	border: 0;
}
.vimeoBadge a:link, a:visited, a:active {
	color:#333333;
	text-decoration:none;
	cursor:pointer;
}
.vimeoBadge a:hover {
	color:#228DFF;
}
.vimeoBadge #vimeo_badge_logo {
	width: 0px;
	height: 0px;
	visibility:hidden;
}
.vimeoBadge .credit {
	font: normal 11px verdana, sans-serif;
}
.vimeoBadge .clip {
	padding:0;
	float:left;
	margin:0 1px 1px 0;
	width:100px;
	line-height:0;
}
.vimeoBadge .caption {
	font: normal 11px verdana, sans-serif;
	overflow:hidden;
	width:80px;
}
.vimeoBadge .clear {
	display: block;
	clear: both;
	visibility: hidden;
}
#archive {
	list-style:decimal;
}
.com-list {
}
.com-list h3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: solid 1px #ebeadd;
}
.com-entry {
	background: url(images/com-top.png) no-repeat left top;
	margin-bottom: 20px;
}
.com-entry-bot {
	background: url(images/com-bot.png) no-repeat left bottom;
	padding: 10px 0px;
}
.com-con {
	padding: 10px 70px 10px 20px;
	font-size: 11px;
	line-height: 16px;
	color:#666;
	border-left: solid 1px #e7e5dd;
	border-right: solid 1px #e7e5dd;
	position: relative;
}
.com-name {
}
.com-avt {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 30px;
	height: 30px;
}
* html .com-avt {
	right: 40px;
}
.com-avt img {
	border: 1px solid #ccc;
}
.com-date {
	font-size: 10px;
	color: #999;
	margin-bottom: 10px;
}
.com-text {
	width:200px;
}
.com-date a, .com-date a:visited, .com-date a:hover {
	color: #999;
	text-decoration: underline;
}

/* SLIDER */

#carousel-wrapper {
    width: 500px;
    height: 500px;
    overflow: hidden;
}
#carousel-content {
    width: 2500px;
}
#carousel-content .slide {
    float: left;
    width: 500px;
    height: 500px;
}

/* Dynamic Sidebar */

div.sidebar2 {
width:260px;
margin:0px;
padding:0px;
list-style-type:none;
}

div.sidebar2 ul {
margin:0px;
padding:0px;
width:260px;
list-style-type:none;
}

div.sidebar2 ul li {
margin:0px 0px 40px 0px;
padding:0px;
list-style-type:none;
}

div.sidebar2 ul li.widget {list-style-type:none;}


