/* Screen.css */
html, body { margin: 0px; padding-top: 20px; }
body
{
  color: white;
  background: #545E70;
  font: 12px  Arial, sans-serif;
  line-height: 150%;
}

h1
{
  font-weight: normal;
  font-size: 16px;

}

h2
{
	font-size:14px;
  font-weight: normal;
  border-bottom: 1px solid #687181;
  background: #545E70;
}

h3
{
	font-size:9pt;
	color: #666;
	padding-top:20px;
}

a{
	text-decoration:none;
	color:#CC6600;
}

a:hover{
	text-decoration: underline;
}


#site
{
  margin: 0 auto;
  width: 796px;


}

#header
{ 
  position:relative;
  background: url('img/kauka-oben.png') no-repeat;
  background-position: 124px;
  height: 155px;
  padding: 0px;
  margin: 0px;
}

#header img
{
  position: relative;
  top: 0px;
  left: 550px;
  z-index: 2;
}

#header-print
{ 
  position:relative;
  height: 155px;

  margin: 0px;
  display: none;
}

#left a
{
  color: white;
  display: block;

}

#left a:hover
{
  color: #CC6600;
  text-decoration: none;
  padding-left: 10px;
}

#left
{
  position: relative;
  float: left;
	width: 150px;
	z-index: 2;
	}

#left li
{
  display: block;
  padding-left: 5px;
  padding-top: 3px;

}	
.sub1
{
background: url('img/menue-inactiv.png') no-repeat;
height: 26px;
margin-left: -20px;
}
.sub1:hover
{
background: url('img/menue-activ.png') no-repeat;
}

.sub2
{
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  background: #545E70;
  margin-bottom: 5px;
}


.sub2 a:hover
{
  background: black;
}

.sub2-activ
{  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  background: black;
  margin-bottom: 5px;
  color: #CC6600;
}

#left li:hover
{
	color: #CC6600;

}
#left ul
{
	list-style-type:none;
}

#left ol
{
  display: block;
	list-style-type:none;
}

.u-menue
{
background: url('img/menue-inactiv.png') no-repeat;
height: 26px;
margin-left: -20px;
z-index: 3;
}

.u-menue span a
{
  display: block;
  background: #545E70;
  border-top: 1px solid black;
	border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding-left: 5px;
}

.u-menue span a:hover
{
background: black;
}

.u-menue span
{
  display: none;
}

.u-menue:hover span
{
  display: inline;
  position: relative;
  top:-21px;
  left:58px;
  height: 100px;
  width:150px;
  display: block;
}


.menue_activ
{
  display: block;
	background: url('img/menue-activ.png') no-repeat;
	color: #CC6600;
	height: 26px;
	margin-left:-20px;
}


#bg
{
background: url('img/kauka-site.png') 124px repeat-y;
}

#content
{
  position: relative;
  margin: 0px 0px 0px 124px;
  padding: 50px;
  width: 450px;

z-index: 1;
}
#content img
{
  border: none
}


.text
{
  width: 432px;
  border: 1px solid #687181;
  padding: 8px;
}


#footer
{
	position: relative;
	height: 110px;
  padding-left: 160px;
  padding-top: 80px;
	color: white;
  background: url('img/kauka-footer.png') no-repeat;
}

input[type="text"]
{
  width: 200px;
  margin-right: 20px;
  background: #545E70;
  color: white;
  border-bottom: none;
  border-right: none;
  border-top: 1px solid #CC6600;
  border-left: 1px solid #CC6600;

}
textarea
{
  width: 430px; 
  background: #545E70;
  color: white;
  border-bottom: none;
  border-right: none;
  border-top: 1px solid #CC6600;
  border-left: 1px solid #CC6600;
}