#wrap {
	background: url(../images/pwrap.gif) repeat-y;
	margin: 0px auto;
	width: 1024px;
	
}

#logosearch {
	
	width: 1024px;
	height: 60px;
	color: #fd4918;
	padding: 0px 0px 0px 0px;
	background: url(../images/lon_logo.jpg) no-repeat;	
}

#logo {
	float: left;
	font-size: 10px;
    color: #2f4f4f;
}

#plain {
	background-color: #f6e8cd;
	width: 1024px;
	height: 20px;
	text-align: right;
}

#commonpages {
	float: right;
	height: 20px;
	text-align: right;
}

#commonpages a {
	margin: 0px;
	padding: 0px 5px 0px 10px;
	text-decoration: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f4f4f;
}

#commonpages a:hover {
	color: #2f4f4f;
}

#commonpages a.sel {
	color: #FF00FF;
}
/* Neu von B.Scherneck eingefügt */
/* Aus verschiedenen Beiträgen von Autoren des W2D-Forums, passend umgebaut und getestet von B.Scherneck */
#eyecatcher1 {
	background: url(../images/peye1.jpg) no-repeat;
	width: 1024px;
	height: 257px;
	padding: 0px;
	border-top: 1px solid #2f4f4f;
	border-bottom: 1px solid #2f4f4f;
	}
#eyecatcher1_2 {
	background: url(../images/peye9.jpg) no-repeat;
	width: 1024px;
	height: 257px;
	padding: 0px;
	border-top: 1px solid #2f4f4f;
	border-bottom: 1px solid #2f4f4f;
}
#eyecatcher2{
	background: url(../images/peye2.jpg) no-repeat;
	width: 1024px;
	height: 257px;
	padding: 0px;
	border-top: 1px solid #2f4f4f;
	border-bottom: 1px solid #2f4f4f;
}

#eyecatcher3{
   background : #ffffff url(../images/peye3.jpg) no-repeat;
   	width: 1024px;
	height: 257px;
	padding: 0px;
	border-top: 1px solid #2f4f4f;
	border-bottom: 1px solid #2f4f4f;
}

#eyecatcher4{
   background : #ffffff url(../images/peye4.jpg) no-repeat;
   	width: 1024px;
	height: 257px;
	padding: 0px;
	border-top: 1px solid #2f4f4f;
	border-bottom: 1px solid #2f4f4f;
}

#eyecatcher5 {
   background : #ffffff url(../images/peye5.jpg) no-repeat;
   	width: 1024px;
	height: 257px;
	padding: 0px;
	border-top: 1px solid #2f4f4f;
	border-bottom: 1px solid #2f4f4f;
}

#eyecatcher6 {
   background : #ffffff url(../images/peye6.jpg) no-repeat;
   	width: 1024px;
	height: 257px;
	padding: 0px;
	border-top: 1px solid #2f4f4f;
	border-bottom: 1px solid #2f4f4f;
}

#eyecatcher7{
   background : #ffffff url(../images/peye7.jpg) no-repeat;
   	width: 1024px;
	height: 257px;
	padding: 0px;
	border-top: 1px solid #2f4f4f;
	border-bottom: 1px solid #2f4f4f;
}

#eyecatcher8 {
   background : #ffffff url(../images/peye8.jpg) no-repeat;
   	width: 1024px;
	height: 257px;
	padding: 0px;
	border-top: 1px solid #2f4f4f;
	border-bottom: 1px solid #2f4f4f;
}

#eyecatcher9 {
   background : #ffffff url(../images/peye9.jpg) no-repeat;
   	width: 1024px;
	height: 257px;
	padding: 0px;
	border-top: 1px solid #2f4f4f;
	border-bottom: 1px solid #2f4f4f;
}

#trans {
	position: absolute;
	float: left;
	background-color: transparent;
	background:  url(../images/trans.jpg) no-repeat;
	top: 80px;
	width: 160px;
	height: 257px;
	padding: 0px;
	margin: 1px 0px 0px 0px;
    filter: alpha(opacity=40) !important; 
    -moz-opacity: 0.40 !important; 
    opacity: 0.40 !important;
}


	
	

/* das Hauptmenü auf der linken Seite*/
#maintopic {
	position: absolute;
	float: left;
	top: 80px;
	width: 160px;
	padding: 0px;
	margin: 1px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	height: 257px;
	color: #000000;
	border-top: 1px dotted ;
	
}

a.maintopic {
	display: block;
	padding: 6px 5px 4px 5px;
	height: 21px;
	color: #000000;
	border-bottom: 1px dotted #b89a79;
	border-left: 1px dotted ;
	border-right: 1px dotted ;
	text-decoration: none;
}

a.maintopic:hover {
	background: url(../images/trans.jpg) no-repeat;
	color: #000000;
	filter: alpha(opacity=40); 
    -moz-opacity: 0.40; 
    opacity: 0.40;
}

#clearer {
	clear: both;
}

#topic {
	float: left;
	width: 160px;
	top: 360px;
	border-top: 5px solid #2f4f4f;
	padding: 0px 0px 30px 0px;
}

#topic h2 {
	padding: 5px 10px 5px 10px;
	margin: 0;
	color: #ffffff;
	background-color: #666666;
	font-size: 100%;
	font-weight: bold;
}

a.topic {
	display: block;
	padding: 5px 10px 5px 10px;
	margin: 0px 1px 0px 1px;
	border-bottom: 1px #666666 solid;
	color: #666666;
	text-decoration: none;
}

a.topic:hover {
	margin: 0px 1px 0px 1px;
	background-color: #dedede !important;
	font-weight: bold;
	color: #b89a79;	
}


.subtopic {
	display: block;
	padding: 5px 0px 5px 20px;
	margin: 0px 1px 0px 1px;
	border-bottom: 1px #666666 solid;
	color: #666666;
	background-color: #dedede;
	text-decoration: none;
}

a.subtopic:hover {
	margin: 0px 1px 0px 1px;
	background-color: #c6c6c6;
	font-weight: bold;
	color: #b89a79;	
}
/* Der komplette Inhalt der Innenseite wird hier ausgerichtet, das in der Mitte,*/
#content {
	float: left;
	width: 640px;
	padding: 20px 10px 20px 30px;
}

#side {
	float: right;
	width: 160px;
	overflow: hidden;
}

#sidenav {
	width: 160px;
	border-top: 5px solid #2f4f4f;
}
/* Die Überschrift oben in der Sidebar, der Text in der unterlegten Zeile*/
#sidenav h2 {
	padding: 5px 10px 5px 10px;
	margin: 0;
	color: #ffffff;
	background-color: #C0C0C0;
	font-size: 100%;
	font-weight: bold;
}

#sidenav a, #sidenav p {
	display: block;
	padding: 5px 10px 5px 10px;
	margin: 0px 1px 0px 1px;
	border-bottom: 1px #666666 solid;
	color: #666666;
	text-decoration: none;
}

#sidenav a.sel {
	font-weight: bold;
}

#sidenav a:hover {
	background-color: #dedede;
}
/* Der komplette Inhalt der Sidebar wird hier ausgerichtet, Container, Text ,Bilder, etc.*/
#sidebar {
	width: 145px;
	padding: 10px 10px 10px 3px;
}


#footer {
	clear: both;
	width: 1024px;
	height: 93px;
	padding: 3px 0px;
	background-color: #f6e8cd;
	text-align: center;
	color: #2f4f4f;
	border-top: 1px solid ;
	border-top-color: #2f4f4f!important; 
	border-top-style:inset;	
}

#footer a {
	text-decoration: none;
	color: #2f4f4f;
}

#footer a:hover {
	text-decoration: underline;
	color: #2f4f4f;
}

#hier {
	clear: both;
	width: 1024px;
	height: 15px;
	padding: 3px 0px;
	background-color: #f6e8cd;
	text-align: center;
	color: #2f4f4f;
	border-top: 1px solid ;
	border-top-color: #2f4f4f!important; 
	border-top-style:inset;	
}
#hier a {
	text-decoration: none;
	color: #2f4f4f;
}

#hier a:hover {
	text-decoration: underline;
	color: #2f4f4f;
}

#plaintext a {
	float: left;
	color: #000000;
}

#search {
	float: right;
	padding: 5px 7px 0px 0px;
	text-align: left;
	color: #2f4f4f;
}

form.search {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

form.search input {
	vertical-align : middle;
}

input.search {
	width: 140px;
	border: 1px solid #dedede;
	background-color: transparent;
	background:  url(../images/trans.jpg) no-repeat;	
    filter: alpha(opacity=40) !important; 
    -moz-opacity: 0.40 !important; 
    opacity: 0.40 !important;		
}


/* Neu von Sven Rülke eingefügt */
/* Kontaktdaten vorher in der kontakt.ccml anpassen */
#kontakt {
	float:            left;
	width:            160px;
	border-top:       5px solid #2f4f4f;
	padding:          0px 0px 30px 0px;
	margin-bottom: 5px;
}

#kontakt h2 {
	padding:          5px 10px 5px 10px;
	margin:           0px;
	color:            #ffffff;
	background-color: #C0C0C0;
	font-size:        100%;
	font-weight:      bold;
}

#kontakt p {
	display:          block;
	padding:          5px 10px 5px 10px;
	margin:           0px 1px 0px 1px;
	border-bottom:    1px #666666 solid;
	color:            #666666;
	text-decoration:  none;
}

a.kontakt {
	display:          block;
	font-weight:      bold;
	color:            #b89a79;	
	text-decoration:  none;
}

a.kontakt:hover {
	background-color: #dedede;
	font-weight:      bold;
	color:            #b89a79;	
}
#infos {
	float:            left;
	width:            160px;
	border-top:       5px solid #2f4f4f;
	padding:          0px 0px 30px 0px;
	margin-bottom:    5px;
}
#infos h2 {
	padding:          5px 10px 5px 10px;
	margin:           0px;
	color:            #ffffff;
	background-color: #C0C0C0;
	font-size:        100%;
	font-weight:      bold;
}
#infos p {
	display:          block;
	padding:          5px 10px 5px 10px;
	margin:           0px 1px 0px 1px;
	border-bottom:    1px #666666 solid;O
	color:            #666666;
	text-decoration:  none;
}

a.infos {
	display:          block;
	font-weight:      bold;
	color:            #b89a79;	
	text-decoration:  none;
}

a.infos:hover {
	background-color: #dedede;
	font-weight:      bold;
	color:            #b89a79;	
}
#Kosmetiktipps  {
	float:            left;
	width:            160px;
	border-top:       5px solid #2f4f4f;
	padding:          0px 0px 30px 0px;
	margin-bottom:    5px;
}
#Kosmetiktipps  h2 {
	padding:          5px 10px 5px 10px;
	margin:           0px;
	color:            #ffffff;
	background-color: #C0C0C0;
	font-size:        100%;
	font-weight:      bold;
	text-transform:   uppercase;
}
#Kosmetiktipps   p {
	display:          block;
	padding:          5px 10px 5px 10px;
	margin:           0px 1px 0px 1px;
	border-bottom:    1px #666666 solid;
	color:            #666666;
	text-decoration:  none;
}

a.Kosmetiktipps  {
	display:          block;
	font-weight:      bold;
	color:            #b89a79;	
	text-decoration:  none;
}

a.Kosmetiktipps  :hover {
	background-color: #dedede;
	font-weight:      bold;
	color:            #b89a79;
	text-decoration: none;	
}

#anzeigen {
	float:            left;
	width:            160px;
	border-top:       5px solid #2f4f4f;
	padding:          0px 0px 30px 0px;
	margin-bottom: 5px;
}

#anzeigen h2 {
	padding:          5px 10px 5px 10px;
	margin:           0px;
	color:            #ffffff;
	background-color: #C0C0C0;
	font-size:        100%;
	font-weight:      bold;
}

#anzeigen p {
	display:          block;
	padding:          5px 10px 5px 10px;
	margin:           0px 1px 0px 1px;
	border-bottom:    1px #666666 solid;
	color:            #666666;
	text-decoration:  none;
}

a.anzeigen{
	display:          block;
	font-weight:      bold;
	color:            #b89a79;	
	text-decoration:  none;
}

a.anzeigen:hover {
	background-color: #dedede;
	font-weight:      bold;
	color:            #b89a79;	
}

#formular {
	float:            left;
	width:            160px;
	border-top:       5px solid #2f4f4f;
	padding:          0px 0px 30px 0px;
	margin-bottom: 5px;
}

#formular h2 {
	padding:          5px 10px 5px 10px;
	margin:           0px;
	color:            #ffffff;
	background-color: #C0C0C0;
	font-size:        100%;
	font-weight:      bold;
}

#formular p {
	display:          block;
	padding:          5px 10px 5px 10px;
	margin:           0px 1px 0px 1px;
	border-bottom:    1px #666666 solid;
	color:            #666666;
	text-decoration:  none;
}

a.formular{
	display:          block;
	font-weight:      bold;
	color:            #b89a79;	
	text-decoration:  none;
}

a.formular:hover {
	background-color: #dedede;
	font-weight:      bold;
	color:            #b89a79;	
}

