/* *****   ein schickes stylesheet fuer UWZ-Archiv           **********
   *****   hier die styles fuer die normale ansicht             **********
   *****   fuer browser > netscape4                             **********
*/


/* ***** die farben: *****************************************************
weiss          #FFFFFF;
schwarz        #000000;
*/




/* ***** debug ***********************************************************

div									{ border: 1px solid black; }
.debug								{ border: 1px solid black; }*/


/* ***** uebergreifendes ... *********************************************
*/

* { margin:0; padding:0; }

html	{ }

body	{ 
	padding: 0; 
	margin: 0; 
	background-color:#fff;
	/* white url(../images/_bg_body.gif) fixed;*/
	font-family: Verdana, "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; 
	font-size: 85%; 
	text-align: left; 
	}
	
#mantel	{ 
	margin:30px 0 0 0; 
	padding: 0; 
	width: 950px; 
	text-align: left; 
	background-color:#fff;
	min-height:100%;
	}
	
#mantelPad	{ 
	margin:0px 0 0 0px; 
	padding: 0 0px 20px 20px; 
	background: #fff; 
	}
	
.csc-uploads {
	width:99%;
	}	


/* ***** global positioning **************** ( via MT3.1 => sixapart.com ) 
*/
#oben								{ float: left; width: 930px; overflow: hidden; }
#links								{ float: left; width: 180px; overflow: hidden; }
#mitte								{ float: left; width: 750px; overflow: hidden; margin:0;}
#rechts								{ float: right; width: 130px; overflow: hidden; }
#unten								{ clear: both; margin-left:180px;}
.clear								{ clear: both; padding: 0px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ }


/* ***** global padding **************************************************
*/
#obenPad							{ margin: 0 0 10px 180px; padding: 0px; text-align: left; border: 0px solid #AAA; }
#linksPad							{ margin: 0px 0px 0 0px; padding: 40px 0 0 0; text-align: left; border: 0px solid #AAA; background: #fff; }
#mittePad							{ margin: 0; padding: 40px 0px 0 120px;	text-align: left; border-left: 4px solid #E20916; background: #fff;	height:420px; }
	
#rechtsPad							{ margin: 0px; padding: 0px; text-align: left; border: 0px solid #AAA; background: #BBB; }
#untenPad							{ margin: 0px; padding: 0px; text-align: center; border: 4px solid #E20916; background: #FFF; }
#untenPad_sub						{ width:576px; margin: 20px 0 0 0; padding: 5px; text-align: center; border: 4px solid #E20916; background: #FFF; }

#logo 								{ width:200px; position:absolute; top:75px; left:37px; z-index:10; }
#logo a img 						{ border:0; }

/* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au )
*/
#navigation			{ 
	width: 156px; 
	text-align:right;
	margin: 0 0 10px 0; 
	padding: 0px 0 0 0; 	
	}
	
#navigation ul		{ 
	list-style-type: none; 
	font-size: 77%; 
	line-height: 180%; 
	letter-spacing: 0px; 
	font-weight:bold;
	margin: 0; 
	padding: 0; 
	}
	
#navigation ul ul		{ 
	font-size: 100%; 
	list-style-type: none; 
	letter-spacing: 0px; 
	font-weight:normal;
	margin: 5px 0 20px 0; 
	padding: 0; 
	}
	
#navigation a		{ 
	width: 99%; 
	display: inline; 
	padding: 0px 0px 0px 0px;
	margin: 1px 0 0 0; 
	color: #E20916; 
	text-decoration: none; 
	border-bottom: 1px solid #fff; 	
	}
	
#navigation ul ul a	{ 
	}
	
#navigation a:hover,
#navigation a:focus	{ 
	text-decoration:underline;
	}
	
/* navi ausgewaehlt: */
#navigation a.navAktiv	{ 
	color: #000; 
	text-decoration:underline;
	}
	
a#navAktiv:hover { 
	cursor: default; 
	} 
		
#navigation a img {
	text-align:right;
	padding:0;
	border:0;
	margin:2px 0px 20px 0;
	}

/* ***** navigationsliste horizontal ************************************* */

#navigation_oben	{ 
	width: 720px; 
	height: 71px; 
	margin: 0 0 0 180px; 
	padding: 0 0 0 0; 
	font-size: 77%; 
	font-weight: bold;
	line-height:120%; 
	border-bottom: 4px solid #E20916; 	
	}

#navigation_oben ul	{ 
	border: 0; 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	text-align: center; 	
	}
	
#navigation_oben ul li	{ 
	float: left; 
	margin: 0 0px 0 0px; 
	width:120px;
	background: url(../assets/reiter.gif) no-repeat bottom left;
	padding: 1px 0px 0px 0px; 		
	}
	
#navigation_oben a {
	margin:0;
	padding:0;
	}

#navigation_oben ul li a	{ 
	padding:3px 4px 1px 2px;
	height: 66px; 
	display:block;
	color: #E20916; 
	text-decoration: none; 	
	}
	
#navigation_oben ul li a:hover,
#navigation_oben ul li a:focus	{ 
	color: #fff; 
	background: url(../assets/reiterrot.gif) no-repeat bottom left; 	
	}

#navigation_oben a#navAktiv	{ 
	color: #fff; 
	background: url(../assets/reiterrot.gif) no-repeat bottom left;	
	}

#navigation_oben ul li#haupt				{ 
	float: left; 
	margin: 0 0px 0 0px; 
	width:120px;
	padding: 1px 0px 0px 0px; 
	background: url(../assets/reiterhochweiss.gif) no-repeat bottom left;
	}
	
