/* *********************************************** */
/* allgemeine styles */

/*html {
	background: url(../../images/rahmen/bg_html.jpg) repeat-x;
	z-index: 0;
}*/

body {
	margin: 0;
	padding: 0;
	background: url(../../images/rahmen/bg_body.jpg) no-repeat;
	font: 100.01% Arial,Verdana,sans-serif;
	color: black;
}

a,
a:link	{ 
	color: #ea6503;
	text-decoration: none;
}

a:focus, a:hover, a:active	{ 
	color: black;
	text-decoration: underline;
}

a img	{ 
	border: 0;
	background: none;
}

label	{
	cursor: pointer;
}

fieldset	{
	border: 0;
	padding: 0;
	margin: 0;
}

legend	{
	font: 75%/100% arial, sans-serif;
	color: black;
	margin: 0;
}

table	{
	width: 100%;
	border-spacing: 2px;
	border: 0;
	margin: 0 0 10px 0;
}

tr	{
	background-color: #e4e4e4;
}

td	{
	vertical-align: top;
	padding: 0.1875em;
}

th	{
	vertical-align: top;
	padding: 0.1875em;
	font-weight: bold;
	color: white;
	background-color: #eb6909;
}

img	{
	border: 0;
	margin: 0;
}

ol, ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

hr	{
	line-height: 1px;
	height: 1px;
	margin: 0 0 10px 0;
	width: 100%;
	border: 0;
	background-color: #ea6503;
}

/* *********************************************** */
/* rahmenklassen */

#rahmen	{
	 width: 1006px;
	 text-align: left;
	 padding: 0px;
	 margin: 0;
	position: relative;
}

.hide	{
	position: absolute;
  	top: -6000px;
  	left: -6000px;
  	height: 1px;
 	width: 1px;
}

.hide	{
	display: none;
}

.abstand5	{
	width: 5px;
	height: 5px;
}

.abstand10	{
	width: 10px;
	height: 10px;
}

.abstand20	{
	width: 20px;
	height: 20px;
}

.ausrichtungLinks	{
	float: left;
	margin: 0 10px 10px 0;
}

.ausrichtungRechts	{
	float: right;
	margin: 0 0 10px 10px;
}

.alignleft	{	
	float: left;
	margin: 0 10px 10px 0;
}

.alignright	{
	float: right;
	margin: 0 0 10px 10px;
}

.aligntop	{
	display: block;
	margin: 0 0 10px 0;
}

.clear	{
	clear: both;
	height: 0;
	width: 1px;
	line-height: 0;
	margin: 0;
	padding: 0;
}

/* *********************************************** */
/* kopf */

#logo	{
	width: 285px;
	height: 37px;
	float: left;
	margin: 36px 59px 0 29px;
	display: inline;
	padding: 0;
}

#kontakt	{
	width: 205px;
	height: 40px;
	float: left;
	margin: 36px 45px 0 0;
	padding: 0;
}

#suche	{
	width: 175px;
	height: 40px;
	float: left;
	margin: 36px 45px 0 0;
	padding: 0;
}

#anfahrt	{
	width: 150px;
	height: auto;
	float: left;
	margin: 36px 0 0 0;
	padding: 7px 0 0 0;
}


/* *********************************************** */
/* inhalt */

#article_startseite	{
	width: 552px;
	height: auto;
	float: left;
	top: 333px;
	left: 243px;
	padding: 0px 0px 0 13px;
	background: url('../../images/rahmen/content_bg.png') repeat-y;
	position: absolute;
}

* html #article_startseite	{
	background-position: 13px 0;
	width: 565px;
}

#article	{
	width: 530px;
	height: auto;
	top: 280px;
	left: 243px;
	padding: 0px 18px 0 18px;
	background: url('../../images/rahmen/content_bg.png') repeat-y;
	position: absolute;
}

* html #article	{
	background-position: 13px 0;
}

.orangebox {
	width: 165px;
	height: 90px;
	color: white;
	float: left;
	margin-right: 6px;
	font-size: 75%;
	padding: 5px;
	background: url('../../images/rahmen/orangebox_bg.gif');
}

.orangebox .last {
	margin: 0;
}

.orangebox a,
.orangebox a:link,
.orangebox a:visited	{
	color: white;
}

.newsbox {
	background: #f1f1f1;
	width: 344px;
	margin: 6px 6px 0 0;
	padding: 6px 6px 6px 6px;
	float: left;
	font-size: 75%;
}

