/*

Türkis: #E6ECEC
Türkis dunkel: #BFCDCB
orange: #FF9732
helles orange: #FFF1E5
braun: #D3BDAE


*/


/********************************
*
* Boxen erste Zeile
*
*********************************/
#mainmenu {
	width: 210px;
	background: #E6ECEC;
	height: 110px;
	margin-right: 10px;
	float: left;
	position: relative;
}
#submenu {
	width: 290px;
	background: #E6ECEC;
	float: left;
	height: 110px;
	margin-right: 8px;
	position: relative;
}

#logo {
	float: left;
	margin-right: 15px;
	height: 579px;
	width: 170px;
	position: relative;
}
#logolink {
	line-height: 0px;
	font-size: 0px;
}
#suchbox {
	padding-top: 30px;
	background: #BFCDCB url('../img/suchheader.jpg') no-repeat top right;
	width: 220px;
	margin-left: 2px;
	padding-bottom: 10px;
	margin-bottom: 6px;
}
#suchbox form{
	padding-left: 40px;
}
#suchbox input.button {
	background: #6b7f7d;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 5px;
}
#bottomarea {
	position: absolute;
	bottom: 0px;
	left: 10px;
}
#demoimage {
  font-size: 0px;
  line-height: 0px;
}
#demobox_2 {
	margin-top: 47px;
}
*html #demobox_2 {
	margin-top: 56px;
}
*+html #demobox_2 {
	margin-top: 56px;
}
/********************************
*
* Formatierung Menüs
*
*********************************/


/*********************** menu level 2 */
#mainmenu ul,
#submenu ul {
	padding-left: 10px;
	padding-top: 35px;
	position: absolute;
	bottom: 7px;
}
#mainmenu ul li,
#submenu ul li {
	display: inline;
	list-style: none;
}
#mainmenu ul li a:link,
#mainmenu ul li a:visited,
#submenu ul li a:link,
#submenu ul li a:visited {
	display: block;
	font-size: 1.1em;
	background: url('../img/menuliste_no.jpg') no-repeat left 65%;
	color: #53615F;
	padding-left: 10px;
	text-decoration: none;
	padding-top: 2px;
}
#mainmenu ul li a:hover,
#submenu ul li a:hover,
#mainmenu ul li.act a:link,
#mainmenu ul li.act a:visited,
#submenu ul li.act a:link,
#submenu ul li.act a:visited {
	font-weight: bold;
	background: url('../img/menuliste_act.jpg') no-repeat left 65%;
	color: #333333;
}
#mainmenu ul li a:link,
#mainmenu ul li a:visited {
	text-transform: uppercase;
	padding-top: 5px;
}
#mainmenu ul li a:hover,
#mainmenu ul li.act a:link,
#mainmenu ul li.act a:visited {
	font-weight: bold;
}
#submenu ul li a:hover,
#mainmenu ul li a:hover {
	color: #FF9732;
}

/*********************** servicemenu */
ul#servicemenu {
	float: right;
	margin: 0px;
	padding: 3px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 6px;
	background: white;
	background-image: none;
	list-style: none;
	position: absolute;
	right: -2px;
	top: -2px;
	height: 10px;
	z-index: 999;

}
ul#servicemenu li {
	float: left;
	display: inline;
	color: #999;
	margin: 0px;
	padding: 0px;
}
ul#servicemenu li a:link,
ul#servicemenu li a:visited {
	display: inline;
	font-size: 1.0em;
	text-transform: none;
	color: #999999;
	background: none;
	padding: 0px;
	margin: 0px;
}
ul#servicemenu li a:hover,
ul#servicemenu li.act a:link,
ul#servicemenu li.act a:visited {
	font-weight: normal;
	color: #333;
}



