/*
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ 

 medebach.de relaunch 2007
 screenausgabe
 last change 2007-05-07 by bernhard garthe 
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

*/



html, body { 
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	background-color: #ffffff;
	/*height: 100%;
	width: 100%;*/

/*	visibility:hidden; */
}
img {
	border: 0px;
}
h1, h2, h3 {
	padding: 0px;
	margin: 0px;
}

p {
	margin-top: 2px;
	margin-top: 5px;
	
}


/*
_________________________________________

Die Zentrierung dieser Seite
_________________________________________
*/
#zentrierung { 	

	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	padding: 0px;
	color: black;
	border: 0px solid #000000;
	background-color: #FFFFFF;
}


/*
_________________________________________

Bildbereich Oben
_________________________________________
*/

#oben {
	background-color: white;	
	border: 2px solid #8CC540;
	padding: 10px;
	margin-bottom: 10px;
}
 
#oben #obenbild {
	position:absolute;
	left:312px;
	top:10px;
	width: 676px;
	height: 140px;
	overflow:hidden;
	background-image: url(/fileadmin/img/Flash_Kopfbilder/kopfbild2.jpg);
		
}
#oben img{
	display:inline;
	margin:0px;
	padding: 0px;
}


/*
_________________________________________

Mittelbalken
_________________________________________
*/

#mitte {
	
	background-image: url(/fileadmin/img/layout/hintergrund1.gif);

	border-bottom: 2px solid #8CC540;
	z-index:-10;
}

/*
_________________________________________

Div für Minimalhöhe der Seite
_________________________________________
*/

div#minheightdiv {
	overflow:hidden;
	float:right;
	width:1px;
	height: 300px;
	/*background-color: yellow;*/
}



/*
_________________________________________

Linker Hintergrundteil
_________________________________________
*/

div#links {
	position: relative;
	float: right;

	width: 162px;
	
	margin-right: 1px;
	
	float: right;
	background-color: transparent;
}


/* 
_________________________________________

Navigation
_________________________________________
*/

/* das hauptmenu mit all' seinen tücken */

ul.menu {
	position: relative;
	list-style-type: none;
	z-index: 1000;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	width: 160px;	
}
ul.menu ul {
	position:absolute;
	list-style-type: none;
	z-index: 1100;
}
ul.menu a {
	padding: 5px 10px 5px 0px;
	font-weight: normal;
	text-decoration: none;
	color: #AD7520;
}
ul.menu a.aktiv {
	font-weight: bold;
	color: #CC2E34;
}

ul.menu ul a {
	/*text-transform: uppercase;*/
}
ul.menu li {
	position:relative;
	padding:0;
	margin:0;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
/*height: 16px;*/
	background-image: url(/fileadmin/img/layout/trans2.gif);
	background-repeat: repeat;
	background-color: #ffffff;
	border-left: 2px solid #8CC540;
	border-bottom: 1px solid #cccccc;
}

/* 2. ebene */
ul.menu ul.submenu {
	z-index:2000;
	position: absolute;
	display:none;
	width: 160px;
	top:24px;
	left: 120px;
left: 113px;
/*border-left: 2px solid #99CB5C;*/
	font-size: 12px;
	border-top: 1px solid #99CB5C;
	margin-top: -20px;
	background-color: transparent;
}
ul.menu ul.submenu li {
	padding-left: 10px;
	border-bottom: 1px solid #99CB5C;
	border-right: 1px solid #99CB5C;
	border-left: 0px solid #99CB5C;
	background-image: url(/fileadmin/img/layout/trans2.gif);
	background-repeat: repeat;
	background-color: #ffffff;
height: auto;	
width: 149px;
}
ul.menu ul.submenu a {
	padding:0;
	padding-left: 0px;
	/*text-transform: uppercase;*/
/*height: 16px;*/
}
ul.menu ul.submenu a.aktiv {
	font-weight: bold;
}

