/*======================================*
** stylesheet.css
**======================================*/

/*------------------------------------------------------------*
**  Global body
**------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	background-color: #CBC798;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #000000;
}

#wrapper {
	width: 965px;
	background-color: #006565;
	margin-right: auto;
	margin-left: auto;
	border: 5px solid #FFFFFF;
	color: #000000;
	clear: both;
}

#wrapper_content {
	margin-right: auto;
	margin-left: auto;
	color: #000000;
	clear: both;
}

/* HEADER STYLES */

#header{
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#logo{
	height: 45px;
	width: 205px;
	background-image: url(navi.jpg);
	background-repeat: no-repeat;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#logo h1{
	text-indent:-1000px;
	font-size: 10px;
}

#logo h1 a{
	text-indent:-1000px;
	display:block;
	font-size: 10px;
}
/* Paragraphs */
h1 {
	
}
	
h2 {
	
	}
	
h3 {	
    
}		
a:hover {
	text-decoration:none;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
}
/*----- IMAGES ----- */
img {
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

.left {
	float: left;
	padding: 0px;
	margin: 0px;
	clear: both;
}

.right {
	float: right;
	margin: 0px;
	padding: 0px;
}

/*----- IMAGES ende ----- */
/*------------------------------------------------------------*
**  Header oben rechts
**------------------------------------------------------------*/
#divBanner{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #996699;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #FFFFFF;
	height: 50px;
}
/*------------------------------------------------------------*
**  - Header oben rechts unten 
**------------------------------------------------------------*/
#divBannerunten {
	height: 35px;
	background-color: #996699;
	margin: 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	width: 480px;
	padding: 0px;
}

#divBannerunten h2 {
	color: #FFFFFF;
	font-family: Georgia, Verdana, Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 150%;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	background-color: #996699;
	text-indent: 20px;
	}
	
/* formatierte platzhalter */
.platzhalter20 {
	color: #000000;
	margin: 0px;
	height: 20px;
	background-color: #ECE9D8;
}

.platzhalter30 {
	color: #000000;
	margin: 0px;
	height: 30px;
	background-color: #ECE9D8;
}

.platzhalter40 {
	color: #000000;
	margin: 0px;
	height: 40px;
	background-color: #ECE9D8;
}

.platzhalter50 {
	color: #000000;
	margin: 0px;
	height: 50px;
	background-color: #ECE9D8;
}

.platzhalter60 {
	color: #000000;
	margin: 0px;
	height: 60px;
	background-color: #ECE9D8;
}

.platzhalter70 {
	color: #000000;
	margin: 0px;
	height: 70px;
	background-color: #ECE9D8;
}
/* formatierte platzhalter ENDE*/
/* formatierte HRs */
.trener40 {
	background-image: url(line.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	color: #000000;
	margin: 0px;
	height: 1px;
	padding-bottom: 40px;
	padding-top: 40px;
	background-color: #ECE9D8;
}

.dottedGrau {
	color: #808080;
	text-align: left;
	background-color: #ECE9D8;
	background-image: url(horizontaldotted.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0;
}

.dottedOrange{
	color: #808080;
	background-color: #ECE9D8;
	background-image: url(list-on-orange.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
}

.dottedSchwarz {
	color: #808080;
	text-align: left;
	background-color: #ECE9D8;
	background-image: url(horizontaldotted_schwarz.gif);
	background-repeat: repeat-x;
	background-position: center center;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0;
}

.allpara2 {
	background-image: url(line.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
	color: #000000;
	margin: 0px;
	background-color: #ECE9D8;
}
/*------------------------------------------------------------*
**  Column Left Navi flashcontent auto
**------------------------------------------------------------*/
#platz {
	height: 0px;
	float: left;
	width: 450px;
	margin: 0px;
	padding: 0px;
	
}

#flashcontent {
	width: 480px;
	float: left;
	background-color: #006565;
	color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	clear: both;
	padding: 0px;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#flashcontent a {
	color: #99CC00;
	background-color: #006565;
}

#flashcontent h1 {
	color: #FFFFFF;
	background-color: #006565;
	background-image: none;
	font-size: 0.7em;
}

#flashcontent h2 {
	color: #CCCCCC;
	background-color: #006565;
}

#flashcontent h3 {
	color: #99CC00;
	background-color: #006565;
}
/*------------------------------------------------------------*
**  Column kontakt form flashcontent auto
**------------------------------------------------------------*/
#flashcontentForm {
	width: 440px;
	padding: 0px;
	background-color: #ECE9D8;
	color: #000000;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*------------------------------------------------------------*
