@charset "utf-8";
/* CSS Document */


html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }



* {
margin: 0;
}

body {
background-image: url(../img/bg.gif);
background-repeat:repeat-x,y;
margin: 0px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 16px;
font-size:14px;
}

html, body {
height: 100%;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -1em;
}

#headerbg {
margin-top: 0px;
background: url(../img/headerbg.png) #333333 repeat-x -70% 0;
height: 60px;
width: 100%;

}


#headerlogo {
	float: left;
	}

#headerarial {
height: 60px;
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}



#navcontainer ul {
margin: 0;
padding-top: 20px;
list-style-type: none;
text-align: center;
float: right;

}

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #CCC;
-moz-border-radius: 5px;
border-radius: 5px;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #999;
-moz-border-radius: 5px;
border-radius: 5px;
}

#navcontainer:active
{ 
color: #fff;
background-color: #000;
-moz-border-radius: 5px;
border-radius: 5px;
}

#container {
	width:580px;
	padding-top:90px;
	padding-bottom: 20 px;
	margin:0 auto;
	position:relative;
	z-index:0;
	
}

#example {
	width:600px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:570px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


#main {
	width: 600px;
	hight: auto;
	margin-left:auto;
	margin-right: auto;
	background-color:#FFF;
	border: solid thin #CCC;
	font-size: 14px;
	color:#676767;
	
	}
#text {
	width: 300px;
	margin: 20px;
	padding: 10 px 10 px 10 px 10 px;
	}
	
#text input {
border: 1px solid #ccc;
height: 30px;
width: 200px;
color: #6F6F6F;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: url(../img/sidebg.png) no-repeat top center;

}

border: 1px solid #ccc;
width: 200px;
color: #6F6F6F;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: url(../img/sidebg.png) no-repeat top center;

}	


	
.products {
	width: 300px;
	}
	
#sidebar {
	width:195px;
	padding:10px;
	float:right;
	font-size:1.1em;
	border: 1px solid #ccc;
	margin: 20px 20px;
	background: url(../img/sidebg.png) no-repeat top center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;
	

	}
	


#alogo {
	text-align: center;
	}


	



.footer, .push {
height: 4em;

}

#footercontaioner {
background: url(../img/footerbg.png) repeat-x -70% 0;
height: 10em;
color:#999;
}

#footerarial {
	
	width: 600px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 20px;
	}

#footeradr {
	float:left;
	margin-top: 0px;
	}

#footerkontakt {
	float: right;
	margin-top: 0px;
	}


/*
	Anchors
*/

a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}