/**************************************** Servicemenu unten */
#service_bottom {
	text-align: right;
	font-size: 0.9em;
	color: #A3B6B5;
	padding-bottom: 5px;
}
#service_bottom ul {
	float: right;
	list-style: none;
}
#service_bottom li {
	float: left;
}
#service_bottom li a:link,
#service_bottom li a:visited {
	color: #999;
	text-decoration: none;
}
#service_bottom li.act a:link,
#service_bottom li.act a:visited,
#service_bottom li a:hover {
	color: #333;
}
/********************************
*
* LAYOUTELEMENTE
*
*********************************/
#kontaktdaten {
	color: #999;
	font-size: 1.1em;
	width: 170px;
	display: block;
}
#kontaktdaten .marginwrap {
	padding-top: 24px;
	padding-bottom: 24px;
}
#kontaktdaten a:link,
#kontaktdaten a:visited {
	color: #999;
}
#kontaktdaten .highlight {
	color: #333;
}
#header_testen {
	height: 25px;
	width: 170px;
	background: url('../img/header_testen.jpg') no-repeat;
	margin-bottom:10px;
	
}
.highlight {
	color: #333;
}
#messagebox {
	width: 227px;
	float: left;
	height: 115px;
	position: relative;
}
#messagebox a {
	color: #FF9732
}
#messagebox .marginwrap {
	position: absolute;
	bottom: 5px;
	left: 60px;	
}
#messagebox #loginmanschkerl {
	position: absolute;
	bottom: 5px;
	left: 10px;
}
/******************************* Demobox */
#demobox {
	margin-top: 10px;
	color: #6C7F7C;
	width: 100%;
	font-size: 1.1em;
	background: #bfcdcb;
}
#demobox div.marginwrap {
	padding: 10px;
}
#demobox_bottom {
	height: 25px;
	background: url('../img/verlauf_tuerkis_links.jpg') repeat-y;
	
}
#demobox_bottom_link {
	color: white;
	background: url('../img/pfeil_anmeldung.jpg') no-repeat 9px 5px;
	padding-left: 40px;
	font-weight: bold;
	font-size: 1.0em;
	padding-top: 5px;
}
#demobox_bottom_link a:link,
#demobox_bottom_link a:visited{
	color: #53615f;
	font-weight: bold;
	text-decoration: none;
}
#demobox h2 {
	font-size: 1.0em;
	margin-bottom: 3px;
}



/********************************
*
* ABSOLUT POSITIONIERTE ELEMENTE
*
*********************************/
#headergrafik {
	position: absolute;
	top: 142px;
	left: 208px;
	width: 752px;
	height: 220px;
	/*background: url('../img/topheader_alt.jpg') no-repeat; */
}
#rightbox {
	position: absolute;
	top: 276px;
	left: 718px;
	width: 238px;
	height: 328px;
	padding-top: 4px;
	padding-left: 10px;
	font-size: 1.1em;
	z-index: 999;
}
/*********************************** Link zur registrierung */
#boxbottom {
	background: url('../img/verlauf_orange_rechts.jpg') repeat-y;
	height: 25px;
	width: 238px;
	margin-left: 2px;
	left: 10px;
	margin-bottom: 6px;
}
#newsbox {
	width: 200px;
}
.bottomlink {
	color: white;
	background: url('../img/pfeil_orange.jpg') no-repeat 15px 7px;
	padding-left: 40px;
	font-weight: bold;
	height: 25px;
	-height: 21px;
	font-size: 1.0em;
	padding-top: 6px;
	
}
.bottomlink a:link,
.bottomlink a:visited {
	color: white;
	text-decoration: none;
}

/********************************
*
* WRAP
*
*********************************/
#wrap {
	text-align: center;
	padding-top: 20px;
}
/********************************
*
* CONTENT
*
*********************************/
#contentarea {
	width: 510px;
	position: absolute;
	left: 210px;
	top: 285px;
	font-size: 1.2em;
	line-height: 1.3em;
	z-index: 990;
}


/*********************************** grüne Contentbox */
.box_gruen {
	background: #E6ECEC;
	color: #333;
}
.box_gruen div.marginwrap {
	padding: 25px;
	padding-top: 20px;
	padding-right: 80px;
}
.box_gruen div.marginwrap ul {
  list-style: square;
  margin-left: 30px;
  padding-left: 30px;
  margin: 0px;
}
.box_gruen div.marginwrap ul li {
  padding: 0px;
  margin: 0px;
}
.box_gruen p {
	margin: 0px;
	margin-bottom: 20px;
}