**  Content Middle
**------------------------------------------------------------*/
#divMainContent {
	padding-left: 20px;
	padding-right: 20px;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	min-height: 400px;
	width: auto;
}

/* Paragraphs */
#divMainContent h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(nav_trenner_herz.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	text-indent: 30px;
	font-style: normal;
	background-color: #999966;
	border: 1px solid #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
	
#divMainContent h2 {
	color: #990000;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-size: 150%;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	background-color: #ECE9D8;
	}
	
#divMainContent h3 {	
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(nav_trenner_herz.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	text-indent: 20px;
	font-style: normal;
	background-color: #999966;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin-bottom: 0px;
	padding-top: 5px;
	margin-top: 10px;
}		
#divMainContent a:hover {
	text-decoration:none;
}

#divMainContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
}

#divMainContent a {
	background-color: #ECE9D8;
	color: #996600;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#divMainContent p.blocksatz:first-letter {
	font-size:120%;
	color:#990099;
	font-weight: bold;
}

#divMainContent img {
	background-color: #EAF1FF;
	padding: 4px;
	border: 1px solid #FFFFFF;

}

#divMainContent a img {
	background-color: #99CCCC;
	padding: 4px;
	border: 1px solid #FFFFFF;

}

#divMainContent a:hover img {
	background-color: #9900CC;
	padding: 4px;
}

.baner_Col_left {
	background-color: #E2ECFD;
	float: left;
	margin: 0px;
	padding: 0px;
}


.baner_Col_recht {
	background-color: #A5C3FF;
	float: right;
	padding: 10px;
	border: 1px solid #FFFFFF;
	margin: 0px;
}
/*------------------------------------------------------------*
**  Column Right auto
**------------------------------------------------------------*/
#colRight {
	background-color: #ECE9D8;
	width: 480px;
	float: right;
	margin: 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	height: auto;
	color: #000000;
}

/*------------------------------------------------------------*
**  Column Right 620 pixel
**------------------------------------------------------------*/
#colRight620 {
	background-color: #ECE9D8;
	width: 480px;
	float: right;
	margin: 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	height: 620px;
	color: #000000;
}
/*------------------------------------------------------------*
**  Column Right 605 pixel
**------------------------------------------------------------*/
#colRight605 {
	background-color: #ECE9D8;
	width: 480px;
	float: right;
	margin: 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	height: 605px;
	color: #000000;
}
/*------------------------------------------------------------*
**  Column Right 495 pixel
**------------------------------------------------------------*/
#colRight495 {
	background-color: #ECE9D8;
	width: 480px;
	float: right;
	margin: 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	color: #000000;
	height: 495px;
}
/*------------------------------------------------------------*
**  Column Right Google Maps
**------------------------------------------------------------*/
#googleMaps {
	color: #000000;
	border: 1px solid #999999;
	margin-top: 20px;
	margin-bottom: 15px;
	height: 320px;
	width: 438px;
	margin-left: 0px;
	float: right;
	margin-right: 0px;
	padding: 0px;
}

#googleWraper {
	float: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#map {
	color: #000000;
	padding: 0px;
	border: 1px solid #999999;
	margin-top: 20px;
	margin-bottom: 15px;
	height: 320px;
	width: 438px;
}

/*------------------------------------------------------------*
**  Column Right Gaestebuch
**------------------------------------------------------------*/
#gaestebuch {
	background-color: #ECE9D8;
	color: #000000;
	padding: 0px;
}	
/*------------------------------------------------------------*
**  Boxsen  heuser
**------------------------------------------------------------*/	
#boxOben {
	color: #000000;
	background-color: #ECE9D8;
	padding-top: 0px;
	padding-bottom: 15px;
	margin: 0px;
}

#boxOben h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(nav_trenner_herz.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: 20px;
	font-style: normal;
	background-color: #999966;
	border: 1px solid #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#boxOben h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(nav_trenner_herz.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	text-indent: 20px;
	font-style: normal;
	background-color: #999966;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin-bottom: 0px;
	padding-top: 5px;
	margin-top: 10px;
}

.boxObenmehr {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 20px;
	font-style: normal;
	background-color: #999966;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#boxLeft {
	color: #000000;
	margin: 0px;
	float: left;
	width: 208px;
	background-color: #ECE9D8;
	text-indent: 15px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #996600;
	border-left-color: #996600;
	padding-left: 10px;
}