/* 3. ebene */
ul.menu ul.submenu2 a {
	padding:0;
	padding-left: 10px;
	/*text-transform: uppercase;*/
}
ul.menu ul.submenu2 a.aktiv{
	font-weight: bold;
}
ul.submenu ul.submenu2 {
	background-color: transparent;
	z-index: 3000;
	position: absolute;
	display: none;
	width: 160px;
	left: 119px;
	
	top: -0px;
	font-size: 12px;
	border-top: 1px solid #99CB5C;
	margin-top: -1px;
}
ul.menu ul.submenu2 li {
	border-bottom: 1px solid #99CB5C;
	border-right: 1px solid #99CB5C;
	border-left: 1px solid #99CB5C;
	background-image: url(/fileadmin/img/layout/trans2.gif);
	background-color: #ffffff;
	background-repeat: repeat;
	position: relative;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover{
    display:block;
}
ul.menu li.hover ul.submenu{
    display:block;
}
ul.menu li:hover ul.submenu{
    display:block;
}
ul.menu li.hover ul.submenu li, 
ul.menu li:hover ul.submenu li {
}
ul.submenu li:hover ul.submenu2 {
    display:block;
}
ul.submenu li.hover ul.submenu2 {
    display:block;
}
ul.menu ul li {
	float:none;
	background-color: transparent;
}

/* menu transparenz-fix */
div.menuback {
	display: none;
}


div#navigation2 {
	margin-top: 30px;
}

.ebene3ueberschrift {
	font-size:1em;
	font-weight: bold;
	color: #CC2E34;
}

ul.ebene3wiederholung {
	position: relative;
	list-style-type: none;
	z-index: 1000;
	margin: 0;	
	margin-left: 10px;
	padding: 0;
	width: 150px;	
}



ul.ebene3wiederholung a {
	padding: 5px 10px 5px 0px;
	font-weight: normal;
	text-decoration: none;
	color: #AD7520;
}
ul.ebene3wiederholung a.aktiv {
	font-weight: bold;
	color: #CC2E34;
}

ul.ebene3wiederholung li {
	position:relative;
	padding:0;
	margin:0;
	padding-top: 3px;
	padding-bottom: 2px;
	height: 16px;
	background-image: url(/fileadmin/img/layout/trans.png);
	background-repeat: repeat;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
}



/*
_________________________________________

Container-DIV
_________________________________________
*/

#contentcontainer {
	width: 654px;
	padding: 0px 10px 5px 10px;
	font-size: 1em;
	float:right;	
	margin-right: 2px;
	overflow:hidden;
	overflow-x:hidden;
	
	position:relative;
	z-index:0;
}

#contentcontainer h1 {
	font-size: x-large;
	margin-bottom: 10px;
	color: #8CC540;
	text-decoration:underline;
}

#contentcontainer hr {
	margin:0px;
	padding: 0px 5px 0px 5px;
}

#contentcontainer a {
	text-decoration: none;
	color: #8CC540;
}
#contentcontainer a:hover {
	text-decoration: none;
	color: #8CC540;
}

#contentcontainer p{
	margin: 0px 0px 0px 5px;
	padding: 0;
}




/*
_________________________________________

Rechte Spalte
_________________________________________
*/

#rechts {	
	position:relative;
	width: 160px;
	
	float:right;
}


/*
_________________________________________

Das Floaten abbrechen
_________________________________________
*/
div.clear {
	clear:both;
}
/*
_________________________________________

Quicklinks
_________________________________________
*/

#unten {
	position:relative;
	height: 20px;	
}
 
#quicklinkleiste {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #ffffff;
}
.quicklinks {
	position: relative;
	background-color: white;
	color: #AD7520;
	text-decoration: none;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;	
	margin-left: 10px;
	float: left;
}
.quicklinks:hover, .quicklinks:active {
	position: relative;
	color: #A32820;
}
.quicklinksaktiv {
	position: relative;
	background-color: #ffffff;
	color: #A32820;
	text-decoration: none;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	margin-left: 10px;
	float: left;
}






/*
_________________________________________
_________________________________________
_______Definitionen für Templates_________
_________________________________________
*/


/*
_________________________________________

Definitionen für das Template btb (BildTextBild)
_________________________________________
*/

h1.btb_header {
	margin-left:140px;
	margin-top:10px;

}


.btb_bilderrechts {
	float:left;	
	width:125px;
	
}
.btb_bilderlinks {
	float:left;
	width:125px;
	
}
.btb_text {
	float:left;
	width:475px;
	margin-left:15px;
	margin-right:15px;
	text-align:justify;	
}
.btb_bilderlinks img {
	margin-bottom:12px;
}
.btb_bilderrechts img {
	margin-bottom:12px;
}

/*
_________________________________________

Definitionen für das Template bt (BildText)
_________________________________________
*/

h1.bt_header {
	margin-left:140px;
}

.bt_bilderlinks {
	float:left;
	width:125px;
}
.bt_bilderlinks img {
	margin-bottom:12px;
}

.bt_text {
	float:left;
	width:600px;
	margin-left:15px;
	text-align:justify;	
}


/*
_________________________________________

Definitionen für das Template tb (TextBild)
_________________________________________
*/

h1.tb_header {
	margin-left:0px;
}

