/* allgemeine angaben ____________________________________________ */

* {					
	margin:0;
	padding:0; /* bringt alle browser auf gleiche abstände  */
	/*overflow-x:hidden; */   /* regelt die sichtbarkeit der scrollbalken unabhängig  */ 
	/*overflow-y:auto*/      /* regelt die sichtbarkeit der scrollbalken unabhängig  */

}

/* templates _________________________________________________________________________*/

body {
	margin-top: 0px;
	margin-left: 0px;
	background:url(bilder/hintergrund_muster.gif) repeat;
	overflow:hidden;
}
html {
	overflow-x:hidden;  /* für Explorer  */
	overflow-y:hidden;
	
	}
/*#overflow {
	overflow:auto;
}*/
#leiste {
	position:absolute;
	top: 0;
	left:0;
	background-image:url(bilder/leiste.jpg);
	background-repeat:repeat-x;
	width:2000px;
	height:15px;
	z-index:2;
}
#koellelogo {
	position:absolute;
	top: 26px;
	left: 20px;
	background:url(bilder/koelle_logo.gif) no-repeat;
	height:38px;
	width:150px;
	z-index:1;
}
#kruemelbild {
	position:absolute;
	background:url(daten/flash/kekse_hintergrund.gif)  no-repeat;
	top: 299px;
	left: 0px;
	width:720px;
	height:350px;
	border:0px none;
	z-index:1;
}

/* typo _________________________________________________________________________*/

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

h1 {
	font:14px "Times New Roman", Times, serif;
	color:#990000;
	line-height:18px;
	letter-spacing:1px;
}
p {
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	letter-spacing:1px;
	line-height:16px;
	padding-top:2px;
}
.impressum {
	font:italic 12px Arial, Helvetica, sans-serif;
	color:#333333;
	letter-spacing:1px;
	line-height:16px;
	padding-top:3px;
}
.impressum a {
	font:italic 12px Arial, Helvetica, sans-serif;
	color:#990000;
	letter-spacing:1px;
	line-height:16px;
	padding-top:3px;
}
.impressum a:hover {
	font:italic 12px Arial, Helvetica, sans-serif;
	color:#333333;
	letter-spacing:1px;
	line-height:16px;
	padding-top:3px;
}
.bottom {
	padding:0 0 15px 0;
}
/* elemente _________________________________________________________________________*/

#ganzoben {
	position:absolute;
	top: 0px;
	left: 180px;
}
#sternchenoben {
	position:absolute;
	top: 18px;
	left: 180px;
	font: bold 15px "Times New Roman", Times, serif;
	color:#333333;
}
#weitunten {
	position:absolute;
	top: 2070px;
	left: 180px;
	font: bold 15px "Times New Roman", Times, serif;
	color:#333333;
}
#sternchentext {
	position:absolute;
	top: 2080px;
	left: 190px;
	width:560px;
	height:220px;
	z-index:1;
}
#sternchentext p {
	font:10px "Times New Roman", Times, serif;
	color:#333333;
	line-height:12px;
	padding-bottom:20px;
}
.emoticons {
	font:14px Arial, Helvetica, sans-serif;
	color:#000000;
}
#haupttext {
	position:absolute;
	top: 110px;
	left: 200px;
	width:530px;
	height:155px;
	z-index:10;
}
#flashinhalt {
	position:absolute;
	top: 310px;
	left: 0px;
	width:720px;
	height:270px;
	border:0px none;
	z-index:2;
}


/* hauptmenue _________________________________________________________________________*/ 

#menueblock	{
	position:absolute;
	left:20px;
	top:110px;
	list-style-type: none;
	width:160px;
	z-index:1;
}
#menueblock a	{
	display:block;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	letter-spacing:1px;
	list-style-type:none;
	line-height:19px;
	text-decoration:none;
	width:160px;
}
#menueblock a:hover	{
	font:13px "Times New Roman", Times, serif;
	color:#990000;
	line-height:19px;
	outline:none;
}
#menueblock a:active	{
	font:13px "Times New Roman", Times, serif;
	color:#990000;
	line-height:19px;
}
#menueblock ul		{
	display:block;
	list-style-type: none;
	width:160px;
	/*padding: 0;	
	margin: 0;*/
}
#menueblock li 		{
	display:block;
	list-style-type: none;
	/*padding: 0;	
	margin: 0;*/
	width:160px;
}

