*, html {
padding:0;
margin:0;
}
body {
margin:0;
padding:0;
background:#dfdfdf url('img/line_bg.jpg') repeat-x;
line-height:1.5;
font-family:Arial;
color:#454545;
}
.border {
border:1px solid red;
}
a {
text-decoration:none;
color:#87BE11;
}
a:hover {
color:#585858;
}
img {
border:none;
}
.outline {
display:none;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.greenfont {
color:#87BE11;
}
.clear {
clear:both;
}
p {
margin-bottom:10px;
}
ul {
list-style:circle;
margin-left:20px;
}

h2 {
font-family:"Century Gothic";
font-weight:normal;
font-size:3em;
line-height:1.3;
clear:both;
}


h3 {
font-family:"Century Gothic";
font-weight:normal;
font-size:3em;
line-height:1.1;
color:#87BE11;
margin-bottom:15px;

}
h4 {
font-size:1em;
color:#607293;
font-weight:bold;
margin-bottom:0px
}
h4.text {
font-weight:normal;
}
.impressum h4 {
margin-bottom:3px;
}
#main {
margin:0 auto;
width:1000px;
height:700px;
background:transparent url('img/main_bg.jpg') no-repeat;
}
#home #main {
background:transparent url('img/online_bg.jpg') no-repeat;
}
#impressum #main {
background:transparent url('img/impressum_bg.jpg') no-repeat;
}
#referenzen #main {
background:transparent url('img/ref_bg.jpg') no-repeat;
}
#sitemap #main {
background:transparent url('img/sitemap_bg.jpg') no-repeat;
}
#kontakt #main {
background:transparent url('img/kontakt_bg.jpg') no-repeat;
}
#template {
float:left;
width:960px;
margin-left:20px;
height:540px;
overflow:auto;
overflow:hidden;
}
.mainpad {
padding:0;
overflow:hidden;
}
#home .mainpad {
padding:30px 40px 10px 420px;
}
#knowhow .mainpad {
padding:20px 40px 10px 40px;
}

#referenzen .mainpad {
padding:20px 40px 10px 40px;
}
#referenzenwebdesign .mainpad {
padding:20px 40px 10px 40px;
}
#impressum .mainpad {
padding:10px 40px 10px 420px;
}
#sitemap .mainpad {
padding:51px 40px 10px 420px;
}

#kontakt .mainpad {
padding:20px 490px 10px 40px;

}
.block {
width:150px;
}
#sitemap ul {
list-style:none;
}
#sitemap ul a {
color:#585858;
}
#head {
float:left;
width:100%;
height:68px;
margin-left:20px;
}
#logo {
padding:40px 0 0 20px;
float:left;
width:200px;
}
#logo img {
width:263px;
height:29px;
background:transparent url('img/logo_lm.gif') no-repeat;
}

#nav {
float:right;
margin-right:50px;
margin-top:32px;
font-size:1em;
font-weight:bold;

}
#nav ul {
list-style:none;
}
#nav li {
float:left;
margin-left:10px;
padding:5px 5px;

}
#nav li:hover, #nav li.active {
background:#fff;
padding:4px 4px 4px 4px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
line-height:16px;
}
#nav a:link, #nav a:visited, #nav a:active	{
color: #454545;
text-decoration:none;
}
#nav a:hover, #nav .active a {
color: #87BE11;
}	
/* Begin CSS Drop Down Menu */

#menuh-container
	{
	float:right;	
	margin-right:30px;
	}

#menuh
	{

	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin-top:29px;
	margin-right:20px;
	font-weight:bold;

	}
		
#menuh a
	{

	display:block;
	white-space:nowrap;
	margin:0;
	padding: 3px;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #454545;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: #87BE11;
	text-decoration:none;
	}	

#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	

	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	
	}

#menuh ul
	{
	font-size: 1.0em;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/* width of all menu boxes */
	line-height:20px;

	}
#menuh ul ul {
width:360px;
}
#menuh ul ul li {
float:left;
font-size:1em;
text-align:left;
margin-left:15px;
line-height:10px;
width:auto;
}

#menuh ul li {
	position:absolute;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
border-bottom:1px solid transparent;
border-right:1px solid transparent;
border-left:1px solid transparent;
border-top:1px solid transparent;
	margin-left:5px;
	width:90px;
	text-align:center;
	}
