/*my-info Page Styles*/




/*HIER BEGINNT DIE STARTSEITE*/
body { 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 100%; 
 color: #333333; 
 background-color: #FFFFFF; 
 margin: 0; 
 padding: 0; 
 min-width: 950px; 
 }
 
#oberste_zeile { 
 background-color: #777777;
 height: 5px;
} 
 
#kopfzeile { 
 background-color: #F6FBF0;
 height: 50px; 
} 


#verpackung_aussen { 
 margin: 0px; 
 padding: 0; 
 width: 950px; 
 }
 
#logo_spalte { 
 width: 156px; 
 float: left; 
 background-image: url(images/mylogo.jpg); 
 background-repeat: no-repeat; 
 position: relative; 
 top: 0px; 
 } 
   
#spalte_1 { 
width: 350px; 
float: left; 
} 
 
#spalte_2 { 
width: 160px; 
float: left; 
} 
 
#spalte_3 { 
width: 140px; 
float: left; 
}
 
#footer { 
background-color: #F6FBF0;
color: #F6FBF0;
height: 100px;
} 
 
#footerwrap {width: 950px;} 
 
#footercontent { 
padding: 12px; 
font-size: 0.7em;
 color: #000000; 
 } 
 
 #schlussstrich { 
 background-color: #777777;
 height: 5px;
 } 
 
 /*Spalte 4 und 5 gehören zur Content Seite*/
 
 #spalte_4 { 
 width: 500px; 
 float: left; 
 }
  
 #spalte_5 { 
 width: 160px; 
 float: left; 
 } 
  
 .clearit { 
 clear: both; 
 height: 0; 
 line-height: 0.0; 
 font-size: 0;
 } 
 
 
#spalte_1 {
font-size: 0.8em;
line-height: 1.75em;
padding: 10px 24px 20px 32px;
 } 
 
#spalte_2 { 
font-size: 0.75em; 
line-height: 1.5em; 
padding: 20px 20px 20px 20px; 
border-left-style: solid;
border-left-width: 1px;
border-left-color: #CCCCCC;
} 

/*Hier beginnt die Navigation der Startseite*/
 
#box_spalte2 #side_nav, #box_spalte2 #side_nav li { 
 margin: 0; 
 padding: 0; 
 list-style-type: none; 
 } 
 
#box_spalte2 #side_nav a { 
font-size: 1.1em; 
display: block; 
background-color: #56628C; 
color: #ECE9D8; 
border: 1px solid; 
border-color: #717DA8 #000000 #000000 #717DA8; 
padding: 2px 6px; 
filter: alpha(opacity=60); 
opacity: 0.60; 
text-decoration: none; 
}

#box_spalte2 #side_nav a:hover, #box_spalte2 #side_nav a:active, #box_spalte2 #side_nav 
a:focus { 
background-color: #333333; 
color: #FFFFFF; 
border-color: #333333 #000000 #000000 #333333; 
filter: alpha(opacity=75); 
opacity: 0.75; 
}  
 
#box_spalte2 ul ul { 
background-color: #FFFFFF; 
border: 1px solid; 
border-color: #FFFFFF #000000 #000000 #FFFFFF; 
padding: 2px 3px 3px 3px; 
display:none; 
} 
 
#box_spalte2 ul ul, #box_spalte2 ul ul li { 
width: 12em;  }

.p7exp_root { 
filter: alpha(opacity=60); 
opacity: 0.60; 
} 

#box_spalte2 ul ul a:hover { 
 background-color: #525252; 
 color: #FFFFFF; 
 border-top-color: #333333; 
 border-bottom-color: #7D89B0; 
 } 

#box_spalte2 {position: relative;} 

#box_spalte2 ul li:hover ul, #box_spalte2 ul li.p7hvr ul { 
 display: block; 
 } 
 
.p7expsubmenus { 
position: absolute; 
left: 80px; 
 } 

#p7exp_sub1 {top: 37px; z-index: 20000;} 
#p7exp_sub2 {top: 60px; z-index: 20000;} 


#box_spalte2 ul li:hover a, #box_spalte2 ul li.p7hvr a, 
#box_spalte2 ul li a:focus, #box_spalte2 ul li a:active { 
filter: alpha(opacity=100) !important; 
opacity: 1.0; 
} 

/*Hier endet die Navigation der Startseite*/


#spalte_3 {
font-size: 0.75em;
line-height: 1.5em;
padding: 20px 20px 20px 20px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #CCCCCC;
}
 
#spalte_4 {
font-size: 0.8em;
line-height: 1.75em;
padding: 10px 24px 20px 32px;
} 
 