/* bildermenue _________________________________________________________________________*/ 

#bilderleiste	{
	position:absolute;
	top:15px;
	left:200px;
	width:800px;
	height:65px;
	z-index:1;
}
#bilderleiste img {
	border:0px none;

}
#willkommenbild a	{
	position:absolute;
	top:0;
	left:0;
	background-image:url(bilder/jpg/willkommen01.jpg);
	background-repeat:no-repeat;
	background-position:0x 0px;
	width:55px;
	height:65px;
	z-index:2;
	outline:none;
}
#willkommenbild a:hover  {
	background-position:-55px 0;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#webdesignbild a	{
	position:absolute;
	top:0;
	left:65px;
	background-image:url(bilder/jpg/webdesign01.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#webdesignbild a:hover  {
	background-position:-55px 0;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#printdesignbild a	{
	position:absolute;
	top:0;
	left:130px;
	background-image:url(bilder/jpg/printdesign01.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#printdesignbild a:hover  {
	background-position:-55px 0;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#corporatedesignbild a	{
	position:absolute;
	top:0;
	left:195px;
	background-image:url(bilder/jpg/corporatedesign01.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#corporatedesignbild a:hover  {
	background-position:-55px 0;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#screendesignbild a	{
	position:absolute;
	top:0;
	left:260px;
	background-image:url(bilder/jpg/screendesign01.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#screendesignbild a:hover  {
	background-position:-55px 0;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#eventdesignbild a	{
	position:absolute;
	top:0;
	left:325px;
	background-image:url(bilder/jpg/eventdesign01.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#eventdesignbild a:hover  {
	background-position:-55px 0;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#historiebild a	{
	position:absolute;
	top:0;
	left:390px;
	background-image:url(bilder/jpg/historie01.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#historiebild a:hover  {
	background-position:-55px 0;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#kontaktbild a	{
	position:absolute;
	top:0;
	left:455px;
	background-image:url(bilder/jpg/kontakt01.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
#kontaktbild a:hover  {
	background-position:-55px 0;
	width:55px;
	height:65px;
	z-index:1;
	outline:none;
}
/* kontaktformular _______________________________________________________________ */

#formular { 
	position:absolute;
	left: 200px;
	top: 245px;
	padding:0;
	width:530px;
	z-index:10;
}
input, select  { 	
	display:block;
	width: 450px;
	margin:0;
	padding:0;
	font: 11px Arial, Helvetica, sans-serif;
	color:#990000;
	letter-spacing: 1px;
}
textarea  { 	
	display:block;
	width: 455px;
	margin:0;
	padding:0;
	font: 11px Arial, Helvetica, sans-serif;
	color:#990000;
	letter-spacing: 1px;
}
label { 
	display:block;
	width: 70px;
	text-align: left; 
	padding: 0;
    margin:0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333333;
	letter-spacing: 2px;
	line-height:18px;
}
input#submit {

	width: auto;
}
input a:hover { 
	background-color:#CCCCCC;
    padding:0;
	margin:0;
}
form { 
	margin:0;
	padding:0;
}
.submit { 
	display:inline; 
	marg\in: 15px; /* ie hack  */
	margin:15px 0 0 0;
	width: 140px;
	height:20px;
	text-align:center;
	font: 11px Arial, Helvetica, sans-serif;
  	color:#333333;
	letter-spacing: 1px;
	padding:0;
}
	
/* highlighting _________________________________________________________________________*/

body#willkommen a#willkommen,
body#webdesign a#webdesign,
body#printdesign a#printdesign,
body#corporatedesign a#corporatedesign,
body#screendesign a#screendesign,
body#eventdesign a#eventdesign,
body#historie a#historie,
body#links a#links
{
	font:13px "Times New Roman", Times, serif;
	color:#990000;
	line-height:19px;
	
}

body#kontakt a#kontakt
{	
	font:13px "Times New Roman", Times, serif;
	color:#990000;
	line-height:19px;
	overflow:auto;
}