/* Projekt JS-FOTO Jörg Schmöe

    
    
 Farben:
    
 GRAU RAHMEN       #b3b3b3 
 GRAU SCHRIFT      #666
 HERVORHEBUNG     #f90
 HOVER                 #c90
 FIX                     #f90
      
*/
    					


/* Ränder, Hintergrund, Scrollbar */

html
{ 
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	display: table;
}

body 
{ 
	background-color:#fff;
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}

/* INHALT */

#content
{
	width: 751px; 
	height: 562px;
	background-image: url(../bilder/000_hg.gif);
	margin: 0 auto;
}

#kopf
{
	margin: 15px auto 0 auto;	
	border: none;
}


/* NAVIGATION */

/* Hauptmenü */ 

#navigation
{
	margin-top: -5px;
	width: 800px; 
	height: 18px;
	text-align: left;
}
#navigation ul
{
	margin-left: -16px;
	text-align: left;
}

#navigation li
{
	display: inline;
	margin-right: 26px; /* ABSTAND zwischen den BUTTONS */
}

.menue 
{ 
	color: #666; 
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	letter-spacing:3px;
}

a.menue 
{ 
	color: #666; 
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	letter-spacing:3px;
	margin-bottom: 1px;
}

a.menue:hover 
{ 
	color: #F90; 
}

a.menue_fix 
{ 
	color: #C90; 
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	letter-spacing:3px;
}



/* Submenue */

#submenue
{
	margin-top: -15px;
	width: 800px; 
	height: 18px;
	text-align: left;
}
#submenue ul
{
	margin-left: -16px;
	text-align: left;
}

#submenue li
{
	display: inline;
	margin-right: 12px;
}

.menue_klein 
{ 
	color: #666; 
	font-size: 10px;
	line-height:22px;
	word-spacing:1px;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal;
	text-decoration: none;
	letter-spacing:1px;
}

a.menue_klein 
{ 
	color: #666; 
	font-size: 10px;
	line-height:22px;
	word-spacing:1px;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal;
	text-decoration: none;
	letter-spacing:1px;
}

a.menue_klein:hover
{
	color: #f90;
}

a.menue_klein_fix
{ 
	color: #c90;
	font-size: 10px;
	line-height:22px;
	word-spacing:1px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	letter-spacing:1px;
}

/* SLIDESHOW */

#slideshow
{
	margin: 30px auto 0 auto; /* margin-top zusätzlich auf der jeweiligen Seite einstellen */
}

/* INNERER TEXTRAHMEN */

#innercontent
{
	width: 668px; /* gesamt 696px -Rahmen2px -Padding24px -2px */
	height: 281px; /* = 303px -Rahmen2px -Padding20px */
	border: 1px solid #b3b3b3; 
	padding: 20px 0 0 24px; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* FOOTER INDEX */

#fussindex
{
	margin: 61px 0 0 86px; /* ursprünglich 42px 0 0 86px */
	float: left;
}
#fussindexlogo
{
	margin: 53px 90px 0 0;  /* ursprünglich 31px 90px 0 0 */
	float: right;
}



/* TEXT */



h1
{
	color: #F90;
	font-size: 18px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	letter-spacing:1px;
	text-align: left;
	display: block;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
}
h2
{
	color: #030;
	font-size: 18px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-stretch: expanded;
	text-decoration: none; 
}
h3
{
	color: #663;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	letter-spacing:1px;
	text-align: left;
	display: block;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px
}

.text
{
	color: #333; 
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: left; 
	line-height:14px; 
	letter-spacing:1px; 
	padding-left: 0px 
}
a.text { 
	color: #333; 
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: left; 
	line-height:14px; 
	letter-spacing:1px; 
	padding-left: 0px
}
a.text:hover
{ 
	color: #F90;
}
a.text_rot
{
	color: #F60;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
	line-height:14px;
	letter-spacing:1px;
	padding-left: 0px;
}


/* Text klein rechtsbündig */

.rechts
{
	color: #333;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	line-height:14px;
	letter-spacing:1px;
	padding-left: 0px;
}
a.rechts
{
	color: #333;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	line-height:14px;
	letter-spacing:1px;
	padding-left: 0px;
}
a.rechts:hover
{
	color: #F90;
}

a.rechts_hell 
{ 
	color: #CCC;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	line-height:14px;
	letter-spacing:0px;
}
a.rechts_hell:hover
{
	color: #F90;
}

/* Text klein */

.text_klein 
{ 
	color: #333; 
	font-size: 11px; 
	font-family: arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	line-height:14px; 
	letter-spacing:0px;
}
a.text_klein
{ 
	color: #333; 
	font-size: 10px; 
	font-family: arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	line-height:14px; 
	letter-spacing:0px;
}
a.text_klein:hover
{ 
	color: #F60;
}

.text_klein_breit
{ 
	color: #333; 
	font-size: 10px; 
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height:14px;
	letter-spacing:1px;
}
a.text_klein_breit
{
	color: #333;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height:14px;
	letter-spacing:1px;
}
a.text_klein_breit:hover
{
	color: #F60;
}
.text_klein_verdana
{ 
	color: #333; 
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height:14px;
}
.text_schmoee_verdana
{ 
	color: #333; 
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height:14px;
}
.text_archiv
{ 
	color: #333; 
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height:18px;
}
a.text_archiv
{ 
	color: #333; 
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height:18px;
}
a.text_archiv:hover
{ 
	color: #f00; 
}