/* CSS für kunstkommt.de 2009 */

body{
	font-family: Courier New, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:#FFFFFF;
	background-image: url(media/hgpunkt.jpg);
	scrollbar-face-color: #FFFFFF;
	z-index:0;
	}

p{
	line-height:12pt;
	margin-bottom:6pt;
}


li {	
	display:inline;
	list-style-type:none;
	padding:0px;
	margin:0px;
	}
	
ul{
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	list-style: none;
}

a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	color:#666666;
}

img{
	border:0;
	margin:0;
	padding:0;
}

a:link{
	color: #2D98D0;
	text-decoration: none;
	}

a:visited{
	color: #000000;
	}

a:hover{
	color: #000000;
	text-decoration: none;
}

a.menue {
	text-decoration: none;
	color:#000000;
}


/***********************************************/
/* Layout-divs                                 */
/***********************************************/

#hgfarbleiste {
    position:absolute;
	top: 145px;
	right: 0px;
	left: 49.99%;
	width: 50%;
	height: 270px;
	background-color:#bbbbbb;
	border-bottom: 5px solid #000000;
	border-top: 5px solid #000000;
	z-index:0;
	}

#weisserhintergrund {
	position:absolute;
	height:100%;
	min-height: 500px;
	vertical-align: middle;
	width: 955px;
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px; 
    	z-index:0;
	}
	
#pagewidth{ 
    width:955px; 
    text-align:left; 
    margin-left:auto; 
    margin-right:auto; 
    z-index:1;
}  

#header{
	position:relative; 
	background-color:#FFFFFF;
	height:125px; 
	width:935px;
	border-left: 20px solid #FFFFFF;

 }
 
*+html div#header { 
	width: 935px; 
	/* CSS-Kommentar nach dem Hack */ 
	}
 
 
 #navoben {
	position:relative; 
	height:20px; 
	width:935px;
	text-align: right;
	background-color:#FFFFFF;
	font-size:90%;
	font-weight: bold;
	letter-spacing:0.1em;
	border-right: 20px solid #FFFFFF;
 }
 
*+html #navoben { 
	width: 935px;
	/* Hack Breite */ 
	}
 
#bildbereichintro{
	position:relative;
	width: 935px;
	height: 270px;
	background-color:#bbbbbb;
	border-bottom: 5px solid #000000;
	border-top: 5px solid #000000;
    margin-left: 20px;
	}
	
* html #bildbereichintro{
	height: 270px;
	width: 935px;
	overflow: hidden;
	}
	
#bildbereich{
	position:relative;
	/*	width: 935px;*/
	width:935px;
	height: 270px;
	background-color:#bbbbbb;
	border-bottom: 5px solid #000000;
	border-top: 5px solid #000000;
	margin-left: 20px;
	}
		
* html #bildbereich { 
	margin-top:0px;
	margin-left:0px;
	padding-left:0px;
	border-left:0px;
	height: 270px; 
	width:955px;
	overflow:hidden;
	/* Hack f�r H�he der Bildbox f�r IE */ 
	}

#bild{
	position: relative;
	float:left;
	height:270px;
	width:700px;
	background-color:#bbbbbb;
	text-align:left;
	overflow: hidden;
	padding:0;
	margin:0;
	border:0;
	}
	

#bildbereich-textbox{
	position: absolute;
	top: 40%;
	left: 715px;
	width: 190px;
	background-color:#bbbbbb;
	text-align:left;
	vertical-align: bottom;
	overflow:visible;
	}
	
/*td{	height:250px;
	width: 225px;
	}*/


	
/*.unten	{
	vertical-align: bottom;}*/

#weissercontenthg {
	position:absolute;
	height:auto;
	overflow: visible;
	vertical-align: middle;
	width: 955px;
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
#content1 {
	position: relative;
	background-color: #FFFFFF;
	float: left;
	display: inline;
	width: 700px;
	height: auto;
	border-top: 35px solid #FFFFFF;
	border-right: 35px solid #FFFFFF;
	border-left: 20px solid #FFFFFF;
	border-bottom: 35px solid #FFFFFF;
	overflow: visible;
 }
 
#content2 {
	background-color: #FFFFFF;
	float: left; 
	display: inline; 
	position: relative; 
	width: 175px; 
 	height: auto;
 	border-top: 35px solid #FFFFFF;
	border-bottom: 35px solid #FFFFFF;
 }

#freiflaeche{
	height:100%;
	left: 50%;
	width: 955px;
	margin-left:-490px;
	padding: 0px;
	border-bottom: 0px solid #FFFFFF;
	background-color:#FFFFFF;
	z-index:0;
	}

#mixedmedia{
	position:absolute;
	left: 50%;
	top:480px;
	height:30px;
	width: 700px;
	margin-left:-490px;
	text-align: left;
	padding: 0px;
	border-bottom: 0px solid #FFFFFF;
	border-right:235px solid #FFFFFF;
	border-left:20px solid #FFFFFF;
	background-color:#FFFFFF;
	}
	
#seitenziffern{
	background-color:#006600;
	float:right;
	border:0px solid white;
	}
	
.linie {
	height:10px;
	width:699px;
	margin-top: 20px;
	float: left;
	display:inline;
	background-image: url(media/hgpunkt-grau.jpg);
	background-repeat: repeat-x;
	}
	

#news{
	width: 165px;
	height: auto;
	margin-top: 35px;
	margin-left: 20px;
	}
	
*+html #news{
	width: 165px;
}

 
/***********************************************/
/* Hauptnavi oben                              */
/***********************************************/
 