#menuh ul ul li {
width:auto;
}
#menuh ul li.active {
border-bottom:1px solid #fff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
background:#fff;
}
#menuh ul li:hover {
background:#fff;
border-bottom:1px solid #fff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}
#menuh ul ul li, #menuh ul ul li:hover, #menuh ul ul li  {
border:1px solid #fff;
margin-top:1px;
}
#menuh ul ul 
	{
	position:absolute;
	z-index:50;
	top:auto;
	display:none;
	padding: 0;
	margin:1px 0 0 0;
	background:#fff;
	}
#menuh ul ul ul
	{
	top:0;
	left:100%;
	}
div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;z-index:500}
div#menuh li.active ul {
display:block;
}
/* End CSS Drop Down Menu */
/* menü ende */

.icon {
background:transparent url('img/icons.gif') no-repeat;
width:10px;
height:10px;
margin-right:4px;
}

.home {background-position:0 0;}
.leistungen {background-position:-10px 0;}
.kontakt {background-position:-30px 0;}
.sitemap {background-position:-40px 0;}
.impressum {background-position:-50px 0;}
.flag {background-position:-60px 0;}
.email {background-position:-70px 0;}
.person {background-position:-80px 0;}
.nummer {background-position:-90px 0;}
.fax {background-position:-100px 0;}

#content {
width:100%;
height:610px;
font-size:.7em;
overflow:hidden;
}
#contents_wrapper{width:450px;float:left;overflow:hidden;height:500px;position:relative}
#contents{height:2000px;position:relative;width:3600px;}
.content{position:absolute;top:0px;width:450px;overflow:hidden;height:500px;margin:0 auto}
#section1{left:0px;}
#section9{left:900px;}
#section5{left:1800px;}

#section2{left:0px;top:500px}
#section6{left:900px;top:500px}
#section10{left:1800px;top:500px}

#section3{left:0px;top:1000px}
#section7{left:900px;top:1000px}
#section11{left:1800px;top:1000px}

#section4{left:0px;top:1500px}
#section8{left:900px;top:1500px}
#section12{left:1800px;top:1500px}


.content img.ref {
float:left;
padding:2px;
border:1px solid #ccc;


}
.content p {
float:left;
width:400px;
text-align:justify;
margin-left:3px;
}

	.controls ul {
	list-style:none;
	float:left;
	margin-right:20px;
	}
	.controls li {

	padding:0;
	margin:0;
	
	}
	.controls a {
	color:#585858;
	}
	.controls img {
	width:85px;
	padding:3px;
	border:1px solid #ccc;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	}
	.cthumb {

	}
.content h4 {
font-family:"Century Gothic";
font-weight:normal;
font-size:3em;
line-height:1.1;
color:#87BE11;
margin-bottom:5px;

}
.content h5 {
font-weight:bold;
font-size:1.2em;
line-height:1.1;
color:#aaa;
margin-bottom:5px;
float:left;
margin-left:3px;
margin-right:5px;
}

#foot {
color:#303030;
font-size:.7em;
margin-left:25px;
margin-right:25px;
padding-top:10px;

}
#foot a {
color:#404040;
}
#foot a:hover {
color:#000;
}
#userpanel {
float:left;
padding:22px 0 0 10px;
}
fieldset {
float:left;
border:none;
}
label {
float:left;
clear:both;
display:inline;
}
form span {

margin-left:10px;
display:inline;
}
input, textarea {
float:left;
margin-bottom:5px;
width:200px;
font-family:Arial;
font-size:1em;
clear:left;
}
input.submit {
clear:both;

}

.w200 {
width:200px;
}
.w250 {
width:250px;
}
.w300 {
width:300px;
}
.w350 {
width:350px;
}
.w150 {
width:150px;
}
.w400 {
width:400px
}
.w450 {
width:450px
}
.w600 {
width:600px;
}
.wide {
margin-left:150px;
}
.topspace {
padding-top:40px;
}
.leftspace {
padding-left:40px;
}
.col {
float:left;
margin-right:20px;
margin-bottom:20px;
}
.leftcol {
margin:0;
}
.red {
color:red;
}
table {
border-collapse:collapse;
text-align:left;
}
tr:hover {
background:#eee;
}
td {
vertical-align:top;
}