/* definition der Seite an sich ---------------------------------------------------- */
body {
margin-top: 20px;
margin-bottom:20px;
background-image: url(http://leichtes-design.de/images/hg-muster.gif);
font-family: verdana, helvetica, arial, geneva, sans-serif;
text-align:center;
}

a { color: #8AB51E; text-decoration: none;}
a:hover { color: #FF5600; text-decoration: underline;}

#wrapper {
width:760;
margin-right:auto;
margin-left:auto;
text-align:left;	
background-color:#fff;
overflow: hidden;
}

/* Seitenrumpf -------------------------------------------------------------------- */

#rumpf {
clear:both;
width:760;
margin:0;
padding:0;
background-color:#ffffff;
}

/* Seitenkopf ----------------------------------------------------------------------- */
#header {
padding:0px;
margin:0px;
background-image: url(http://leichtes-design.de/images/k-schmetterling.jpg);
background-position: right top;
background-repeat: no-repeat;
width: 760px;
height: 314px;
border-bottom: solid 1px #FF5600;
}

/* Logo definieren -------------------------------------------------------------------*/
#ld{
padding: 35 0 0 35px;
}

/* Navigation definieren ------------------------------------------------------------ */
ul#nav {
margin: 0px;
padding: 18 0 0 35px;
list-style: none;
font-size: 11px;
line-height:18px;
float: left;
background: transparent;
}
ul#nav li a {
color: #8AB51E;
}

.navia { color: #FF5600;}


/* Webpakete ------------------------------------------------------------------------ */

h1 {font-family: georgia, times new roman; font-style:italic; color:#FF5600; font-size:24px; line-height:6px; margin: 20 30 18 0px; padding-left:30;}
h2 {font-family: georgia, times new roman; font-style:italic; color:#ffffff; font-size:24px; line-height:24px;}
h2 a {color: white; text-decoration:none;}
h2 a:hover {color: #000033; text-decoration:none;}

.text	{font-family:verdana; color:#717171; font-size:11px; line-height:16px;}
.texta	{font-family:verdana; color:#000; font-size:11px; line-height:16px;}
.textb	{font-family:verdana; color:#000; font-size:11px; line-height:16px; padding:0 0 0 30px;}

#spalteli  {
float: left;
width: 380px;
padding: 0 0 0 0px;
margin: 0 0 0 0px;
background-color:transparent;
}
#spaltere  {
float: right;
width: 380px;
hight: 100%;
padding: 0 0 0 0px;
margin: 0 0 0 0px;
background-color:transparent;
}
#inhaltli  {
float: left;
width: 280px;
padding: 0 0 0 0px;
margin: 0 0 0 0px;
background-color:transparent;
}
#inhaltre  {
float: left;
width: 380px;
hight: 100%;
padding: 70 0 0 0px;
margin: 0 0 0 0px;
background-color:transparent;
}
.gelb {
margin: 0px;
padding: 4 4 2 4px;
background-color:#FFB400;
border-bottom: solid 1px #8AB51E;
}

.orange {
margin: 0px;
padding: 4 4 2 4px;
background-color:#FC7216;
border-bottom: solid 1px #8AB51E;
}

.gruen {
margin: 0px;
padding: 4 4 2 4px;
background-color:#8AB51E;
border-bottom: solid 1px #668E02;
}

.blau {
margin: 0px;
padding: 4 4 2 4px;
background-color:#0078C7;
border-bottom: solid 1px #8AB51E;
}

.pink {
margin: 0px;
padding: 4 4 2 4px;
background-color:#E83C56;
border-bottom: solid 1px #8AB51E;
}

ul#pakete {
margin: 0px;
padding: 0 0 0 10px;
list-style: none;
background: transparent;
}

#paketxs {
background-color:#DCDAA1;
border: solid 1px #8AB51E;
margin: 20 30 20 0px;
padding: 0 0 7 112px;
background-image: url(http://leichtes-design.de/images/paket-xs.jpg);
background-position: left;
background-repeat: no-repeat;
}

#pakets {
background-color:#DCDAA1;
border: solid 1px #8AB51E;
padding: 0 0 7 112px;
margin: 20 20 20 30px;
background-image: url(http://leichtes-design.de/images/paket-s.jpg);
background-position: left;
background-repeat: no-repeat;
}

#paketm {
background-color:#DCDAA1;
border: solid 1px #8AB51E;
padding: 0 0 7 112px;
margin: 20 30 20 0px;
background-image: url(http://leichtes-design.de/images/paket-m.jpg);
background-position: left;
background-repeat: no-repeat;
}

#paketl {
background-color:#DCDAA1;
border: solid 1px #8AB51E;
padding: 0 0 7 112px;
margin: 20 20 20 30px;
background-image: url(http://leichtes-design.de/images/paket-l.jpg);
background-position: left;
background-repeat: no-repeat;
}

#paketxl {
background-color:#DCDAA1;
border: solid 1px #8AB51E;
padding: 0 0 7 112px;
margin: 20 30 20 0px;
background-image: url(http://leichtes-design.de/images/paket-xl.jpg);
background-position: left;
background-repeat: no-repeat;
}


/* Kontakt_Form --------------------------------------------------------------- */

.rahmen {
border: #8AB51E solid 1px;
}
.unsichtbar { display:none; }

/* Hinweis oberhalb des Kontaktformulars*/
#ssHinweis {
	border: 1px solid #ff5600;  
	background-color:#f8ffcc; 
	padding:10px;
	height: 100px;
	display: none;
	width: 560px;
	margin: 10px 0 0 130px;
}

/* Seitenfuss -------------------------------------------------------------- */

#fuss { 
clear:both;
	padding:0px;
	margin:0px;
	float:left;
	width:760px;
	background-color:#FFFFFF;}

.fussli {
	clear:both;
	padding:0px;
	margin:0px;
	border-top: 1px solid #8AB51F;
	border-bottom: solid 1px #8AB51F;
	float:left;
	width:50%;
	background-color:#FFFFFF;
	font-size: 70%;
}

.fussre {
	border-top: 1px solid #8AB51F;
	border-bottom: solid 1px #8AB51F;
	margin:0px;
	padding:0px;
	float:right;
	width:50%;
	text-align:right;
	background-color:#FFFFFF;
	font-size: 70%;	
	right: 0px;
}

.fussretext {
	font-size:10px;
	margin:0px;	
	padding:4px 15px 4px 2px;
}
.fusslitext {
	font-size:10px;
	margin:0px;
	padding:4px 2px 4px 15px;
}
a.fusslink:link, a.fusslink:visited, a.fusslink:active, a.fusslink:hover {
	color:#717171;
}