@CHARSET "UTF-8";

body{ 
background:url(../images/site-background.jpg) #eef4f9 repeat-x;
margin: 0;
padding:0; 
font-family:Arial,sans-serif;
font-size:1.0em;
line-height:1.2em;          
} 

#container {
width: 930px; 
margin:20px auto;
}

#topshadow {
width:930px;
height:34px;
margin-top:20px;
background:url(../images/shadow/top.png) no-repeat;
}

#header {
height:343px;
width:930px;
background:url(../images/shadow/middle.png) repeat-y;
}

#quicklist {
margin:0 auto 30px auto;
padding:8px;
font-family:Arial; font-size:12px; color:#444;
text-align:left;
border:1px dotted #6b9ef1;
}

#headerimg {
position:absolute;
top:25px;
width:900px;
height:352px;
margin-left:15px;
background:url(../images/header/newheader900x352.jpg) no-repeat; 
}

#middleshadow {
width:930px;
background:url(../images/shadow/middle.png) repeat-y;
}

#canvas {
width:860px;
margin-left:15px;
padding:0 20px;
}
  
#bottomshadow {
width:930px;
height:34px;
background:url(../images/shadow/bottom.png) no-repeat;
}

#content {
float:right;
width:600px;
margin-right:15px;
}

#content h1 {
font-family:Arial,sans-serif;
font-size:1.8em;
margin-bottom:10px;
line-height:1.2em;
}

#content p {
font-family:Arial,sans-serif;
font-size:1.0em;
line-height:1.4em;
}

#nav {
width:200px;
float:left;
}

#nav ul { 
list-style-type:none;
padding-left:10px;
}

#nav li, a {
font-family:Arial,sans-serif;
font-size:1.0em;
line-height:27px;
cursor:pointer;
text-decoration:none;
color:rgb(67,67,67);
}

#nav a:visited {
color:rgb(67,67,67);
}



#footer {
width:930px;
margin-bottom:30px;
}

#footer p {
text-align:center;
font-family:Arial,sans-serif;
font-size:0.7em;
color:#666;
}

#kontaktform {
padding:10px 20px;
border-top: 1px dotted #6b9ef1;
border-bottom: 1px dotted #6b9ef1;

}

#kontaktform label {
font-family:Arial,sans-serif;
font-size:0.8em;
}

.kontaktform{
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2em;
	color: #5f95ef;
	margin-bottom: 0.4em; 
  cursor:pointer;
}


#personal {
text-align:left;
margin:15px;
}

#personal h3 {
font-family:Arial,sans-serif;
font-size:1.2em;
color:rgb(255,102,0);
border-bottom: 1px dotted #6b9ef1;
}

.personal {
height:210px;
}

#personal p {
font-family:Arial,sans-serif;
font-size:1.0em;
line-height:1.2em;
}

#personal img {
width:140px;
float:left;
margin-right:20px;
}

.link {
cursor:pointer;
text-decoration:underline;
}


.clearboth {
clear:both;}

.gallery {text-align:center;}

.gallery img {
border:1px solid #000;margin:5px;width:90px;height:90px;
}

#productlist {
float:left;
width:100%;
border-top: 1px dotted #6b9ef1;
}

#productlist img {
float:right;
width:140px;
margin:4px;
}

.product {
margin-bottom:70px;}



.navitem_1 {background:#0088ff;}
.navitem_2 {background:#7fb51a;}
.navitem_3 {background:#e31b4f;}
.navitem_4 {background:#ffaa00;}
.navitem_5 {background:#c0e31b;}
.navitem_6 {background:#1be3a3;}


 /* Slidern */
	.coda-slider, .coda-slider .panel { width: 900px } 
.coda-slider-wrapper { padding: 0 }
	.coda-slider { background:transparent; }
	
	 
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
#produktkatalog {padding:14px;}	
.showpk {cursor:pointer;}	

.textimg {
  width:300px;
}
p.centerimg {
  text-align:center;margin-top:25px;
}
#bannerholder {
text-align:center;
width:200px;
}
	
.banner {
margin-top:40px;
text-align:center;

}	

.banner img {border:0;}

a{
	text-decoration: none;
}
strong{
	font-weight: 700;
}

img {
  border:0;
}

/******* FORM *******/
#contakt_frm{
	padding: 0 10px 10px;
}
#contakt_frm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#contakt_frm input{
	width: 220px;
	padding: 6px;
	color: #666;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
#contakt_frm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#contakt_frm textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #666;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	border: 1px solid #cecece;
}
#contakt_frm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#contakt_frm div{
	margin-bottom: 15px;
}
#contakt_frm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#contakt_frm div span.error{
	color: #e46c6e;
}
#contakt_frm #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#contakt_frm #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}

/******* /FORM *******/

#splash {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -300px;  
  margin-top: -170px;
  width:600px;
  height:340px;
  z-index:1;
}