/*
	created by Johannes Puschnig, 2007-2010
	office@jopuso.at (http://www.jopuso.at)
	All rights reserved, Johannes Puschnig, 2007-2010
*/

* {margin:0;padding:0}
body {color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif;background: #b2b2b2 url("../images/body_bg.gif") repeat-x 0 0;text-align:center}

h1 {font-size:16px;padding-top:40px;}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#c00} 
a:visited {color:#999} 
a:hover,a:active {color:#069} 

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
p {text-align:center}

/* LAYOUT - main body of page */
#wrap {width:800px;margin:20px auto;position:relative;background:#fff;border:solid #000 1px}

/* LAYOUT - LOGO */
#logo {width:800px;height:310px;background: #fff url("../images/jopuso.jpg") no-repeat center}

/* LAYOUT - CONTENT */
#content-index {width:800px;height:300px;background: #fff url("../images/buttons-start/box.jpg") no-repeat 0 0;margin:0px 0px 20px 0px;padding:0}
#content-index p {padding: 10 20 0 20}

/* LAYOUT - SCROLLBOX */
#box {width:800px;height:300px;background: #fff url("../images/buttons-start/box.jpg") no-repeat 0 0}
#box #headline {font-size:40px;line-height:80px;text-align:center;font-family:"times new roman", helvetica, serif}
#box #scrollcontainer {width:760px;margin:0 20 0 20;overflow:hidden;border-top:dotted #c00 1px;border-bottom:dotted #c00 1px;padding:2 0 2 0}
#box #scrollcontent {width:2200px}
#box .product {float:left;margin:0}
#box .product-text {float:left;margin: 30 0 0 0;0;font-size:22px;line-height:30px;text-align:center;font-family:"times new roman", helvetica, serif;font-style:normal}

/* LAYOUT - BOTTONS */
#scroll-left {float:left;margin-left:25px; width:100px;background:#fff;height:30px;border:none;text-align:left}
#scroll-right {float:right;margin-right:25px; width:100px;background:#fff;height:30px;border:none;text-align:right}
#button1 {float:left;height:160px;width:207px;background: #fff url("../images/buttons-start/online_shop.jpg") no-repeat center;z-index:9999}
#button2 {float:left;height:160px;width:234px;background: #fff url("../images/buttons-start/programmierung.jpg") no-repeat center;z-index:9999}
#button3 {float:left;height:160px;width:159px;background: #fff url("../images/buttons-start/web_publishing.jpg") no-repeat center;z-index:9999}
#button4 {float:left;height:160px;width:160px;background: #fff url("../images/buttons-start/reparatur.jpg") no-repeat center;z-index:9999}

/* LAYOUT - FOOTER */
#footer {background: #fff url("../images/bottom_bg2.jpg") repeat-x 100% 0;clear:both;font-size:86%;color:#222;text-align:right;padding:15px 5px 2px 5px}