/*
-----------------------------------------------
Fitkau Screen Master
Author:   Formsport Design
Version:  04 March 2006
----------------------------------------------- */

/* STANDARDS
----------------------------------------------- */

body {
	background: #293A4B url("bilder2/bgd_body.gif");
	background-color: #293A4B;
	font: 11px/18px Verdana, Arial, Sans-Serif;
	text-align: center;
	color: #564b47;
	padding: 0px;
	margin: 0px;
}



/* MISC LISTS
----------------------------------------------- */
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.mainlist {
	list-style-type: square;
	margin-left: 35px;
}

* html ul.mainlist li {
	position: relative;
}

/* CONTAINER
----------------------------------------------- */
#container {
	background: #FFFFFF;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* HEADER
----------------------------------------------- */
#header {
	height: 103px;
	background: #FFFFFF;
	text-align: right;
}

#headerimg {
	padding: 5px;
}

/* META MENU
----------------------------------------------- */
#meta {
	width: 800px;
	margin-top: 20px;
	vertical-align: middle;
	color: white;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	padding-right: 20px;
}


/* MENU1
----------------------------------------------- */
#menu { height: 45px; background: #FF3300 url(bilder2/bgd_menu.gif) top left repeat-x;}
#menu ul { margin-left: 270px; height: 45px; background: url(bilder2/menu.gif) no-repeat;}
#menu ul li { list-style: none; float: left;}
#menu ul li a { display: block; height: 45px; width: 140px; float: right; text-decoration: none; text-indent: -9999px; background: none;}

#hm1 { left: 0px; width: 140px;}
#hm2 { left: 140px; width: 135px;}
#hm3 { left: 275px; width: 95px;}

#hm1 a:hover { width: 140px; background: transparent url(bilder2/menu.gif) 0px -42px no-repeat; text-decoration: none; border: none;}
#hm2 a:hover { width: 135px; background: transparent url(bilder2/menu.gif) -140px -42px no-repeat; text-decoration: none; border: none;}
#hm3 a:hover { width: 95px; background: transparent url(bilder2/menu.gif) -275px -42px no-repeat; text-decoration: none; border: none;}

#hm1 a.active { width: 140px; background: transparent url(bilder2/menu.gif) 0px -90px no-repeat; text-decoration: none; border: none;}
#hm2 a.active { width: 135px; background: transparent url(bilder2/menu.gif) -140px -90px no-repeat; text-decoration: none; border: none;}
#hm3 a.active { width: 95px; background: transparent url(bilder2/menu.gif) -275px -90px no-repeat; text-decoration: none; border: none;}

#c2 { background: #BBCCDD; height:20px;}
#c3 { background: #AABBCC; height:20px; width: 250px;}

/* TITLE
----------------------------------------------- */
#title {
	height: 35px;
	margin: 10px 10px;
}

/* ----------outer und inner----------------- */
#outer { 
	border-left: solid 250px #EEEEDD;  /* linke Menue Spalten Farbe  */ 
	background: #FFF;
 } 

#inner { 
	width: 100%; 
}


/* SIDEBAR NAVIGATION
----------------------------------------------- */
#left {
	width: 250px; 
	float: left; 
	position: relative; 
	margin-left: -250px;
	padding-top: 65px;
}

/* TOPMENU
----------------------------------------------- */

.menutxt { text-transform: uppercase;
}



/* CONTENT
----------------------------------------------- */
#content { 
	padding: 10px 30px 10px 25px;
}

#content_img {
	margin: 10px 20px 10px 20px;
	border: 1px solid #BBCCDD;
	padding: 5px;
	float: right;
}

div.clearer {
	clear: right; 
	line-height: 0; 
	height: 0;
}

.contenttrenner {
	border-bottom: 1px solid #666;
	margin: 0px 20px 15px 20px; 
}

/* FOOTER
----------------------------------------------- */ 
#footer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #151515 url(bilder2/bgd_footer.gif) repeat-x top; 
	clear: both;
}

#footer p {
	text-transform: uppercase;
	color: #999; 
	margin: 0;
}