/* Auftrag: Angebot Herr Lenz
   Design: Manuela Ott, 1Horn-Design (www.1horn-design.de) */

   
/* Grundeinstellungen
   -------------- */
   
body {
	padding: 0;
	margin: 0;
	font: 0.7em Tahoma, sans-serif;
	line-height: 1.5em;
	color: #454545;
        background-image: url(hinter2-orange.gif);

	background-color: #333333;
        width: 100%;
}


a {	color: #E0691A;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

h1 {
	font: normal 2.1em Arial, Sans-Serif;
	letter-spacing: -1px;
	margin: 0;
}
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }

form { 	margin: 0; }





/* layout
   ------ */

.content {
	margin: 0 auto;
	background-color: #FFFFFF;
	width: 90%;
}

.header {
	color: #808080;
	width: 100%;
	background-image: url(../images/hinter4.gif);
}



/* main content
   --------- */

.main {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	background-color: #FFFFFF;
	letter-spacing: normal;
}

.main h3 {
	clear: both;
	color: #000000;
	padding: 7px 0 7px 10px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
	background-color: #CCCCCC;
}
	.main_side {
		float: left;
		width: 180px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
	.main_side a { color: #414141; background: #FFF; }
		
	
		
	.main_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0 0 10px; }
	
		 

/* footer
   ------ */

.footer {
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
	background-color: #FFFFFF;
}

.footer a { color: #808080; background: #fff; }

/* navigation */

.container {
	width: 100%;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	background-color: #FF9933;
}

/* pyramid */

#navPyra {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        float: left;
        font-size: 12px;
        line-height: 18px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #FFFFFF;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000000;
        background: url(../images/pyramid.gif) no-repeat bottom center;
}


 .submenu {
	width: 100%;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	background-color: #F2A400;
}            

/* rounded */

#nav {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#nav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#nav a:link, #nav a:visited {
        float: left;
        font-size: 10px;
        line-height: 18px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
        color: #000000;
        background: url(../images/rounded.gif) no-repeat bottom center;
}
 .submenu2 {
	width: 100%;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	background-color: #708491;
}            

.submenu3 {
	width: 100%;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	background-color: #C0C0C0;
}            
/* rounded */

#nav {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#nav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#nav a:link, #nav a:visited {
        float: left;
        font-size: 10px;
        line-height: 18px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #FFFFFF;
}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
        color: #000000;
        background: url(../images/rounded.gif) no-repeat bottom center;
}