/* 	standard-css www.kunstbalkon.de */

/* 	colors
	schwarz 	= #000
	weiss 		= #FFF
	dunkelgrau	= #333
	hellgrau    = #7F7F7F
*/


/*  general  */	

html, body, div, h1, h2, h3,  ul, ol, 
span, a, table, td, form, img, li, input,
header, main, tt { 
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF; }

body { 
	background: url(../img/bg.png); }
	
img {
	border: 0; }

.clear { 
	clear: both; }
	
h1 {
	font-weight: bold;
	font-size: 12px; }

.hidden {
	height: 0;
	width: 0;
	visibility: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */ }
	
.message {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
	
a:link 		{ color: #fff; text-decoration: underline; }
a:visited 	{ color: #fff; text-decoration: underline; }
a:hover 	{ color: #D4D4D4; text-decoration: underline; }
a:active 	{ color: #fff; text-decoration: underline; }

/* 	Header  */	

#head {
	width: 772px;
	height: 73px;
	background-color: #000; }
	
#logo, #before_category, #category {
	padding-top: 54px;
	height: 11px;
	float: left; }
	
#logo {
	padding-left: 26px;
	width: 200px; }	
	
#before_category {
	width: 250px; }
	
#category {
	width: 276px; }
	
/* 	nav layer */		

#nav_main {
	height: 148px;
	width: 772px;
	background-color: #333; }
	
#nav, #nav_pic, #nav_text {
	padding-top: 39px;
	height: 99px;
	float: left; }
	
#nav {
	background: url(../img/bg_nav.gif) no-repeat; 
	padding-left: 26px;	
	width: 161px; }

#nav_pic {
	width: 289px; }

#nav_text {
	width: 276px; }
	
/* 	nav nav :-) */	

#nav a:hover, #nav a:active, #nav a.act { 
	background-image: none; }
	
#nav a { 
	display: block;
	text-decoration: none; }
	
a#ausstellungen		{ background: url(../img/button_ausstellungen.gif) no-repeat; width: 135px; height: 12px; }
a#kuenstler		{ background: url(../img/button_kuenstler.gif) no-repeat; width: 135px; height: 15px; }
a#kunstbalkon 	{ background: url(../img/button_kunstbalkon.gif) no-repeat; width: 135px; height: 15px; }
a#kontakt 		{ background: url(../img/button_kontakt.gif) no-repeat; width: 135px; height: 12px; }
a#links 		{ background: url(../img/button_links.gif) no-repeat; width: 135px; height: 20px; }

/* 	subnav  */

#subnav, #subnav_leer {
	padding-left: 26px;
	padding-top: 10px;
	height: 110px;
	width: 161px; 
	float: left; }
	
#subnav {
	background: url(../img/bg_subnav.gif) no-repeat; }
	
#subnav_yes {
	float: left;
	}
	
#subnav a:hover, #subnav a:active, #subnav a.subact { 
	background-image: none; }
	
#subnav a { 
	display: block; 
	text-decoration: none;}
	
a#bosch			{ background: url(../img/button_subnav_bosch.gif) no-repeat; width: 106px; height: 12px; }
a#jaekel		{ background: url(../img/button_subnav_jaekel.gif) no-repeat; width: 106px; height: 15px; }
a#reinckens		{ background: url(../img/button_subnav_reinckens.gif) no-repeat; width: 130px; height: 15px; }
a#rozsas 		{ background: url(../img/button_subnav_rozsas.gif) no-repeat; width: 106px; height: 15px; }
a#skopnik 		{ background: url(../img/button_subnav_skopnik.gif) no-repeat; width: 130px; height: 15px; }
a#stange 		{ background: url(../img/button_subnav_stange.gif) no-repeat; width: 106px; height: 15px; }
a#werner 		{ background: url(../img/button_subnav_werner.gif) no-repeat; width: 106px; height: 12px; }

/* 	main  */	
	
.main {
	width: 772px; }
	
.row_deco, .row_pic, .row_text  {
	padding-top: 10px;
	height: 99px;
	float: left; }

.row_deco {
	padding-left: 26px;
	width: 161px; }

.row_pic, .row_bigpic {
	width: 289px; }
	
.row_text, .row_bigtext {
	width: 276px; }
	
.row_big2pic {
	width: 476px; }
	
.row_bigpic, .row_bigtext, .row_big2pic  {
	padding-top: 10px;
	float: left; }
	
.kontakt_left {
	width: 106px;
	float: left; }
	
.kontakt_right {
	width: 170px;
	float: left; }
	
/* Formulare */

label {
	width: 100px;
	font-weight: bold;
	display: block; }
	
input, textarea { 
	width: 276px; 
	color: #000;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; }
	
select { 
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; }
	
/* 	foot  */	
	
#footer {
	padding-left: 26px;
	padding-top: 39px;
	width: 300px; }