/*---------------- info ----------------

name: screen.css

projekt: http://www.zweigwerk.de

start am: 23.09.2008, 15.01.2008

author: jean-marc kuehn

---------------- info ----------------*/

/*------------------------------------ allgemeine angaben ----*/

* {

	margin: 0;

	padding: 0;

	list-style-type: none;

	border: none;

	}

body {

	font-size: 100%;

	margin-left: 70px;

	

	font-family: verdana, arial, sans-serif;

	background: #E7F3D5 url(02_medien/hg_body.jpg) no-repeat;

	}

/*------------------------------------ index ----*/

.klein {

	font-size: 0.7em;

	}

#index_starter_1 {

	height: 320px;

	padding-left: 530px;

	background: url(02_medien/starter_1.jpg) no-repeat;

	}

#index_starter_1 ul {

	padding-top: 10px;

	width: 200px;

	}

#index_starter_1 li {

	line-height: 1em;

	padding: 8px 0;

	margin: 0 10px;

	border-top: 1px solid #295D01;

	font-size: 0.8em;

	}	

#index_starter_2 {

	height: 140px;

	background: url(02_medien/starter_2.jpg) no-repeat;

	}

#index_starter_1 h3 {

	color: #295D01;

	font-weight: normal;

	}

#zweihundert {

	width: 220px;

	}

/*------------------------------------ layout ----*/

#kopf {

	height: 120px;

	background: url(02_medien/hg_kopf.jpg) no-repeat;

	}

#navigation {

	height: 40px;

	padding-left: 10px;

	background: url(02_medien/hg_navigation.jpg) no-repeat;

	}

#banner_1 {

	height: 140px;

	background: url(02_medien/banner_1.jpg) no-repeat;

	}

#leistungen #banner_1 {

	height: 140px;

	background: url(02_medien/leistungen.jpg) no-repeat;

	}

#fragen #banner_1 {

	height: 140px;

	background: url(02_medien/fragen.jpg) no-repeat;

	}

#zweigwerk #banner_1 {

	height: 140px;

	background: url(02_medien/zweigwerk.jpg) no-repeat;

	}

#kontakt #banner_1 {

	height: 140px;

	background: url(02_medien/kontakt.jpg) no-repeat;

	}	

#banner_2 {

	height: 28px;

	background: url(02_medien/banner_2.jpg) no-repeat;

	}

#inhalt {

	width: 750px;

	line-height: 1.2em;

	font-family: "Trebuchet MS", Verdana;

	border-bottom: 10px solid #349C01;

	background: #DEE8CF url(02_medien/hg_3.jpg) right bottom no-repeat;

	}	

#rechts {

	width: 220px;

	float: right;

	font-size: 0.7em;

	}

#links {

	float: left;

	width: 515px;

	text-align: left;

	font-size: 0.80em; /*font-size: 0.75em; */

	}	

#fokus {

	z-index: 2;

	position: absolute;

	top: 0px;

	left: 595px;

	height: 160px;

	width: 225px;

	background: url(02_medien/fokus.jpg) no-repeat;

	}

#fuss {

	position: relative;

	width: 750px;

	height: 130px;

	}

.clear {

	clear: both;

	font-size: 1px;

	height: 0;

	margin: 0;

	line-height: 0;

	}

/*------------------------------------ typo ----*/

#rechts address {

	line-height: 1.6em;

	font-style: normal;

	}

#rechts h2 {

	font-weight: normal;

	color: #E7F3D5;

	}

#rechts p, #rechts  address, #rechts  h1, #rechts  h2, #rechts ul {

	margin-right: 20px;

	}

#links img {

	margin-bottom: 10px;

	}

#links p, #links address, #links h1, #links h2,  #links h3 {

	padding: 0px 0px 10px 30px;

	}

#links h2 {

	font-weight: normal;

	padding-top: 10px;

	line-height: 1.2em;

	color: #295D01;

	}

#links h1 {

	font-weight: normal;

	color: #295D01;

	line-height: 1.2em;

	}

#fuss_links {

	position: relative;

	text-align: center;

	}

#fuss p {

	text-align: center;

	font-size: 0.7em;

	line-height: 1.4em;

	text-transform: uppercase;

	}

.liste {

	border: 1px solid #ccc;

	padding: 10px 30px;

	line-height: 1.4em;

	margin: 20px 10px 20px 30px;

	color: #295D01;

	background: #E7F3D5;

	}

.liste li {

	list-style-type: square;

	padding-bottom: 5px;

	}

