/* Stylesheet harry.ilo.de/projekte/berge */

html, body	{ margin:0px; padding:0px; background-color:#F4F4F8; font-family:Verdana, Arial; font-size:11px; color:#333333; height:100%; width:100%; }
div 	{ margin:0px; padding:0px; font-family:Verdana, Arial; font-size:11px; position:absolute; }
img		{ margin:0px; padding:0px; border:0px; }		

a		{ border:0px; font-family:Verdana, Arial; }

table	{ cellpadding:0px; border:0px; cellspacing:0px; }
th		{ font-weight:normal; text-align:left; }
td		{ vertical-align:top; }

h1		{ font-family:Verdana, Arial; font-weight:normal; font-size:14px; letter-spacing:1pt; }
h2		{ font-family:Verdana, Arial; font-weight:bold; font-size:12px; letter-spacing:1pt; margin:0px; }
h3		{ font-weight:bold; font-size:11px; margin:0px; }
h4		{ font-weight:bold; font-size:11px; margin:0px; }

/* Layout */

div.oben1	{ top:20px; left:0px; height:22px; width:100%; background-image:url('../img/oben.gif'); display:inline; }
div.oben2	{ top:21px; left:0px; height:22px; width:100%; background-image:url('../img/oben.gif'); display:inline; }
div.oben3	{ top:0px; left:0px; height:258px; width:396px; display:inline; }
div.unten1	{ bottom:0px; left:0px; height:89px; width:100%; background-image:url('../img/unten.gif'); display:inline; }
div.unten2	{ bottom:0px; left:0px; height:89px; width:401px; display:inline; }
div.unten3	{ bottom:0px; right:0px; height:143px; width:174px; display:inline; }

img.unten2	{ width:401px; height:89px; }
img.unten3	{ width:174px; height:143px; }
img.oben3	{ height:258px; width:396px; }

/* Navigation */

div.navcont					{ left:17px; top:113px; width:106px; height:386px; display:inline; }
	div.navbg				{ left:0px; top:0px; width:106px; height:386px; background-color:#626173; filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; }

	div.navhome		 		{ left:0px; top:18px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }
	div.navnews		 		{ left:0px; top:36px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }
	
	div.artikel 			{ left:0px; top:66px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }
	div.tests 				{ left:0px; top:84px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }

	div.navbergtouren 		{ left:0px; top:114px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }
	div.navskitouren 		{ left:0px; top:132px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }
	div.navloipen	 		{ left:0px; top:150px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }
	div.navhuetten	 		{ left:0px; top:168px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }
	div.navklettersteige	{ left:0px; top:186px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }

	div.navtourenplanung	{ left:0px; top:216px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }
	div.navforum 			{ left:0px; top:234px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }

	div.navdownloads 		{ left:0px; top:264px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }
	div.navsuche	 		{ left:0px; top:282px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }
	div.navlinks	 		{ left:0px; top:300px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }

	div.navimpressum 		{ left:0px; top:330px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }
	div.navemail	 		{ left:0px; top:348px; width:93px; height:16px; background-color:#626173; padding-left:13px; padding-top:1px; }

a.nav			{ text-decoration:none; color:#FFFFFF; }
a.nav:hover		{ text-decoration:underline overline; }
a.nav:visited	{ text-decoration:none; }
a.nav:active	{ text-decoration:none; color:#FF0000; }

/* Generelle Inhaltselemente */

div.heading		{ left:156px; top:100px; }

div.content		{ left:160px; top:148px; width:800px; text-align:justify; }

a.int			{ text-decoration:none; color:#444499; }
a.int:hover		{ text-decoration:underline; color:#994444; }
a.int:visited	{ text-decoration:none; color:#444466; }
a.int:active	{ text-decoration:underline; color:#FF2222; }

img.q12			{ width:12px; height:12px; }
img.q12noprint	{ width:12px; height:12px; margin-right:2px; display:inline; }

span.error		{ color:#FF0000; }

/* Ein- und auszublendende Elemente */
/* Die Angaben hier sind prinzipiell ueberfluessig. Sie dienen lediglich dazu, Browser, die das Druck-Stylesheet mit
   fuer die Anzeige einbeziehen, ebenfalls zu einer korrekten Darstellung zu ueberreden */

#tocspan	{ display:inline; }
#galerie	{ display:inline; }
