﻿/*-----------------------------------------------
WHITE SHAPES TEMPLATE
Author:   Nadja Macht
Version:  1, DEZEMBER 2008
----------------------------------------------- */

/*  CSS Layout
----------------------------------------------- */
.body { 
	padding:0px 0px;
	text-align:center;
}

div#container {
	width:936px;
	margin:0 auto; 
	padding:0;	
	text-align:left;
}

div#top {
	width:936px;
	height:11px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://v3-blackbeatz.de/s/img/top.png');
	background:none;
}


html > body div#top{background:url('http://v3-blackbeatz.de/s/img/top.png') no-repeat 0 0;}

div#wrapper {
	width:916px;
	float:left;
	/*background-image:url('http://v3-blackbeatz.de/s/img/container.png') !important;*/
	background-color: #000000;
	
	
	
	
	
	padding:0 9px 0 9px;
	}
	
html > body div#wrapper {background-color: #000000;}


div#btm {
	width:936px;
	height:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://v3-blackbeatz.de/s/img/btm.png');
	background:none;
	float:left;
}

html > body div#btm {background:url('http://v3-blackbeatz.de/s/img/btm.png') no-repeat 0 0;}
	
div#header {
	position:relative;
	padding:0 0 2px 0;
	margin:0 0 0 2px;
	border-bottom:4px solid #C2C6CD;
	}

div.gradient {
	position:relative;
	width:918px;
	float:left;
	/*background:url('http://v3-blackbeatz.de/s/img/gradient.png') repeat-x left bottom;*/
	padding:15px 0 15px 0;
}

div.lines {
	position:relative;
	float:left;
	background:url('http://v3-blackbeatz.de/s/img/lines.gif') repeat-y 187px 0;
}

div#navigation {
	float:left;
	width:188px;
	position:relative;
	overflow:visible;
}

div#content {
	float:left;
	width:530px;
	margin:0;
}

div#sidebar {
	float:left;
	width:190px;	
}

div#navigation div.gutter {padding:0 5px 10px 8px;}
div#sidebar div.gutter {padding:0 10px 0 10px;}
div#content div.gutter {padding:0 10px 10px 10px;}


div#footer {background-color: #000000; width:918px; height:118px;}
div#footer div.gutter {padding:20px; color:#4B525C;}
div#footer div.gutter a {color:#4B525C; text-decoration:none;}

/*  Navigation
----------------------------------------------- */
div#navigation {
	width:188px;
	list-style:none;
	line-height:100%;
	margin:0 0 15px 0;
}

ul.mainNav3 {
	text-align:left;
	margin:0;
	padding:0;
	line-height:100%;
	list-style:none;
}

ul.mainNav2 {
	text-align:left;
	margin:0;
	padding:0;
	line-height:100%;
	list-style:none;
}

ul.mainNav1 {
	text-align:left;
	margin:0;
	padding:0;
	line-height:100%;
	list-style:none;
}

ul.mainNav3 li {
	display:inline;
	margin:0;	
	padding:0;
	list-style:none;
}

ul.mainNav2 li {
	display:inline;
	margin:0;	
	padding:0;
	list-style:none;
}

ul.mainNav1 li {
	display:inline;
	margin:0;	
	padding:0;
	list-style:none;
}

ul.mainNav1 li a {
	display:block;
	color:#4B525C;
	text-decoration:none;
	padding:6px 0 8px 10px;
	background:url('http://v3-blackbeatz.de/s/img/dots.gif') repeat-x left bottom;
}

ul.mainNav1 li a:hover {
	color:#4B525C;
	font-weight:bold;	
}

ul.mainNav1 li a.current:hover {
	font-weight:bold;
	color:#4B525C;	
}

ul.mainNav1 li a.current {
	font-weight:bold;
	color:#4B525C;	
}

ul.mainNav2 li a {
	padding:6px 0 8px 16px;
}

ul.mainNav3 li a {
	padding:6px 0 8px 22px;
}


/* Default font style, when no user style is active
// see https://bugzilla.tool.1and1.com/show_bug.cgi?id=192792
------------------------------------------------*/


td
{
	font:normal 11px/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}


table
{
	font:normal 11px/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}


p
{
	font:normal 11px/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}


body
{
	font:normal 11px/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

h1
{
	font:bold 14px/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	
}

h2
{
	font:bold 12px/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	
}

h3
{
	font:bold 12px/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	
}


/* Blog */

a.trackbackUrl:active
{
	background:#EEEEEE none repeat scroll 0% 0%;
	border:1px solid black;
	color:#333333;
	padding:2px;
	text-decoration:none;
}

a.trackbackUrl:hover
{
	background:#EEEEEE none repeat scroll 0% 0%;
	border:1px solid black;
	color:#333333;
	padding:2px;
	text-decoration:none;
}

a.trackbackUrl:visited
{
	background:#EEEEEE none repeat scroll 0% 0%;
	border:1px solid black;
	color:#333333;
	padding:2px;
	text-decoration:none;
}

a.trackbackUrl:link
{
	background:#EEEEEE none repeat scroll 0% 0%;
	border:1px solid black;
	color:#333333;
	padding:2px;
	text-decoration:none;
}

a.trackbackUrl
{
	background:#EEEEEE none repeat scroll 0% 0%;
	border:1px solid black;
	color:#333333;
	padding:2px;
	text-decoration:none;
}

a:visited
{
	text-decoration: underline; /* fix */
	color:#DB2F2C; 
}

a:link
{
	text-decoration: underline; /* fix */
	color:#DB2F2C; 
}

a:hover
{
	text-decoration:none; /* fix */
	color: #DB2F2C;
}

a:active
{
	text-decoration:none; /* fix */
	color: #DB2F2C;
}

div.hr
{
	border-bottom-style:dotted;
	border-bottom-width:1px; /* fix */
	border-color: #CCCCCC;
	height: 1px;
} 

.altcolor p { color:#000000;}

.altcolor { color:#000000;}

.altcolor h1 {color:#000000; }
.altcolor h2 {color:#000000; }

.altcolor a:visited { color:#000000; }

.altcolor a:link { color:#000000; }

.altcolor a:hover { color:#000000; }

.altcolor a:active { color:#000000; }

.altcolor div.hr {border-color: #000000;}