strong {

	color: #295D01;

	}

p img {

	padding-top: 10px;

	}

.gruen {

	padding-bottom: 20px !important;

	}

h1 {

	padding-bottom: 20px !important;

	}

iframe {

	padding-left: 30px;

	padding-bottom: 20px;

	}

#fragen #links strong {

	padding: 5px 0 5px 25px;

	background: url(02_medien/frage.jpg) 0 2px no-repeat;

	}	

.bildabstand {

	padding-right: 5px;

	}

.float img {

	float: left;

	margin-right: 10px;

	}

.schwerpunkt {

	margin: 10px 20px 0px 0;

	padding: 10px 5px;

	background: #E7F3D5;

	border: 1px solid #ccc;

	color: #666;

	text-align: center;

	}

.schwerpunkt p, .schwerpunkt h2, schwerpunkt address  {

	line-height: 1.5em;

	margin: 0 !important;

	}

.linie {

	border-top: 1px solid #359E01;

	border-bottom: 1px solid #359E01;

	margin-right: 20px;

	text-align: center;

	background: #E7F3D5;

	}

dl {

	margin: 0px 10px 20px 30px;

	}

dt img {

	margin: 0 !important;

	padding: 6px;

	border: 1px solid #ccc;

	background: #fff;

	width: 110px;

	height: 110px;

	}

dt  {

	font-weight: bold;

	}

/*------------------------------------ navigation allgemein ----*/

a:link, a:visited {

	color: #295D01;

	text-decoration: none;

	}

a:hover, a:active {

	color: #295D01;

	text-decoration: underline;

	}

/*------------------------------------ Hauptnavigtion ----*/

#haupt_navi ul {

	color: #fff;

	float: left;

	width: 488px;

	padding: 6px 0;

	}

#haupt_navi ul li {

	display: inline;

	}

#haupt_navi ul li a {

	padding: 5px 10px;

	color: #C6DA9B;

	font-weight: bold;

	text-decoration: none;

	float: left;

	border-right: 1px solid #C6DA9B;

	font-size: 0.8em;

	}

#haupt_navi ul li a:hover {

	text-decoration: underline;

	color: #fff;

	}

#haupt_navi ul li a.hier:link, #haupt_navi ul li a.hier:visited, #haupt_navi ul li a.hier:hover, #haupt_navi ul li a.hier:active {

	color: #fff;

	text-transform: uppercase;

	}

/*------------------------------------ Subnavigation ----*/

#sub_navi {

	text-transform: uppercase;

	margin-bottom: 0px;

	margin-right: 20px;

	line-height: 1.2em;

	font-size: 1.2em;

	}

#sub_navi li {

	border-bottom: 1px solid #999;

	}

#sub_navi li a:link, #sub_navi li a:visited, #sub_navi li a:hover, #sub_navi li a:active {

	padding: 8px 0;

	display: block;

	color: #333;

	background: #DEE8CF;

	}

#sub_navi li a.hier:link, #sub_navi li a.hier:visited, #sub_navi li a.hier:hover, #sub_navi li a.hier:active {

	display: block;

	padding: 8px 5px;

	color: #333;

	background: #C6DA9B;

	}

 p.linie a:link, p.linie a:visited, .p.linie a:hover, p.linie a:active  {

	text-decoration: none !important;

	}

p a:link, p a:visited {

	text-decoration: underline;

	}

p a:hover, p a:active {

	text-decoration: underline;

	background: #E7F3D5;

	}

/*------------------------------------ externe links ----*/

.extern a:link, .extern a:visited, .extern a:hover, .extern a:active {

	margin-left: 2px;

	padding-left: 15px !important; /* f?r google maps links */

	}

/*------------------------------------ Fussnavigation ----*/

#fuss_navi {

	margin-top: 10px;

	margin-bottom: 15px;

	line-height: 1em;

	}

#fuss_navi li {

	display: inline;

	font-size: 0.7em;

	}

#fuss_navi a:link, #fuss_navi a:visited {

	text-align: center;

	}

#fuss_navi a:hover, #fuss_navi a:active {

	text-align: center;

	}

/*------------------------------------ Link Seitenanfang ----*/

.top {

	color: #333;

	margin-top: 20px;

	margin-bottom: 250px;

	font-size: 0.9em;

	}

.top a:link, .top a:visited {

	color: #333;

	padding: 5px;

	}

.top a:hover, .top a:active {

	color: #333;

	padding: 5px;

	}

.print {

	display: none;

	}