/* CSS fuer seiserservice.at */
/* Entwicklung KSH-Systems/C.Hirnschall */
/* 16. September 2009 */
/* @copyright by http://www.ksh-systems.com */
/* @kontakt: katarina.angerer(at)ksh-systems.com */

body
{
 text-align:center;
 background:#fff;
 margin:0;
 padding:0;
 font-family:verdana, arial;
 font-size:0.8em;
}
h1, h2, h3, h4
{
 line-height:100%;
 margin:0;
 font-weight:normal;
 padding:10px 0 10px 0;
 color:#333;
 font-family:"Trebuchet MS", Verdana, Arial;
}
h1
{
 font-size:2.2em;
}
h2
{
 font-size:1.8em;
}
h3
{
 color:#333;
 text-decoration:underline;
}
ul
{
 margin:0 0 0 25px;
 padding:0;
}
ul li
{
 margin:0;
 padding:5px 0 0 5px;
}
.center
{
 text-align:left;
 width:990px;
 margin:0 auto;
 padding:0 5px;
 overflow:hidden;
 height:1%;
}
img
{
 border:none;
}
a, a:visited
{
 color:#ea632d;
 font-weight:600;
 text-decoration:underline;
}
a:hover
{
 text-decoration:none;
}
p
{
 line-height:140%;
 margin:0;
 padding:10px 0;
}
label, label:hover
{
 cursor:pointer;
}
#header
{
 background:#f79239;
}
#header .center
{
 background:#f79239;
}
#header img
{
 vertical-align:bottom;
 float:left;
}
#header #kontakt
{
 width:250px;
 padding: 30px 0 0 30px;
 background:#f9b070;
 float:right;
/* height:137px; */
 margin-bottom:-500px;
 padding-bottom:500px;
 font-size:0.95em;
}
#header #kontakt p
{
 line-height:170%;
 margin:0;
 padding:0;
 letter-spacing:0.04em;
}
#header #kontakt strong
{
 width:70px;
 float:left;
 font-weight:600;
}

#navi
{
 background:#272727;
}
#navi .center
{
 background:#272727;
}
#navi ul
{
 list-style-type:none;
 margin:0;
 padding:6px 0 0 0;
}
#navi ul li
{
 margin:0;
 padding:0;
 float:left;
}
#navi ul li a
{
 display:block;
 padding:6px 10px;
 color:#fff;
 text-decoration:none;
}
#navi ul li.active
{
 background:#fff url('../layout/navi_lo.jpg') no-repeat;
}
#navi ul li.active a
{
 background:url('../layout/navi_ro.jpg') right top no-repeat;
 color:#000;
}
#main
{
 padding:15px 0;
}
/* .button
{
 width:246px;
 height:132px;
 display:block;
 margin-bottom:10px;
} */
.button
{
width:246px;
height:132px;
display:block;
margin-top:20px;
/*background-color:#000; */
}
.button span, h1 span
{
 display:none;
}
#ersatzteile
{
 background:url('../layout/ersatzteile.jpg') no-repeat;
}
#service
{
 background:url('../layout/service.jpg') no-repeat;
}
#verkauf
{
 background:url('../layout/verkauf.jpg') no-repeat;
}
#ersatzteile:hover, #service:hover, #verkauf:hover
{
 background-position:bottom;
}
#ersatzteile.active, #service.active, #verkauf.active
{
 background-position:bottom;
}
.picright
{
 float:right;
 margin:0;
 padding:0 0 0 30px;
}

.half
{
 float:left;
 width:360px;
 height:480px;
 font-size:0.85em;
}
.half ul
{
 margin:0;
 padding:25px 0 0 70px;
}
.half li
{
 margin:0;
 padding:0 0 15px 0;
}

.desc
{
 float:left;
 padding:8px 5px 5px;
 width:100px;
 text-align:right;
}
.link
{
 padding:6px 0 0 20px;
 text-align:left;
 font-size:1em;
}
.input
{
 float:left;
 width:240px;
 padding:5px;
}
.input input, .input textarea
{
 width:238px;
 margin:0;
 padding:0;
 border:#ccc 1px solid;
}
.input input:focus, input:hover, .input textarea:hover, .input textarea:focus
{
 background:#feffd7;
 border-color:#aaa;
} 
checkbox, radio
{
	text-align: left;
	width: 30px;
	border: none;
	background: none;
	margin: 0 0 0 20px;
}

.sendbutton 
{
	background-color: #ec722c;
	font-size: 1.1em;
	color:#FFFFFF;
	width: 100px;
	height: 30px;
	cursor: pointer;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	float:right;
	vertical-align:top;
}
.sendbutton:hover 
{
	background-color: #cc6327;
	color:#e5e5e5;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#left
{
 float:left;
 width:246px;
}
#left ul
{
 list-style-type:none;
 margin:0;
 padding:0;
}
#left ul li
{
 margin:0;
 padding:0;
}
#mid
{
 float:left;
 width:425px;
 padding:10px 20px;
 text-align:justify;
}
#mid_subsite
{
 float:left;
 width:720px;
 padding:10px 0 0 20px;
 text-align:justify;
}
#mid_subsite form 
{
	margin: 18px 0;
}
#mid_subsite form ul 
{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
#mid_subsite form li 
{
	margin:0;
	padding:0;
}
/*
#mid_subsite form label 
{
	color: #666666;
	font-weight: 700;
	display: block;
	float: left;
	width: 65%;
}
#mid_subsite form input, textarea
{
 width:200px;
 padding:3px;
 margin:0px;
 float:right;
} */
#mid_subsite form .sendbutton 
{
 margin:30px 5px 0 0;
 width: 130px;
}

#right
{
 width:255px;
 padding:10px;
 border-left:#e8e8e8 4px solid;
 background:#f8f8f8;
 float:left;
 text-align:center;
}

.msu
{
 margin-top:10px;
}

#footer
{
 padding:15px 0 0 0;
 border-top:#eee 5px solid;
}
#footer .center
{
 text-align:center;
/* padding-left:445px; */
}
#footer .right
{
 text-align:right;
}
#footer ul
{
 list-style-type:none;
 margin:0;
 padding:10px 0 50px 0;
}
#footer ul li
{
 margin:0;
 padding:0 43px 0 0;
 float:left;
}
#footer ul li.firstlogo
{
 margin:0;
 padding:0 72px 0 34px;
 float:left;
}
#footer ul li.firstlogo_120
{
 margin:0;
 padding:0 66px 0 120px;
 float:left;
}
#footer ul li.lastlogo
{
 margin:0;
 padding:0;
 float:right;
}