/* -----------------------------------------------------------------------------
#### GRUNDLAYOUT ###
----------------------------------------------------------------------------- */

* { padding: 0; margin: 0; }

body {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     background-color:#1e537e;
}

.presentation {
	margin: auto;
	width:1000px;
	height:1200px;
}

header {
     color: #ffffff;
     width: 1000px;
     height: 130px;
     background: url("bilder/header-fill.png") repeat-x scroll 0px 28px transparent;
}

header #headbar {
	height:28px;
	width: inherit;
	background:#4D4F53;
	text-align:right;
	line-height:25px;
	font-size:12px;
}

header #headbar a {
	vertical-align:bottom;
	padding:15px 10px 0px 10px;
}

/* unvisited link */
header #headbar a:link {
	text-decoration:none;
	color:#868686;
}

/* visited link */
header #headbar a:visited {
	text-decoration:none;
	color:#AAAAAA;
}

/* mouse over link */
header #headbar a:hover {
	text-decoration:none;
	color:#A6C401;
}

/* selected link */
a:active {
	text-decoration:underline;
	color:#A6C401;
}

nav {
	width:220px;
	height:584px;
	float:left;
	background: none no-repeat scroll 0 0 #BDBDBD;
}

nav #contact {
	width: 220px;
	height: 149px;
	margin:0px 0px 0px 0px;
	padding-bottom: 1px;
	background: none no-repeat scroll 0 0 #BDBDBD;
}

nav #contact .nav-title {
	height: 25px;
	width:220px;
	font-size: 120%;
	font-weight: bold;
	line-height: 25px;
	background: #700000;
	color: #FFFFFF;
	text-indent: 30px;
	opacity:0.8;
}

nav #contact ul {
	margin: 10px 10px 10px 20px;
	list-style-type: none;
}

nav #contact ul li {
	color: #FFFFFF;
	font-weight: bold;
	font-size:120%;
	line-height:120%;
}

nav #nav-top {
	width:inherit;
	height:45px;
	margin:0px;
	padding:0px;
	background:none no-repeat scroll 0 0 #EAE6E6;
}

#content-header {
     color: #ffffff;
     width: 780px;
     height: 84px;
     background: url("bilder/content-header.jpg") no-repeat scroll 0 0 #FFFFFF;
     float:left;
}

#content-wrapper {
     width:780px;
     height:500px;
     padding:0;
     margin: 0;
     background: #FFFFFF;
     float:left;
}

#leftcolumn {
	width:159px;
	height:67px;
	background: url("bilder/content-pic-left.jpg") no-repeat scroll 0 0 transparent;
	float:left;
}

#content-border {
	width: 780px;
	height:68px;
	float:left;
	background: url("bilder/header-bottom-fill.png") repeat-x scroll 0 0 transparent;
	position:relative;
	top:-2px;
	left:0px;
}

#content { 
     color: #333;
     background: #FFFFFF;
     height: 434px;
     width: 780px;
     margin: auto;
     float: left;
     position:relative;
     top:-2px;
     left:0px;
}

footer { 
    width: 1000px;
    height:20px;
    clear: both;
    background: #eae6e6;
    background: url("bilder/footer-bg.gif") repeat-x scroll 0px -30px #EAE6E6;
    color:#7d765f;
    font-size:11px;
	text-align: center;
	padding-top:10px;
}

footer a {
    color:#7d765f;
    text-decoration:none;
}

footer a:hover {
    text-decoration: underline;
}

header #banner {
	color: #ffffff;
    width: 1000px;
    height: 102px;
    background: #FFFFFF;
    background: url("bilder/header.gif") no-repeat scroll 92px 0px transparent;
}

header #banner #logo {
	padding-left: 60px;
}


/* -----------------------------------------------------------------------------
#### Hauptmen�-Formatierung  ###
----------------------------------------------------------------------------- */

#menu {
    height: 260px;
    width: 200px;
}

#menu ul {
	list-style-type: none;
	padding: 20px 30px 20px 0px;
	margin: auto;
	text-align: right;
}

#menu li {
    margin: 0px 4px 10px 6px;
    display: inline-block;
    text-align: right;
    width: 190px;
    border-bottom: 2px solid #EAE6E6;
}

#menu li a {
    height: 30px;
    text-decoration: none;
    font-weight: normal;
	font-size:120%;
	line-height:120%;
	text-align:right;
	color:navy;
}

#menu li a.start, #menu li a.uns, #menu li a.leistungen, #menu li a.service,
#menu li a.vorteile, #menu li a.personal, #menu li a.referenzen,
#menu li a.kontakt { width:190px; }


#menu ul li a.active, #menu ul li a.start:hover,  #menu ul li a.uns:hover, #menu ul li a.service:hover,#menu ul li a.leistungen:hover,
#menu ul li a.vorteile:hover,#menu ul li a.personal:hover,#menu ul li a.referenzen:hover, #menu ul li a.kontakt:hover{
    font-weight: bold;
}



/* -----------------------------------------------------------------------------
#### Content-Formatierung h1, a, p, img  ###  
----------------------------------------------------------------------------- */
   
#content #top {
    width:750px;
    height:31px;
    background-color: #4d4f53;
    padding:14px 0px 0px 30px;
    float:left;
    margin-bottom:10px;
}

#content #top h1 {
    display:block;
    width: 222px;
    height:18px;
    background: url("bilder/ueberschrift.gif") no-repeat scroll 0 0 #4d4f53; 
    text-indent:-9999px;
}

#content #top h1.uns { background-image: url("bilder/uns.gif"); }
#content #top h1.leistungen { background-image: url("bilder/leistungen.gif"); }
#content #top h1.service { background-image: url("bilder/service.gif"); }
#content #top h1.vorteile { background-image: url("bilder/vorteile.gif"); }
#content #top h1.personal { background-image: url("bilder/personal.gif"); }
#content #top h1.referenzen { background-image: url("bilder/referenzen.gif"); }
#content #top h1.kontakt { background-image: url("bilder/kontakt.gif"); }
#content #top h1.impressum { background-image: url("bilder/impressum.gif"); }

#content h2 {
	display: block;
	margin: 30px 0px 0px 30px;
}

#content p {
    float: left;
    width:410px;
    line-height: 130%;
    text-align: justify;
    margin-left: 30px;
    margin-top: 25px;
	font-size:120%;
}

#content img {
    border:1px solid #cccccc;
    float:left;
    position:absolute;
    top:85px;
    left:545px;
}

#content ul {
	list-style-image: url("bilder/li.gif");
	float:left;
	font-size:120%;
}

#content ul li {
	margin:2px 5px 3px 80px;
}

#content ul li.Hidden {
	margin:2px 5px 3px 80px;
	display: none;
}

#stichpunkte {
    float: left;
    width:350px;
    line-height: 120%;
    margin-left: 65px;
    margin-top: 25px;
    list-style-image: url("bilder/li.gif");
    list-style-position: outside;
    font-weight: bold;
    font-size: 11px;
    padding:0;
     
 }
 
 #stichpunkte li {
     margin-top: 10px;
     padding:0;
 }