/*********************************** orange Contentbox */
.box_orange {
	background: #F5F0EC;
	margin-top: 6px;
	margin-bottom: 6px;
	width: 510px;
	
}
.box_orange div.marginwrap {
	padding: 25px;
	padding-top: 20px;
	color: #6F3521;
	font-size: 0.9em;
}
.box_orange h1 {
	background: white;
	color: #FB7500;
	width: 220px;
	height: 20px;
	font-size: 1.1em;
	padding-left: 25px;
	padding-top: 5px;
}
.box_orange div.marginwrap h1, 
.box_orange h2 {
	font-size: 1.0em;
	background: none;
	padding: 0px;
}
.box_orange p {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}
.box_orange .leftcolumn,
.box_orange .rightcolumn {
	width: 46%;
	float: left;
}
.box_orange .leftcolumn {
	margin-right: 20px;
}
.box_orange .hide_error {
  background: #F5F0EC;
  position: absolute;
  color: #FF9732;
  font-weight: bold;
  top: 20px;
  left: 0px;
  width: 120px;
  padding-top: 10px;
  padding-right: 200px;
  height: 40px;
  height: -30px;

  
  
}
.box_orange .errormessages {
  position: relative;
}
/*---------------------------------- Formatierung Trennlinien */
.trennlinie {
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	border-top: 1px solid #ad866e;
	width: 100%;
	margin-top: 6px;
	margin-bottom: 4px;
	left: 10px;
}
#rightbox .trennlinie {
	width: 220px;
	margin-left: 2px;
	margin-top: 0px;
}
/********************************
*
* FORMATIERUNG FORMULARE
*
*********************************/
div.tx-srfeuserregister-pi1 fieldset,
div.box_orange fieldset {
	border-width: 0px; 
}
div.box_orange fieldset legend {
	display: none;
}
div.box_orange fieldset ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 30px;
}
div.box_orange fieldset ul#anreden {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div.box_orange fieldset ul li {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	margin-right: 15px;
	position: relative;
}

div.box_orange fieldset ul li input {
	width: 130px;
}
div.box_orange fieldset ul#anreden li input {
	width: 15px;
}
div.box_orange fieldset input#email,
div.box_orange fieldset input#betreff,
div.box_orange fieldset textarea#nachricht,
div.box_orange fieldset#demoanfrage input#firma,
div.box_orange fieldset#demoanfrage input#strasse {
	width: 280px;
}
div.box_orange fieldset#demoanfrage input#strasse,
div.box_orange fieldset#demoanfrage input#firma,
div.box_orange fieldset input#betreff {
	margin-bottom: 15px;
}
div.box_orange fieldset textarea#nachricht {
	height: 80px;
}
div.box_orange fieldset#demoanfrage input#plz {
	width: 80px;
}
div.box_orange fieldset#demoanfrage input#ort {
	width: 180px;
}
div.box_orange fieldset div.anreden label {
	padding-left: 2px;
  padding-right: 20px;
}
div.box_orange fieldset div.anreden_newsletter label {
  padding-left: 5px;
  padding-right: 23px;
}
input.button {
	color: white;
	background: #FF9732;
	padding-left: 10px;
	padding-right: 10px;
	border-width: 0px;
}
div.formtrenner {
	background: white;
	height: 1px;
	margin-top: 1px;
	width: 510px;
	position: absolute;
	left: 0px;
	line-height: 0px;
	font-size: 0px;
}
div.hinweis_felder {
	padding-bottom: 10px;
}
/**************************************
*
*
*	Indexed Search
*
*
**************************************/
.tx-indexedsearch-res h1 {
	border-bottom: 1px solid #333;
	padding-bottom: 4px;
}
.tx-indexedsearch-res h1 a:link,
.tx-indexedsearch-res h1 a:visited {
	text-decoration: none;
	color: #333;
}
.tx-indexedsearch-res h1 a:hover {
	color: #999;
}
.fehler {
	color: #FF9732;
	font-weight: bold;
	width: 120px;
}
/**************************************
*
*
*	Adressbox
*
*
**************************************/
.box_gruen div.marginwrap_karte {
  margin: 25px;
  margin-top: 10px;
}
.box_gruen div.marginwrap_karte h1{
  padding-top: 20px;
}
.box_gruen div#adresse {
  width: 130px;
  float: left;
}
.box_gruen div#karte {
  text-align: right;
}