.tb_bilderrechts {
	float:right;	
	width:125px;
}
.tb_bilderrechts img {
	margin-bottom:12px;
}

.tb_text {
	float:left;
	width:610px;
	margin-right:15px;
	text-align:justify;	
}


/*
_________________________________________

Definitionen für das Template teaserrechts 
_________________________________________
*/

div.teaserrechts_drumherum {
	margin-bottom:5px;
	border: 1px solid #8CC540;
	color: #AD7520;
	width: 158px;
	overflow-x:hidden;
}

div.teaserrechts_drumherum h1{
	display:block;
	background-color: #8CC540;
	color:white;
	font-size: 1.3em;
	text-align: center;
}

div.teaserrechts_drumherum div{
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	margin: 0;

}

div.teaserrechts_drumherum div a{
	color: #AD7520;
	text-decoration:underline;
}


div.teaserrechts_drumherum hr {
	margin:0px;
	padding: 0px 5px 0px 5px;
}

div.teaserrechts_drumherum p {
	margin:0px;
	padding: 2px 5px 3px 5px;
}




div.csc-mailform-field {
	position: relative;
	/*background-color: red;*/
}
div.csc-mailform-field label{
	display:block;
	width: 190px;
	float:left;
/*	position: absolute;
	left: 200px;*/
}

input.csc-mailform-radio {
	float:left;
}

.csc-mailform-radio input.csc-mailform-radio {
	clear:both;
	display:inline;
}

.csc-mailform-radio label {
	clear:both;
}

legend {
	color: #8CC540;
	display:none; 
}

/* die suche */
div#indexedsearchbox {
	position: relative;
	top: 0px;
	left: 1px;
	height: 25px;
	overflow:hidden;
	background-color: #8CC540;
}
div#indexedsearchbox input {
	float: left;
}
div#indexedsearchbox input.suchkiste {
	border: 0;
	background-color: white;
	width: 96px;
	margin-left: 5px;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 1px;
	font-size: 13px;
}
div#indexedsearchbox input.suchkiste:hover, div#indexedsearchbox input.suchkiste:active, div#indexedsearchbox input.suchkiste:focus {
	background-color: #8CC540;
}
div#indexedsearchbox input.suche_knopf {
	border: 0;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 11px;
	color: white;
	padding-top: 5px;
	padding-left: 1px;
	padding-right: 0px;
	margin: 0;
	width: 55px;
	text-align: center;
	font-weight: normal;
}
div#indexedsearchbox input.suche_knopf:hover {
	text-decoration: underline;
}




/** Die Teaserextension **/

div.tx-jppageteaser-pi1-list-entry {
	border: 1px solid #8CC540;
	width: 208px;
	float: left;
	height: 200px;
	position: relative;
	margin: 0px 8px 10px auto;
	clear: none !important;
}
div.tx-jppageteaser-pi1-list-entry-last{
}
div.tx-jppageteaser-pi1-list-entry-even{
}

div.tx-jppageteaser-pi1-list-entry h4 {
	display:block;
	background-color: #8CC540;
	color:white;
	font-size: 1.3em;
	text-align: center;
	margin-top: 0px;
}

div.tx-jppageteaser-pi1-list-entry h4 {
	margin-bottom: 5px;
}

div.tx-jppageteaser-pi1-list-entry h4 a{
	text-decoration: none;
	color: #fff !important;
}
div.tx-jppageteaser-pi1-list-entry div.tx-jppageteaser-pi1-list-entry-image{
	margin: 0px 0px 0px 5px !important;
}
div.tx-jppageteaser-pi1-list-entry div.tx-jppageteaser-pi1-list-entry-image img{
	margin: 0 !important;
	padding: 0 !important;
	margin: 0px 5px 0px 0px !important;
}

div.tx-jppageteaser-pi1-list-entry div.tx-jppageteaser-pi1-list-entry-image a{
}
div.tx-jppageteaser-pi1-list-entry div.tx-jppageteaser-pi1-list-entry-description{
	padding: 0px 5px 0px 5px;
	margin-top: 0px !important;
}
div.tx-jppageteaser-pi1-list-entry div.tx-jppageteaser-pi1-list-entry-link-item a {
	padding: 0px 5px 0px 5px;
}
div.tx-jppageteaser-pi1-list-entry-last div.tx-jppageteaser-pi1-list-floatcleaner{
display:none;
}


/*******************************************
		Expressanfrage
*******************************************/

div#expressanfrage{
    height:150px;
    color:#000000;
    background-color:#fff;
	margin-bottom:5px;
	border: 1px solid #8CC540;
	color: #AD7520;
	width: 158px;
	overflow-x:hidden;
}