#boxLeft2 {
	color: #000000;
	margin: 0px;
	float: left;
	width: 208px;
	background-color: #ECE9D8;
	text-indent: 15px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #996600;
	border-left-color: #996600;
	padding-left: 10px;
}

#boxRight {
	color: #000000;
	margin: 0px;
	float: right;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #996600;
	background-color: #ECE9D8;
	text-indent: 15px;
	width: 208px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #996600;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #996600;
}

#boxRight2 {
	color: #000000;
	margin: 0px;
	float: right;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #996600;
	background-color: #ECE9D8;
	text-indent: 15px;
	width: 208px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #996600;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #996600;
}

#lcontent_Links img {
	background-color: #EAF1FF;
	padding: 4px;
	border: 1px solid #FFFFFF;

}

#lcontent_Links a img {
	background-color: #E2ECFD;
	padding: 4px;
	border: 1px solid #FFFFFF;

}

#lcontent_Links a:hover img {
	background-color: #9900CC;
	padding: 4px;
}
/*------------------------------------------------------------*
**  Boxen ende
**------------------------------------------------------------*/	
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/	
#footer {
	height: 45px;
	color: #000000;
	background-color: #996699;
	width: 100%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
/*------------------------------------------------------------*
**  Footer Left
**------------------------------------------------------------*/	
#footerLeft {
	color: #000000;
	background-color: #996699;
	width: 300px;
	float: left;
	padding: 0px;
	margin-top: 15px;
	margin-left: 20px;
}
#footerLeft p {
	margin: 0 10px;
	text-align: center;
	font-size: 90%;
	color: #000000;
	background-color: #996699;
}

#footerLeft a {
	text-decoration: none;
	padding: 0px;
}	

#footerLeft a:hover {
	text-decoration: none;
}

/*------------------------------------------------------------*
**  Footer Left ENDE
**------------------------------------------------------------*/	

/*------------------------------------------------------------*
**  Footer Right
**------------------------------------------------------------*/	
#footerRight {
	color: #ECE9D8;
	background-color: #996699;
	float: right;
	padding-top: 15px;
	font-size: 90%;
	margin-right: 15px;
}
#footerRight p {
	margin: 0 10px;
	text-align: center;
	font-size: 90%;
	color: #ECE9D8;
	background-color: #996699;
	font-weight: bold;
}

#footerRight a {
	font-size: 90%;
	color: #FFFFFF;
	background-color: #996699;
	padding: 5px;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#footerRight a:hover {
	font-size: 90%;
	color: #999999;
	background-color: #FFFFFF;
	padding: 5px;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.sp {
	color: #92D340;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #92D340;
	background-color: #ECE9D8;
}