.newsbox a {
	text-decoration: underline;
}

.newsbox h2 {
	color: black;
	font-size: 100%;
	font-weight: bold;
}

.newsbox h2 a {
	color: #ea6503;
	text-decoration: none;
}

.umfrage {
	width: 175px;
	float: left;
	font-size: 90%;
	color: #ea6503;
}

.umfrage h2 {
	color: black;
	font-size: 90%;
	font-weight: bold;
}

.umfrage h1 {display: none;}
/* *********************************************** */
/* hauptmenue */

#menue	{
	width: 260px;
	height: 100%;
	float: left;
	margin: 257px 0px 0 0;
	padding: 0 0 80px 0;
	background: url('../../images/rahmen/menue_bg.gif') no-repeat;
}

ul#hauptmenue	{
	width: 230px;
	margin: 0;
	padding: 0;
	font-size: 105%;
	float: left;
}

ul#hauptmenue li a	{
	width: 173px;
	height: 21px;
	float: left;
	margin: 5px 0 3px 0;
	padding: 0 0 0 57px;
	color: #ea6503;
	text-shadow: white 1px 1px 1px;
	text-decoration: none;
	background: none;
}

ul#hauptmenue li a:hover {
	color: #fff;
	text-shadow: none;
	text-decoration: none;
	background: #ea6503;
}

ul#hauptmenue li.aktiv a {
	width: 173px;
	height: 21px;
	float: left;
	margin: 5px 0 3px 0;
	text-shadow: none;
	padding: 0 0 0 57px;
	color: #fff;
	text-decoration: none;
	background: #ea6503;
}


ul#kleinmenue	{
	width: 200px;
	margin: 20px 0 0 57px;
	display: inline;
	padding: 0;
	font-size: 75%;
	font-weight: bold;
	float: left;
}

* html ul#kleinmenue	{
	margin: 20px 0 0 40px;
}

ul#kleinmenue li a	{
	margin: 5px 0 3px 0;
	color: #ea6503;
	text-decoration: none;
	background: none;
}

/* *********************************************** */
/* submenue */

ul#hauptmenue ul#submenue	{
	width: 190px;
	margin: 10px 0 15px 0px;
	padding: 0;
	font-size: 75%;
}

ul#hauptmenue ul#submenue li	{
	width: 175px;
	margin: 0px;
	padding: 0 0 0 15px;
	height: 15px;
	color: black;
	background: none;
}

ul#hauptmenue ul#submenue li a	{
	color: #ea6503;
	width: 175px;
	margin: 0px 0 2px 27px;
	padding: 0 0 0 15px;
	height: 15px;
	background: none;
}

ul#hauptmenue ul#submenue li a:hover {
	color: black;
	background: none;
}

ul#hauptmenue ul#submenue li.aktiv a {
	background: url('../../images/utilities/pfeil_menue.gif') no-repeat 0 4px;
	padding: 0 0 0 15px;
}

/* *********************************************** */
/* infobox */

#infobox	{
	width: 194px;
	height: auto;
	float: right;
	margin: 148px 0 0 0;
	padding: 0;
}


.infobox	{
	margin: 0 0 25px 0;
}

/* *********************************************** */
/* abschluss */

#fuss	{
	width: 564px;
	height: auto;
	margin: 0px 0 0 -18px;
	padding: 20px 0 0 0;
	text-align: center;
	background: white url('../../images/rahmen/fuss_bg.gif') no-repeat;
}

#fuss.startseite	{
	margin: 0px 0 0 -13px;
}

/* *********************************************** */
/* ueberschriften */

#article h1	{
	font-size: 120%;
	line-height: 130%;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: black;
}

#article h2	{
	font-size: 100%;
	line-height: 120%;
	margin: 0 0 10px 0;
	color: #646464;
}

#infobox h1	{
	font: bold 80%/120% Arial,Verdana,sans-serif;
	color: #ea6503;
	background: #f2f2f2 url('../../images/rahmen/bg_ueberschrift_info.gif') repeat-y;
	width: 194px;
	height: 20px;
	margin: 0 0 10px -12px;
	padding: 5px 0 0 12px;
}


#infobox h2	{
	font: bold 80%/120% Arial,Verdana,sans-serif;
	margin: 0 0 5px 0;
	color: black;
}


/* *********************************************** */
/* absaetze, sondertext */