#navigation_oben ul li#haupt a:hover,
#navigation_oben ul li#haupt a:focus { 
	height: 66px; 
	color: #E20916; 
	background: url(../assets/reiterhochweiss.gif) no-repeat bottom left;	}

#flaeche {
	width:112px;
	height:6px;
	background-color:#fff;
	position:absolute;
	top:100px;
	left:204px;
	}

a#navAktiv:hover { 
	cursor: default; 
	border-bottom: 0px dashed #E20916; 
	} 

/* ***** diverses ********************************************************
*/
#oben h1							{ color: #000; font-weight: bold; font-size: 28px; font-family: Verdana, Georgia,"Times New Roman",Times,serif; line-height: 150%; letter-spacing: 1px; padding: 5px 0 0 0; margin: 0; }
#oben h1 a							{ color: #fff; text-decoration: none; }

#content							{ }
#content h2							{ color: #444; font-weight: bold; font-size: 100%; font-family: Verdana, Georgia,"Times New Roman",Times,sans serif; letter-spacing: 0px; padding: 15px 0 0 0; margin: 0; }
#content h2 a						{ color: #444; text-decoration: none; }
#content h2 a:hover,
#content h2 a:focus					{ text-decoration: none; }
#content h2 a span					{ }
#content h2 a:hover span			{ }

#content h1							{ color: #444; font-weight: bold; font-size: 155%; font-family: Verdana, Georgia,"Times New Roman",Times,sans serif; line-height: 150%; letter-spacing: 1px; padding: 5px 0 0 0; margin: 0; }
#content h1 a						{ color: #444; text-decoration: none; }
#content h1 a:hover,
#content h1 a:focus					{ text-decoration: none; }
#content h1 a span					{ }
#content h1 a:hover span			{ }

#content h3							{ color: #444; font-weight: bold; font-size: 14px; font-family: Georgia,"Times New Roman",Times,serif; line-height: 150%; padding: 5px 0 0 0; margin: 0; }

#content p,#content					{ color: #333; font-size: 11px; line-height: 150%; padding: 4px 0; margin: 0; }
#content p							{ }
#content p.indent					{ padding: 0 0 8px 25px; }
#content p a,
#content td a,
#content ol.comments a  			{ text-decoration: none; color: #E20916; }
#content ul a,
#content ol a 						{ text-decoration: none; color: #E20916; font-weight:bold;	}
#content ul 						{ letter-spacing: 0px; margin: 0; padding: 0; }

#content p a:hover,
#content p a:focus,
#content td a:hover,
#content td a:focus,
#content ol.comments a:hover,
#content ol.comments a:focus 		{ text-decoration: underline; }
#content ul a:hover,
#content ul a:focus,
#content ol a:hover,
#content ol a:focus					{ text-decoration: underline; }

#content img						{ padding: 0px; border: 1px solid #333; background: white; margin: 20px 0px; }
#content img.noborder				{ border: 1px solid white; }
#content ul							{ padding: 0 0 4px 16px; margin: 0; }
#content ol							{ padding: 4px 0 4px 5px; margin: 0 0 0 20px; }

.artikel img						{ float: none; }
.artikel #galerie img				{ float: left; }
#artikel 							{ height:360px; overflow:auto; width:575px; padding-right:20px; }

.artikeltabelle {
	height:360px;
	overflow:auto;
	width:595px;
	padding-right:0px;		
	}

.rot {
	color: #E20916;
	}

.schwarz {
	color: #000;
	}

p.zitat {
	font-style:italic;
	padding-left:100px;
	}

#rechts p							{ margin: 0; padding: 4px 0; color: #111; font-size: 10px; }
#rechts h4							{ margin: 0; padding: 4px 0; color: #111; font-size: 12px; font-weight: bold; }
#rechts p a							{ color: #111; text-decoration: none; }

#untenPad_sub p						{ margin: 0; padding: 0px 0; color: #AAA; font-size: 100%; font-weight: bold; }
#untenPad_sub p a					{ color: #E20916; text-decoration: none; margin:0 10px; line-height:10px; }

#unten ul ul a						{ }
#unten a:hover,
#unten a:focus						{ text-decoration:underline; }

/* navi ausgewaehlt: */
#untenPad_sub a#navAktiv3	{ 
	color: #000; 
	text-decoration:underline;
	}
	
a#unten:hover { 
	cursor: default; 
	} 

/* ***** standards *******************************************************
*/
small								{ font-size: 10px; }

table {
	margin:1px 1px 0px 1px;
	border-left: 1px solid #E20916;
	border-right: 1px solid #E20916;
	border-top: 1px solid #E20916;border-collapse:collapse;
	width:593px;
	}

td {
	border-bottom: 1px solid #E20916;
	padding:1px 5px;
	/*height:30px;*/
	line-height:29px;
	}

td.left {
	border-right: 1px solid #E20916;
	border-bottom: 1px solid #E20916;
	padding:1px 5px;
	/*height:30px;*/
	line-height:29px;
	}

/* ***** formulare *******************************************************
*/
form								{ display: inline; } /* fuer IE, um umbruch zu vermeiden */
input,
textarea							{ padding: 1px 2px; color: #333; font-style: normal; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px;  }
textarea							{ width: 270px;  height: 120px; }


/* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de )
69%, 76%, 86%, 93%, 101%
*/


/* ***** 28-02-2007 martin niggemann, www.weltrettung.org ****************
*/







