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

body {
	padding:0px;
	margin:0px;
	font-family: 'Droid Sans', sans-serif;
	font-size:12px;
	color:#535353;
	line-height:14px;
	overflow:hidden;
	}
	
a,
a:link,
a:visited {
	color:#5586aa;
	text-decoration:none;
	}
	
#fade_left {
	background: url("images/sm-design_faderleft.png") repeat-y scroll 0 0 transparent;
	width:100px;
  	height:100%;
	z-index:9999;
	position:absolute;
	padding:0px;
	}
	
#fade_right {
	background: url("images/sm-design_faderright.png") repeat-y scroll 0 0 transparent;
	width:100px;
  	height:100%;
	z-index:9999;
	position:absolute;
	padding:0px;
	right: 0px;
	top: 0px;
	}
	
	
#teaserarrow {
	z-index:4000;
	padding:0px;
	margin:0px;
	padding-left:56px;
	}
	
#arrow {
	height: 25px;
	width:30px;
	margin-left: 92px;
    margin-top: 6px;
    position: absolute;
    z-index: 4002;
	}

#background {
	z-index:1000;
	width:100%;
	height:100%;
	position:fixed;
	}
	
.balken1 {
	z-index:1001;
	float:left;
	background-color:none;
	width:100%;
	height:15px;	
	}
	
.balken2 {
	z-index:1002;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken3 {
	z-index:1003;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken4 {
	z-index:1004;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken5 {
	z-index:1005;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken6 {
	z-index:1006;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken7 {
	z-index:1007;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken8 {
	z-index:1008;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken9 {
	z-index:1009;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken10 {
	z-index:1010;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken11 {
	z-index:1011;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken12 {
	z-index:1012;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken13 {
	z-index:10013;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken14 {
	z-index:1014;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken15 {
	z-index:1015;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken16 {
	z-index:1016;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken17 {
	z-index:1017;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken18 {
	z-index:1018;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken19 {
	z-index:1019;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
		
	}
	
.balken20 {
	z-index:1020;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
		
	}
	
.balken21 {
	z-index:1021;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
		
	}
	
.balken22 {
	z-index:1022;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken23 {
	z-index:1023;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken24 {
	z-index:1024;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken25 {
	z-index:1025;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken26 {
	z-index:1026;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken27 {
	z-index:1027;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken28 {
	z-index:1028;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken29 {
	z-index:1029;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken30 {
	z-index:1030;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken31 {
	z-index:1031;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken32 {
	z-index:1032;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken33 {
	z-index:1033;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken34 {
	z-index:1034;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken35 {
	z-index:1035;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken36 {
	z-index:1036;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken37 {
	z-index:1037;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken38 {
	z-index:1038;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken39 {
	z-index:1039;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken40 {
	z-index:1040;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken41 {
	z-index:1041;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken42 {
	z-index:1042;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken43 {
	z-index:1043;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken44 {
	z-index:1044;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken45 {
	z-index:1045;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken46 {
	z-index:1046;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken47 {
	z-index:1047;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken48 {
	z-index:1048;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken49 {
	z-index:1049;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.balken50 {
	z-index:1048;
	float:left;
	background-color:#f5f5f5;
	width:100%;
	height:15px;
	margin-bottom:15px;
	
	}
	
.group div:hover,
#single_image div:hover {
	background-color:#f0f0f0;
}

.group div:hover,
#single_image div:hover {
	background-color:#f0f0f0;
}
	
#topgfx {
	width: 88px;
    height: 91px;
	margin-left: 273px;
    margin-top: -64px;
    position: absolute; 
	}
	
#gimmick {
	width: 159px;
    height: 128px;
	margin-left: 775px;
    margin-top: -74px;
    position: absolute;
	z-index:9999;
	}

#content_bg {
	background: url("images/sm-design_background.png") no-repeat scroll 0 0 transparent;
	width:853px;
  	height:458px;
	z-index:2000;
	position:absolute;
 	left: 50%;
	top: 50%;
  	margin-left: -426px;
	margin-top: -229px;
	}
	
#cursor {
	height:100%;
	width:37%;
	cursor:all-scroll;
	z-index:2001;
	float:left;
	}
	
#sm-logo {
	width: 137px;
    height: 29px;
    margin-right: 50px;
    margin-top: 48px;
	float: right;
	}
	
#contentarea {
	width: 430px;
	height: 240px;
    left: 370px;
	top: 116px;
    position: absolute;
    z-index: 2002;
	}
	
#contentarea a:hover {
	text-decoration:underline;
	}
	
#contentarea h1 {
	color:#0087c6;
	text-transform:uppercase;
	font-size:12px;
	padding:0 0 4px 0;
	margin:0px;
	font-weight:normal;
	}
	
#col_left {	
	width: 240px;
	height: 100%;
	float:left;
	}
	
#col_right {	
	width: 150px;
	height: 100%;
	float:right;
	color:#5586aa;
	text-align:right;
	}
	
#service,
#kontakt {
	padding-bottom:15px;
	}
	
#kontakt_last {
	padding-top:34px;
	}
	
#icons {
	width:22px;
	float:left;
	padding-right: 5px;
	}
	
#iconlist {
	padding-bottom:46px;
	padding-right:5px;
	}
	
#footer {
	width: 481px;
	left: 332px;
    position: absolute;
    top: 396px;  
	}
	
#company {
	float:left;
	}
	
#footerlinks {
	float:right;
	}
	
.link_impressum {
	padding-bottom:4px;
	padding-left:28px;
	}
	
#contentbox {
	padding:15px;
}
	

#contentbox h1 {
	color:#0087C6;
	margin:0px;
	padding:0 0 10px 0;
}

#contentbox h2 {
	color:#0087C6;
	margin:0px;
	padding:0 0 10px 0;
	font-size:15px;
}

p {
	margin: 1em 0 0.8em;
}
.clear {
	clear: both;
}

#topicon {
	position:absolute;
}

#main .outer {
	background: transparent url('images/sm-design_topeffect.png') 70% 0 repeat-x;
}

#main .inner {
	background: transparent url('images/sm-design_topeffect.png') 300% 0 repeat-x;
}

#main .content {
	margin: 0 auto;
	padding: 30px 0;
}

#button_auftrag {
	background-color: #fff;
    background-image: url("images/sm-button_auftrag.gif");
    background-position: -30px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 237px;
    margin: -45px 0 0;
    padding: 0;
    position: fixed;
    right: 0;
    text-indent: -9000px;
    top: 42%;
    width: 42px;
    z-index: 10000;
}