div#expressanfrage div.row{
    position:relative;
    line-height:20px;
    height:20px;   
    vertical-align:middle; 
    width:134px;
    margin-left:auto;
    margin-right:auto;
}

div#expressanfrage div.row-center{
    width:120px;
    height:20px;
    clear:both;
    margin-left:auto;
    margin-right:auto;
}

div#expressanfrage div.formheader{
    color:#fff;
	background-color: #8CC540;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	padding: 1px;
}


div#expressanfrage form{
    /*padding:5px;*/
    margin-top:3px;
    width:138px;
    /*height:142px;*/
    /*background-color:#FFFFFF;*/
    -moz-opacity:0.9;
    margin-left:auto;
    margin-right:auto;
}

div#expressanfrage form label{
    /*width:50px;*/
    float:left;
    text-transform:uppercase;
    font-size:0.8em;
    font-weight:bold;
    color:#333333;
}

div#expressanfrage form input.submit{
    height:19px;
    width:120px;
    /*color:#1ba12e;*/
    color:#333333;
    font-weight:normal;
    display:block;
    float:left;
    /*margin-left:5px;*/
    margin-top:3px;
    padding-bottom:2px;
    text-transform:uppercase;
}

div#expressanfrage form input{
    height:14px;
    color:#333333;
    border:1px solid #1ba12e;
    background-color:#FFFFFF;
    /*padding:2px 4px;*/
    padding:1px;
    font-size:10px;
    float:right;
}

div#expressanfrage form select{
    height:16px;
    /*color:#55B22E;*/
    color:#333333;
    border:1px solid #1ba12e;
    background-color:#FFFFFF;
    /*padding:2px 4px;*/
    padding:0px;
    font-size:10px;
    float:right;
    text-transform:uppercase;
    /*font-weight:bold;*/
    width:80px;
}

/* IE7 only */
html* div#expressanfrage form div.select-container{
    border:1px solid #1ba12e;
    float:right;
    height:18px;
    width:78px;
}
/* Hack fuer IE7 */
html* div#expressanfrage form select{
    height:18px;
    width:78px;
}

div#expressanfrage form input.date{
    float:right;
    width:76px;
}

div#expressanfrage form input.number{
    width:20px;
    float:right;
}


/*
	Bannerliste
*/

div.bannerliste-wrap {
	margin-bottom:5px;
	border: 1px solid #8CC540;
	color: #AD7520;
	width: 158px;
	overflow-x:hidden;
}

div.bannerliste-wrap h1{
	display:block;
	background-color: #8CC540;
	color:white;
	font-size: 1.3em;
	text-align: center;
}


/***********************tt_products***********************/

div#tx-ttproducts-pi1-list table{
	width:656px;
}

table.tt_productsBasket {
	width:656px;
}

table.tt_productsBasketInfo, table.tt_productsBasketPayment, table.tt_productsBasketOrderkonfirmation{
	width:656px;
}

/***********************Die Teaserextension***********************/


div.tx-jppageteaser-pi1-list-entry {
	border: 1px solid #8CC540;
	width: 208px;
	float: left;
	height: 205px;
	overflow:hidden;
	position: relative;
	margin: 0px 8px 10px auto;
	clear: none !important;
}
div.tx-jppageteaser-pi1-list-entry-last{
}
div.tx-jppageteaser-pi1-list-entry-even{
}

div.tx-jppageteaser-pi1-list-entry h4 {
	display:block;
	background-color: #8CC540;
	color:white;
	font-size: 1.3em;
	text-align: center;
	margin-top: 0px;
}

div.tx-jppageteaser-pi1-list-entry h4 {
	margin-bottom: 5px;
}

div.tx-jppageteaser-pi1-list-entry h4 a{
	text-decoration: none;
	color: #fff !important;
}
div.tx-jppageteaser-pi1-list-entry div.tx-jppageteaser-pi1-list-entry-image{
	margin: 0px 0px 0px 5px !important;
}
div.tx-jppageteaser-pi1-list-entry div.tx-jppageteaser-pi1-list-entry-image img{
	margin: 0 !important;
	padding: 0 !important;
	margin: 0px 5px 0px 0px !important;
}

div.tx-jppageteaser-pi1-list-entry div.tx-jppageteaser-pi1-list-entry-image a{
}
div.tx-jppageteaser-pi1-list-entry div.tx-jppageteaser-pi1-list-entry-description{
	padding: 0px 5px 0px 5px;
	margin-top: 0px !important;
}
div.tx-jppageteaser-pi1-list-entry div.tx-jppageteaser-pi1-list-entry-link-item a {
	padding: 0px 5px 0px 5px;
}
div.tx-jppageteaser-pi1-list-entry-last div.tx-jppageteaser-pi1-list-floatcleaner{
display:none;
}


