/*====================================================================*/
/*========================== General ================================*/
/*====================================================================*/


* {
margin:0;
padding:0;
}


body {
background:url(../images/body_bg.jpg) repeat-x;
font:12px "Arial", sans-serif;
color:#333;
}

a {
color:#333;
text-decoration:underline;
}

a:focus {  
outline: none;  
}  

a:hover {
text-decoration:none;
color:#000;
}

h1 {
margin-bottom:15px;
font-size:18px;
}

h2 {
margin:10px 0 5px 0;
font-size:15px;
border-bottom:#999 1px dashed;
line-height:1.1;
}

h3 {
margin-bottom:3px;
font-size:12px;
}

img {
border:none;
}

img.left {
float:left;
}

img.right {
float:right;
}

.small {
font-size:10px;
}

p {
display:block;
margin-bottom:5px;
}

/*====================================================================*/
/*=========================   Page.ss   ==============================*/
/*====================================================================*/

div#container {
position:relative;
margin:0 auto;
width:824px;
}

div#logo {
float:left;
position:relative;
margin:16px 178px 5px 178px;
height:141px;
width:468px;
background:url(../images/sprites.jpg) no-repeat 0 0;
}

div#logo a {
display:block;
text-indent:-5000px;
height:141px;
}

div#menu {
display:block;
float:left;
position:relative;
height:50px;
width:506px;
}

div#footer {
width:823px;
text-align:center;
float:left;
background:url(../images/sprites.jpg) no-repeat 0 -236px;
font-size:9px;
color:#666;
}

div#footer a {
text-decoration:none;
color:#666;
}

div#footer img {
margin:15px 5px 0 0;
}

/*====================================================================*/
/*============================ Menu ==================================*/
/*====================================================================*/


div#menu ul {
list-style-type:none;
margin-left:0;
padding-left:0;
}

div#menu li {
display:inline;
float:left;
position:relative;
}

div#menu li a {
display:block;
text-indent:-5000px;
height:41px;
}

li#m_home {
width:97px;
height:41px;
background:url(../images/sprites.jpg) no-repeat 0 -141px;
}

li#m_leistungen {
width:148px;
height:41px;
background:url(../images/sprites.jpg) no-repeat -97px -141px;
}

li#m_referenzen {
width:151px;
height:41px;
background:url(../images/sprites.jpg) no-repeat -245px -141px;
}

li#m_kontakt {
width:110px;
height:41px;
background:url(../images/sprites.jpg) no-repeat -396px -141px;
}

body#home li#m_home,
li#m_home:hover {
width:97px;
height:50px;
background:url(../images/sprites.jpg) no-repeat 0 -182px;
}

body#leistungen li#m_leistungen,
li#m_leistungen:hover {
width:148px;
height:50px;
background:url(../images/sprites.jpg) no-repeat -97px -182px;
}

body#referenzen li#m_referenzen,
li#m_referenzen:hover {
width:151px;
height:50px;
background:url(../images/sprites.jpg) no-repeat -245px -182px;
}

body#kontakt li#m_kontakt,
li#m_kontakt:hover {
width:110px;
height:50px;
background:url(../images/sprites.jpg) no-repeat -396px -182px;;
}


/*====================================================================*/
/*=========================    Layout   ==============================*/
/*====================================================================*/

div#news {
float:right;
position:relative;
width:181px;
}

div#news_top {
display:block;
float:left;
position:relative;
width:180px;
height:25px;
background:url(../images/sprites.jpg) no-repeat -470px -2px;
}

div#news_content {
display:block;
float:left;
position:relative;
width:168px;
border-left:#F2EBD9 1px solid;
border-right:#F2EBD9 1px solid;
background-color:#f4eddd;
padding:0 5px 0 5px;
font-size:10px;
}

div#news_bottom {
display:block;
float:left;
position:relative;
height:57px;
width:141px;
padding:35px 0 0 40px;
background:url(../images/sprites.jpg) no-repeat -470px -30px;
}

div#main {
position:relative;
float:left;
width:620px;
margin-top:15px;
}

div#main ul {
list-style-type:square;
margin-left:10px;
padding-left:10px;
margin-bottom:5px;
}

body#referenzen div#main,
body#leistungen div#main {
position:relative;
float:left;
width:820px !important;
margin-top:15px;
}

div#special {
clear:both;
position:relative;
float:left;
width:823px;
height:206px;
background:url(../images/sprites.jpg) no-repeat -3px -326px;
padding:5px 0 0 50px;
}

h1.specialHead{
margin:10px 0 7px 25px;
font-size:18px;
color:#016827;
width:295px;
}

.note {
padding:7px 0 0 300px;
}

#specialLeft {
float:left;
width:275px;
margin:10px 0 10px 0;
}

#specialRight {
float:left;
width:305px;
margin:10px 0 10px 50px;
}

.references {
position:relative;
float:left;
width:402px;
height:185px;
margin-right:8px;
background:url(../images/sprites.jpg) no-repeat -657px -7px;
}

.references h2 {
margin:7px 0 0 7px;
font-size:15px;
border:none !important;
}

.references p {
margin-left:7px;
font-size:10px;
}

.refScreenshot {
float:right;
margin: 3px 10px 0 2px;
}

.specialSilverstripe,
.specialOnlineshop,
.specialNone {
position:absolute;
top:61px;
left:293px;
width:115px;
height:117px;
z-index:55;
}

.specialSilverstripe {
background:url(../images/silverstripe.png) no-repeat;
}

.specialOnlineshop {
background:url(../images/onlineshop.png) no-repeat;
}


/*====================================================================*/
/*=========================== Formular ===============================*/
/*====================================================================*/

fieldset {
border: none !important;
width:435px;
}

label.left {
float:left;
width:170px;
margin-top:3px;
font-size:10px;
color:#333;
}

form legend {
display: none !important;
}

#special input,
#main input {
float:left;
width:205px !important;
border: #999 1px solid;
font-size:11px;
padding:1px;
}

#special textarea,
#main textarea {
float:left;
width:421px;
border: #999 1px solid;
font-size:11px;
padding:1px;
}

input[type="checkbox"] {
width:auto !important;
background:none !important;
background:border !important;
}

#special input[type="submit"],
#main input[type="submit"] {
float:left;
border:1px solid #016827;
color:#016827;
width:209px !important;
height:17px;
}

#special .middleColumn,
#main .middleColumn {
margin:0 !important;
padding:0 !important;
}

#special .text,
#main .text {
float:left;
width:215px;
}

.message{
width:207px;
float:left;
font-size:9px;
color:#000;
background-color:#B33420;
margin-top:-31px;
padding:1px;
}

.textarea .message{
width:423px !important;
margin-top:-77px !important;
}


#special .Actions{
position:relative;
margin:-17px 0 0 216px;
}

#main .Actions{
position:relative;
margin-top:15px;
}