/* colour v1.1
   16. Juli 2008
	  
*/


* { padding: 0; margin: 0; }

body {
 color: #000000;
 background-color: #AAAAAA;
 background-image: url(img/background.jpg);
 background-repeat: repeat;
 background-attachment:fixed;
}

#header {
 color: #333;
 background-image: url(images/top_bg_schwarz_elektronik.png);
}
#navigation {
 color: #333;
 background: #000000;
}
#rightcolumn { 
 color: #333;
 background: #FFFFFF ;
}
#boots { 
 color: #888888;
 background-image: url(images/boots_bg_schwarz.png);
}

#boots h2{
text-decoration: none;
font-weight: bold;
font-size: 11px;
color: #AAAAAA;
padding: 13px;
text-align: center;
}

.purple #nav{
width: 100%;
overflow: hidden;
border-bottom: 8px solid black; /*bottom horizontal line that runs beneath tabs*/
border-top: 3px solid black;
}

.purple #nav ul{
margin: 0px;
padding: 0;
padding-left: 10px; /*Abstand erstes Tab zum linken Rand*/
font: bold 11px Verdana;
list-style-type: none;
}

.purple #nav li{
display: inline;
margin: 0;
}

.purple #nav li a{
float: left;
display: block;
text-decoration: none;
margin-right: 5px; /*Abstand zum Naechsten */
padding: 7px 14px; /*padding inside each tab*/
border-left: 1px solid #AAAAAA; /*Rahmen, links*/
border-top: 1px solid #AAAAAA; /*Rahmen, oben*/
border-bottom: 1px solid #AAAAAA; /*Rahme unten*/
border-right: 1px solid #AAAAAA; /*Rahmen, rechts*/
color: white;
background-image: url("images/bg_butt.png");
background-repeat: repeat-x;
}

.purple #nav li a:visited{
color: white;
}

.purple #nav ul li a.current{ 
background-image: url("images/bg_butt_press.png");
background-repeat: repeat-x;
}

.purple #nav li a:hover {
background-image: url("images/bg_butt_press.png");
background-repeat: repeat-x;
}

.purple #nav li a.current:hover {
background-image: url("images/bg_butt_press_current.png");
background-repeat: repeat-x;
}


#logo {
	width: 200px;
	height: 100px;
	float: left;
}


#logo h1 {
	margin: 0;
	text-transform: lowercase;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: #BC00C0;
	padding: 59px 0px 0px 0px;
	background: url(images/chang.png) no-repeat center 10%;
	font-size: 32px;
}

#logo a {
	color: #E40000;
	text-decoration: none;
}



#leftcolumn {
	background: #000000 url(images/bg_leftbar.png) repeat-y;
	
}


#leftcolumn h1{
	background: #C40000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	margin: 4px;
	padding: 2px;
	text-align: center;
}

#leftcolumn h2{
	text-decoration: none;
	border-left: 5px solid #000000; 
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	background-color: #798189;
	margin: 4px 4px 4px 5px;
	padding: 2px;
	text-align: left;
}

#leftcolumn h3{
	text-decoration: none;
	border-left: 5px solid #000000; 
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #798189;
	margin: 4px 4px 4px 5px;
	padding: 2px;
	text-align: center;
}

#leftcolumn h4{
	text-decoration: none;
	border-left: 5px solid #000000; 
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	margin: 5px 2px;
	padding: 2px;
	text-align: center;
}

#leftcolumn a{
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

#leftcolumn a:hover{
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
}

#leftcolumn {
	color: #FFFFFF;
}

#rightcolumn h1{
	text-decoration: none;
	font-weight: bold;
	font-size: 24px;
	color: #C80000;
	margin: 30px;
	
}

#rightcolumn h2{
	text-decoration: none;
	font-weight: bold;
	font-size: 21px;
	text-align: left;
	color: #000000;
	margin-left: 30px;
	padding: 3px;
}

#rightcolumn h3{
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	margin-left: 30px;
	color: #000000;
	padding: 3px;
}


#rightcolumn h4{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background-color: #C80000;
	padding: 3px;
	margin-left: 30px;
}

#rightcolumn h5{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background-color: #424A52;
	padding: 3px;
	margin-left: 30px;
}

#rightcolumn h6{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background-color: #798189;
	padding: 3px;
	margin-left: 30px;
}

#rightcolumn a{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #C80000;
	padding: 3px;
}

#rightcolumn img{
	margin-left: 35px ;
	margin-right: auto;

}