#anfahrt p	{
	font: 75%/140% Arial,Verdana,sans-serif; 
	margin: 0;
	padding: 0;
}

#article p	{
	font: 87.5%/140% Arial,Verdana,sans-serif;
	margin: 0 0 15px 0; 
	color: #646464;
}

#article p.textklein	{
	font: 75%/120% Arial,Verdana,sans-serif; 
	margin: 0; 
	color: #646464;
}

#infobox p {
	font: 75%/140% Arial,Verdana,sans-serif; 
	margin: 0 0 5px 0; 
	color: black;
}

#infobox p.formular {
	font: 75%/140% Arial,Verdana,sans-serif; 
	margin: 0; 
	color: black;
}

#infobox p.zusatzlinks {
	margin: 0 0 50px 0; 
	font: 75%/100% Arial,Verdana,sans-serif;
}

#fuss p	{
	font: 70%/140% Arial,Verdana,sans-serif;
}

#infobox p.nomargin	{
	margin: 0;
}

#infobox .vote	{
	font: 75%/100% Arial,Verdana,sans-serif;
}

/* *********************************************** */
/* listen */

#article li	{
	background: url(../../images/utilities/aufzaehlung.gif) no-repeat 0 6px;
	padding: 0 0 0 10px;
	margin: 0;
	clear: left;
	font: 80%/140% Arial,Verdana,sans-serif; 
	color: #646464;
}

#article ol 	{
	list-style-type: decimal;
	padding: 0 0 0 25px;
}

#article ol li	{
	background: none;
	padding: 0;
	margin: 0;
	font: 80%/140% Arial,Verdana,sans-serif; 
}

/* *********************************************** */
/* links */

.linkExtern,
.linkIntern	{
}

.linkVote	{
	vertical-align: middle; 
	padding: 0 0 0 10px;
	margin: 0;
}

#article a	{
	color: #eb6909;
}

#article p.download a	{
	background: none; 
	vertical-align: middle; 
	padding: 0;
}

#anfahrt a:focus, a:hover, a:active	{ 
	text-decoration: none;
}

#infobox p.zusatzlinks a:link, #infobox p.zusatzlinks a:visited	{
	color: #f29955;
	margin: 0 10px 0 0;
	text-decoration: none;
}

#infobox a {
	color: #eb6909;
	text-decoration: underline;
}

#infobox p.zusatzlinks a:focus, #infobox p.zusatzlinks a:hover, #infobox p.zusatzlinks a:active	{
	color: black;
	margin: 0 10px 0 0;
	text-decoration: none;
}

#fuss a:link, a:visited	{
	color: #646464;
	margin: 0;
	text-decoration: none;
	background: none;
	padding: 0;
}

#fuss a:focus, a:hover, a:active	{
	color: black;
	text-decoration: none;
}

/* *********************************************** */
/* bilder */

#article img	{
	margin: 5px;
}

#infobox img	{
	margin: 5px;
}

#suchbutton	{
	margin: 8px 0 0 0;
	float: left;
	border: none;
	padding: 0;
}


/* *********************************************** */
/* formulare */

.voting	{
	background: #e4e4e4;
	height: 5px;
	margin: 0 0 5px 0;
	padding: 0;
	border-right: 2px solid #e4e4e4;
	line-height: 0;
}

.formSuche	{
	margin: 0;
	padding: 0;
}

.form	{
	margin: 0 0 5px 0;
	padding: 0;
}

/* *********************************************** */
/* input */

#article input,
#article textarea,
#article select,
#infobox input	{
	border: 1px solid #eb6909;
	font: 75%/140% Arial,Verdana,sans-serif; 
	color: black;
	margin: 0;
	float: left;
	padding: 2px;
}

#article input:focus,
#article textarea:focus,
#article select:focus,
#infobox input:focus	{
	color: white;
	background-color: #333;
	border: 1px solid black;
}

.inputBMI	{
	width: 180px;
	height: 16px;
	margin: 0 0 10px 0;
}

.inputSuche	{
	width: 134px;
	height: 20px;
	border: none;
	font: 75%/100% lucida, arial, sans-serif; 
	background: url(../../images/utilities/rundes_eingabefeld_suche.gif) no-repeat top left;
	color: #646464;
	margin: 4px 10px 0 0;
	float: left;
	padding: 3px 2px 2px 2px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px;
	height: 15px;
}