#navoben li a {
	color:#000000;
	text-decoration: none;
	letter-spacing:0.05em;
	}
	
#navoben li a:link {
	color:#000000;
	background-color:#FFFFFF;
	padding: 2px 8px 8px 8px;
	letter-spacing:0.05em;
	}

#navoben li a:visited {
	color:#000000;
	background-color:#FFFFFF;
	padding: 2px 8px 8px 8px;
	}
	
#navoben li a:hover {
	font-weight:bold;
	color:#FFFFFF;
	background-color:#000000;
	padding: 2px 8px 8px 8px;
	}
	
#navoben li a:active {
	color:#FFFFFF;
	background-color:#000000;
	padding: 2px 8px 8px 8px;
	}
	
	
/***********************************************/
/* Navigation rechts      navrechts                        */
/***********************************************/
	
#content2 li a {
	height: 32px;
  	/*voice-family: "\"}\""; 
  	voice-family: inherit;*/
  	height: 24px;
	text-decoration: none;
	text-indent:20px;
	}	

	
#content2 li a:link {
	color: #666666;
	display: block;
	background: url(media/menu1.gif);
	padding: 8px 0 0 0px;
	}
	
#content2 li a:visited {
	color: #666666;
	display: block;
	background: url(media/menu1.gif);
	padding: 8px 0 0 0px;
	}

	
#content2 li a:hover {
	color: #000000;
	background: url(media/menu1.gif) 0 -32px;
	padding: 8px 0 0 0px;
	}
	
#content2 li a:active {
	color: #000000;
	background: url(media/menu1.gif) 0 -64px;
	padding: 8px 0 0 0px;
	}
/***********************************************/
/* Markerbereiche                             */
/***********************************************/

.markerbereich {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	letter-spacing: 0.4em;
	text-indent: 20px;
	height: auto;
	width: 175px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	padding: 1px;
}

.markerbereichgrau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #EEEEEE;
	letter-spacing: 1px;
	text-indent: 20px;
	height: auto;
	width: 200px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	padding: 1px;
}

.marker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	letter-spacing: 0.05em;
	width: 250px;
	font-weight: bold;
	height: 20px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom: 20px;
	padding-bottom: 1px;
	padding-top: 10px;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight:bold;
	color: #666666;
	margin: 0px;
	padding: 0px;
}


h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #666666;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

h4.black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #bbbbbb;
	text-indent: 20px;
	height: auto;
	width: 185px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	padding: 1px;
	}

hr{
	border: 3px dotted #cccccc;
	letter-spacing: 3em;
}

.weiss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.02em;
} 

/***********************************************/
/* float containers fix                        */
/***********************************************/ 

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#content2{display:none;} 
#twocols, #content1{width:100%; float:none;}
}


/***********************************************/
/* altes Design                        */
/***********************************************/ 

/* seitennavigation mit popdown */


#navlist
{
position:relative;
color: #333333;
margin-left: 0px;
border-top:0px solid black;
border-top-color:#666666;
}

.active:hover li { 
	display: block; 
}

.active li { 
	display: none; 
}

.black { 
	color: #000000; 
}

li .navbutton {
list-style:inside;
border:0px;
margin:0px;
padding:0px;
}


/***********************************************/
/* Text                                 */
/***********************************************/

.pfeile {
	font-family:Arial, Helvetica, sans-serif;
	font-size:140%;
	font-weight:bold;
}

.bildtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	color:#000000;
}

.kategorietext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
	color:#999999;
}

.fliesstext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	color:#333333;
}

.abstand1 {
	height:50px;
	width:700px;
}

.keywords{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;
	color:#999999;
	float:right;
	overflow:hidden;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#kktlogo{
	margin: 0;
	padding: 0 0 0 0;
	}
#navobeninhalt {
	float:right;
	}
	
	
/***********************************************/
/* Kontaktformular                               */
/***********************************************/

.ab {
	padding-top: 3px;
	clear : both; }

.bez {
	float: left;
	width: 80px;
	text-align: right;
	font-weight : bold; 
}

.formw {
	float: right;
	width: 600px;
	text-align: left; 
}

.box {
	width: 700px; 
	height : 100%;
	background-color: #ffffff;
	border: 0px solid black;
	padding: 5px;
}

.absatz{
	width: 100%; height : 20px;
	border: 0px solid black;
}

.floatright{
	float: right;
}

/***********************************************/
/* Projekte                               */
/***********************************************/

#picstreifentitel {
	position: relative;
	height:auto;
	width: 650px;
	float: left;
	display:inline;
	padding-bottom: 20px;
	color: #000000;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	overflow:hidden;
}

#picstreifen {
	position: relative;
	height:auto;
	width: 700px;
	float: left;
	display:inline;
	padding-bottom: 20px;
	color: #bbbbbb;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	text-align: right;
	overflow:hidden;
}
	
#picstreifenlink {
	position: relative;
	height:auto;
	width: 50px;
	float: left;
	display:inline;
	padding-bottom: 0px;
	text-align: right;
	padding-top: 20px;
	overflow:hidden;
}
	
.newsueberschrift {
	font-family: Arial, Helvetica, sans-serif;
	color: #41a62a;
	font-size: 9pt;
	font-weight:bold;
}

#bereichsnavigation #navrechts .abstand {
	padding-left: 20px;
	line-height: 1.2pt;
}

#bereichsnavigation #navrechts .abstand .fliesstext a {
	color: #999999;
}

#bereichsnavigation #navrechts .abstand .fliesstext a:hover {
	color: #666666;
}