/*Hier beginnt die Ausrichtung und die Navigation der Contentseite*/

  #spalte_5 { 
 font-size: 0.75em; 
 line-height: 1.5em; 
 padding: 20px 20px 20px 20px; 
 border-left-style: solid;
 border-left-width: 1px;
 border-left-color: #CCCCCC;
 } 
 
 #box_spalte5 #side_nav, #box_spalte5 #side_nav li { 
 margin: 0; 
 padding: 0; 
 list-style-type: none; 
 } 
 
 #box_spalte5 #side_nav a { 
 font-size: 1.1em; 
 display: block; 
 background-color: #56628C; 
 color: #ECE9D8; 
 border: 1px solid; 
 border-color: #717DA8 #000000 #000000 #717DA8; 
 padding: 2px 6px; 
 filter: alpha(opacity=60); 
 opacity: 0.60; 
 text-decoration: none; 
 }
 
 #box_spalte5 #side_nav a:hover, #box_spalte5 #side_nav a:active, #box_spalte5 #side_nav 
 a:focus { 
 background-color: #333333; 
 color: #FFFFFF; 
 border-color: #333333 #000000 #000000 #333333; 
 filter: alpha(opacity=75); 
 opacity: 0.75; 
 }  
 
 #box_spalte5 ul ul { 
 background-color: #FFFFFF; 
 border: 1px solid; 
 border-color: #FFFFFF #000000 #000000 #FFFFFF; 
 padding: 2px 3px 3px 3px; 
 display:none; 
 } 
 
 #box_spalte5 ul ul, #box_spalte5 ul ul li { 
 width: 12em;  }

.p7exp_root { 
 filter: alpha(opacity=60); 
 opacity: 0.60; 
 } 

#box_spalte5 ul ul a:hover { 
 background-color: #525252; 
 color: #FFFFFF; 
 border-top-color: #333333; 
 border-bottom-color: #7D89B0; 
 } 

#box_spalte5 {position: relative;} 

#box_spalte5 ul li:hover ul, #box_spalte5 ul li.p7hvr ul { 
 display: block; 
 } 
 
 .p7expsubmenus { 
 position: absolute; 
 left: 80px; 
 } 

#p7exp_sub2 {top: 60px; z-index: 20000;} 

#box_spalte5 ul li:hover a, #box_spalte5 ul li.p7hvr a, 
 #box_spalte5 ul li a:focus, #box_spalte5 ul li a:active { 
 filter: alpha(opacity=100) !important; 
 opacity: 1.0; 
 } 
 

 /*Hier endet die Ausrichtung und Navigation der Content Seite*/
 
 
 
 
 h1 {
	font-size: x-large;
	margin: 0px;
	font-family: "Courier New", Courier, monospace;
	font-weight: lighter;
 } 

 h2 {
	font-size: 1.5em;
	margin: 1px 0 0 0;
	color: #779999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: lighter;
 }  
 
 h3 {
	font-size: 1em;
	margin: 1px 0 0 0;
	color: #E17736;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
 } 
 
 h4 {
	font-size: 1em;
	margin: 10px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	font-weight: lighter;
 }
 
 p {margin: 12px 0;} 
 
 
/*Hier beginnen die Farbe der Links und Ihre Änderung wenn der Besucher draufdrückt*/

#box_spalte1 a:link {color: #A14C3C;} 
#box_spalte2 a:link {color: #A14C3C;}
#box_spalte3 a:link {color: #A14C3C;} 
#box_spalte4 a:link {color: #A14C3C;} 
#box_spalte5 a:link {color: #A14C3C;}  

#box_spalte1 a:visited {color: #993300;} 
#box_spalte1 a:hover, #box_spalte1 a:active, #box_spalte1 a:focus { 
 background-color: #4A4A4A; 
 color: #CCCCCC; 
 text-decoration: none; 
 } 

#box_spalte2 a:visited {color: #993300;} 
#box_spalte2 a:hover, #box_spalte2 a:active, #box_spalte2 a:focus { 
 background-color: #4A4A4A; 
 color: #CCCCCC; 
 text-decoration: none; 
 } 
 
#box_spalte3 a:visited {color: #993300;} 
#box_spalte3 a:hover, #box_spalte3 a:active, #box_spalte3 a:focus { 
 background-color: #4A4A4A; 
 color: #CCCCCC; 
 text-decoration: none; 
 } 
  
#box_spalte4 a:visited {color: #993300;} 
#box_spalte4 a:hover, #box_spalte4 a:active, #box_spalte4 a:focus { 
 background-color: #4A4A4A; 
 color: #CCCCCC; 
 text-decoration: none; 
 } 
 
#box_spalte5 a:visited {color: #993300;} 
#box_spalte5 a:hover, #box_spalte5 a:active, #box_spalte5 a:focus { 
 background-color: #4A4A4A; 
 color: #CCCCCC; 
 text-decoration: none; 
 } 
 
 
#fusszeileninhalt a:visited {color: #993300;} 
#fusszeileninhalt a:hover, #fusszeileninhalt a:active, #fusszeileninhalt a:focus { 
 background-color: #4A4A4A; 
 color: #CCCCCC; 
 text-decoration: none; 
 }