/* Neu von Sven Rülke eingefügt *//* Symbole können frei gewählt werden. Bekanntmachung in der global.ccml */
/* Formate für Sitemap von rudolf*/ 
#sitemap  { 
   clear:               both; 
   position:            relative; 
   margin-left:         30px !important; 
   width:               560x; 
   line-height:         180%; 
   padding-top:         8px; 
   font-size:           0.95em; 
} 
#sitemap .sitemap1 a,
#sitemap .sitemap2 a,
#sitemap .sitemap3 a { 
   text-decoration:     none; 
   background-color:    transparent; 
} 
#sitemap .sitemaoben { 
   text-align:          left; 
   padding:             10px; 
} 
#sitemap .sitemaphome { 
   text-align:          left; 
   font-weight:         bold; 
   margin-left:         0px; 
} 
#sitemap a.sitemaphome { 
   vertical-align:      middle; 
   width:               auto; 
   background-image:    url(../images/folder.gif); 
   background-position: left; 
   background-repeat:   no-repeat; 
   padding:             0px 10px 3px 30px; 
   white-space:         nowrap; 
   color:               #999999 !important; 
} 
#sitemap a.sitemaphome:hover {  
   background-image:    url(../images/folder.gif); 
   background-position: left; 
   background-repeat:   no-repeat; 
   padding:             0px 10px 3px 30px; 
} 
#sitemap .sitemap1 { 
   text-align:          left; 
   font-weight:         bold; 
   margin-left:         16px; 
   margin-top:          0px; 
} 
#sitemap a.sitemap1 { 
   vertical-align:       middle; 
   width:                auto; 
   background-image:     url(../images/folder2.gif); 
   background-position:  left; 
   background-repeat:    no-repeat; 
   padding:              0px 10px 3px 30px; 
   white-space:          nowrap; 
   color:                #ADC6A5 !important; 
} 
#sitemap a.sitemap1:hover { 
   background-image:     url(../images/folder2.gif); 
   background-position:  left; 
   background-repeat:    no-repeat; 
   padding:              0px 10px 3px 30px; 
} 
#sitemap .sitemap2 { 
   text-align:           left; 
   font-weight:          bold; 
   margin-left:          32px; 
   padding-top:          1px; 
} 
#sitemap a.sitemap2 { 
   vertical-align:        middle; 
   width:                 auto; 
   background-image:      url(../images/inhalt.gif); 
   background-position:   left; 
   background-repeat:     no-repeat; 
   padding:               0px 10px 3px 30px; 
   white-space:           nowrap; 
   color:                 #495A3D!important; 
} 
#sitemap a.sitemap2:hover { 
   background-image:      url(../images/inhalt.gif); 
   background-position:   left; 
   background-repeat:     no-repeat; 
   padding:               0px 10px 3px 30px; 
} 
#sitemap .sitemap3 { 
   text-align:            left; 
   margin-left:           50px; 
   padding-top:           0px; 
} 
#sitemap a.sitemap3 { 
   vertical-align:        middle; 
   width:                 auto; 
   background-image:      url(../images/inhalt2.gif); 
   background-position:   left; 
   background-repeat:     no-repeat; 
   padding:               0px 10px 3px 20px; 
   white-space:           nowrap; 
   color:                 #742E51!important; 
} 
#sitemap a.sitemap3:hover { 
   background-image:      url(../images/inhalt2.gif); 
   background-position:   left; 
   background-repeat:     no-repeat; 
   padding:               0px 10px 3px 20px; 
} 


/* Neu von B.Scherneck eingefügt */
div.sidebar {

	float: middle;

}



#sidebar table {

	font: 60% arial, hevetica, sans-serif;

}



#sidebar .moduletable {

	border: 1px solid #C0C0C0;

	margin-bottom: 5px;

	padding: 2px 2px 15px 2px;/* Der Inhalt in der Box*/

}



#sidebar .moduletable h3 {

	font-size: 10px;
	letter-spacing: 0,6em;
	font-weight: bold;
	width: 100%;
	color: #FFFFFF;
	background: #C0C0C0;
	border-bottom: 3px solid #D9D9D9;
	margin: 0px 0px 3px 0px;/* Der Hintergrund des oberen Überschriftfeldes in der Box*/
	padding: 3px 0px 3px 0px;/* Der Hintergrund des oberen Überschriftfeldes in der Box*/
	text-align: center;
	text-transform: uppercase;

}



#sidebar ul {

	list-style: none;

	margin: 0px 0px 0px 4px;

	padding: 4px 0px 0px 0px;

	position: relative;

}



#sidebar li {

	padding: 2px 0px 2px 18px;

	background: url(../images/pbull.gif) no-repeat top left;

}



#sidebar p {

	margin: 0px;

	padding: 2px 0px 10px 0px;	

	line-height: 130%;

}



#sidebar img {

	margin: 2px;

}



#sidebar .innersidebar {

	padding: 5px;

}