/*
_________________________________________
_________________________________________
_______Definitionen für Templates_________
_________________________________________
*/


/*
_________________________________________

Definitionen für das Template btb (BildTextBild)
_________________________________________
*/

h1.btb_header {
	margin-left:140px;
	margin-top:10px;

}


.btb_bilderrechts {
	float:left;	
	width:125px;
	
}
.btb_bilderlinks {
	float:left;
	width:125px;
	
}
.btb_text {
	float:left;
	width:475px;
	margin-left:15px;
	margin-right:15px;
	text-align:justify;	
}
.btb_bilderlinks img {
	margin-bottom:12px;
}
.btb_bilderrechts img {
	margin-bottom:12px;
}

/*
_________________________________________

Definitionen für das Template bt (BildText)
_________________________________________
*/

h1.bt_header {
	margin-left:140px;
}

.bt_bilderlinks {
	float:left;
	width:125px;
}
.bt_bilderlinks img {
	margin-bottom:12px;
}

.bt_text {
	float:left;
	width:600px;
	margin-left:15px;
	text-align:justify;	
}


/*
_________________________________________

Definitionen für das Template bt (TextBild)
_________________________________________
*/

h1.tb_header {
	margin-left:0px;
}

.tb_bilderrechts {
	float:right;	
	width:125px;
}
.tb_bilderrechts img {
	margin-bottom:12px;
}

.tb_text {
	float:left;
	width:610px;
	margin-right:15px;
	text-align:justify;	
}




/*
_________________________________________

Definitionen für das Template teaser Inhalt 
_________________________________________
*/

div.teaser_drumherum {
	margin-top:15px;

	margin-bottom:5px;
	margin-right: 20px;
	border: 1px solid #8cc540;
	color: #000000;
	width: 195px;
	overflow:hidden;
	float: left;
	position: relative;
	
}

div.teaser_drumherum div.imgwrap {
	padding: 0 !important;
	height: 129px;
	position: relative;
	
	display:    table-cell;
	vertical-align:  middle;
}

div.teaser_drumherum img{
	display:block;
}


div.teaser_drumherum h1{
	display:block;
	background-color: #8CC540;
	color:white !important;
	font-size: 1.3em !important;
	text-align: center;
	line-height: 23px;
	text-decoration: none !important;
}

div.teaser_drumherum h1 a{
	color: white !important;

	text-decoration: none !important;
}

div.teaser_drumherum div{
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	margin: 0;

}

div.teaser_drumherum div a{
	color: #AD7520;
	text-decoration:underline;
}

div.teaser_drumherum a.teaser_weiter{
	position: absolute;
	right: 5px;
	bottom: 5px;
}

div.teaser_drumherum hr {
	margin:0px;
	padding: 0px 5px 0px 5px;
}

div.teaser_drumherum p {
	margin:0px;
	padding: 2px 5px 3px 5px;
}



/*
_________________________________________

Definitionen für das Template teaser Inhalt Schmale Bilder
_________________________________________
*/

div.teaser2_drumherum {
	margin-top:15px;

	margin-bottom:5px;
	margin-right: 20px;
	border: 1px solid #8cc540;
	color: #000000;
	width: 195px;
	overflow-x:hidden;
	float: left;
	position: relative;
	text-align: center;
	overflow: hidden !important;
	
}

div.teaser2_drumherum div.imgwrap {
	padding: 0 !important;
}

div.teaser2_drumherum img{
	display:block;
}


div.teaser2_drumherum h1{
	display:block;
	background-color: #8CC540;
	color:white !important;
	font-size: 1.3em !important;
	text-align: center;
	line-height: 23px;
	text-decoration: none !important;
	
}

div.teaser2_drumherum h1 a{
	color: white !important;

	text-decoration: none !important;
}

div.teaser2_drumherum div{
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	margin: 0;
	
	text-align: left;


}

div.teaser2_drumherum div a{
	color: #AD7520;
	text-decoration:underline;
}

div.teaser2_drumherum a.teaser_weiter{
	position: absolute;
	right: 5px;
	bottom: 5px;
	
	text-align: left;
	
}

div.teaser2_drumherum hr {
	margin:0px;
	padding: 0px 5px 0px 5px;
}

div.teaser2_drumherum p {
	margin:0px;
	padding: 2px 5px 3px 5px;
	
	text-align: left;
}