.web {
	color: #996600;
	background-color: #ECE9D8;
	font-weight: bold;
	font-size: 110%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.web2 {
	color: #990099;
	font-weight: normal;
	background-image: url(nav_trenner_herz.gif);
	background-position: left center;
	background-repeat: no-repeat;
	clip: rect(auto,auto,auto,auto);
	text-indent: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-style: italic;
	background-color: #ECE9D8;
}
.web2Unten {
	color: #990099;
	font-weight: normal;
	clip: rect(auto,auto,auto,auto);
	text-indent: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-style: italic;
	background-color: #ECE9D8;
}

.web3 {
	color: #000000;
	background-image: url(nav_trenner_herz_lila.gif);
	background-position: left center;
	background-repeat: no-repeat;
	clip: rect(auto,auto,auto,auto);
	text-indent: 15px;
	font-size: 110%;
	font-style: normal;
	background-color: #ECE9D8;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.web3unten {
	color: #000000;
	clip: rect(auto,auto,auto,auto);
	text-indent: 15px;
	font-size: 100%;
	font-style: normal;
	background-color: #ECE9D8;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.web4 {
	color: #666666;
	font-weight: bold;
	background-image: url(nav_trenner_herz_rot.gif);
	background-position: left center;
	background-repeat: no-repeat;
	clip: rect(auto,auto,auto,auto);
	text-indent: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-style: normal;
	background-color: #ECE9D8;
}

.agros {
	color: #990099;
	clip: rect(auto,auto,auto,auto);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	letter-spacing: 1px;
	background-color: #ECE9D8;
}

.titlegros {
	font-size: 100%;
	color: #006565;
	font-weight: bold;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	background-color: #ECE9D8;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-indent: 20px;
	padding: 0px;
}

.titlegros2 {
	font-size: 100%;
	color: #990000;
	font-weight: bold;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #ECE9D8;
	margin-top: 10px;
	margin-bottom: 10px;
	text-indent: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.title {
	font-size: 100%;
	color: #006565;
	font-weight: bold;
	background-image: url(rh_lila.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #ECE9D8;
	margin-top: 15px;
	margin-bottom: 5px;
	text-indent: 15px;
}

.title2gr {
	font-size: 110%;
	color: #990000;
	font-weight: bold;
	background-image: url(rh_lila.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #ECE9D8;
	text-indent: 15px;
	font-family: "Times New Roman", Times, serif;
}

.grin {
	font-size: 100%;
	color: #006565;
	font-weight: bold;
	background-color: #ECE9D8;
	text-indent: 15px;
}

.preise {
	font-size: 100%;
	color: #006565;
	font-weight: bold;
	background-color: #ECE9D8;
	text-align: right;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: underline;
}

.untertitle {
	font-size: 100%;
	color: #000000;
	background-image: url(star_award.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	background-color: #ECE9D8;
}

.allpara {
	color: #000000;
	margin: 0px;
	background-color: #ECE9D8;
}

.smallSpacer {
	height: 600px;
	width: 5px;
	float: left;
	background-color: #ECE9D8;
	color: #000000;
}

.style3 {
	color: #999900;
	text-decoration: none;
	background-color: inherit;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	font-weight: bold;
}

.style4 {
	color: #999999;
	background-color: #ECE9D8;
}

.style5 {
	color: #FF9900;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #ECE9D8;
}

.style6 {
	color: #999900;
	font-weight: bold;
	background-color: #ECE9D8;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.style7 {
	color: #990099;
	background-color: #ECE9D8;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 100%;
	text-decoration: underline;
}

.greenbox {
background-color: #FDF7EC;
border: 1px solid #CBC798;
color: inherit;
padding: 5px;
margin: 0px;
}

.greenboxfetmite {
text-align: center;
font-weight: bold;
background-color: #F7F9F7;
border: 1px solid #94BD53;
color: inherit;
padding: 5px;
margin: 0px;
}

.bluebox {
background-color: #FDF7EC;
border: 1px solid #996699;
color: inherit;
padding: 5px;
margin: 0px;
}

.splitright {
	float: right;
	padding: 0px;
	margin: 0px;
}

.splitleft {
	float: left;
	margin: 0px;
	padding: 0px;
	clear: both;
}


/* workarounds and hacks 
.clear {
	clear:both;
}
*/
.clear:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clear {
        display: inline-table;
		clear:both;
}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */



/*------------------------------------------------------------*
**  - Navigation - menu oben in Header oben rechts 
**------------------------------------------------------------*/
/*** Horizontal menu ***/

.mainmenu {

}

.mainmenu ul {
margin:0;
padding:0;
}

.mainmenu li {
float:left;
list-style:none;
margin:0;
padding:0;
}

.mainmenu a {
	color:#FFFFFF;
	text-decoration: none;
	display:block;
	padding:10px 7px 0px;
	text-transform:capitalize;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #996699;
}

.mainmenu a:hover {
	color:#000000;
	text-decoration:none;
	background-image: url(menuhover.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight: lighter;
}

.mainmenu a.currentb {
	color:#000000;
	text-decoration:none;
	background-color: #f0f0f0;
	background-image: url(menuhover.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
}

/*------------------------------------------------------------*
**  - Navigation - menu oben ende 
**------------------------------------------------------------*/
/* Navigation */

#navigation{
	float: right;
	background-color: #996699;
	width: 480px;
	height: 80px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 2em; /* I'm using ems rather than px to allow people to zoom their font */
 left: 10px;
 width: 170px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px;
 left: 173px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
}


/* Links inside the menu */
.menulist ul li a {
	display: block;
	color: #2d2d2d;
	text-decoration:none;
	border:1px solid #D3DEDA;
	padding:5px;
	background:#FFFFFF;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist ul li a:hover, .menulist ul li a.highlighted:hover, .menulist ul li a:focus {
 color: #436493;
 background:#F4F4F4;
}
.menulist ul li a.highlighted {
  color: #436493;
background:#F5F5F5;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */