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

 medelon.de 2009
 screenausgabe
 last change 2009-06-24 by sven finger 
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

*/



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;

}


p.align-right {
	text-align: right;
}


/*
_________________________________________

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-bottom: 2px solid #ed7835;
	padding-bottom: 10px;
	
	height: 138px;
}

#oben img{
	display:inline;
	/* margin:20px 0px 0px 16px; */
	padding: 0px;
}



/*
_________________________________________

Mittelbalken
_________________________________________
*/

#mitte {
	
	background-image: url(/fileadmin/img/layout/hintergrund-medelon.jpg);

	border-bottom: 1px solid #ed7835;
	z-index:-10;
	margin-top: 8px;
}

/*
_________________________________________

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

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



/*
_________________________________________

Linker Hintergrundteil
_________________________________________
*/

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

	width: 162px;
	
	margin-right: 1px;
	
	float: right;
	background-color: transparent;
	border-top: 1px solid #ed7835;
	
	/*peter anfang*/
	z-index: 10;
	/*ende*/
}


/* 
_________________________________________

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: 0px;
	margin-left: 1px;
	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: #ed7835;
}
ul.menu a.aktiv {
	font-weight: bold;
	color: #ec5d5c;
}

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-color: 1ba12e;
	background-repeat: repeat;
	border-bottom: 1px solid #d9d3b4;
	
	/* peter start*/
	display: block !important;
	/* ende */
}

/* 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 #ed7835;
	margin-top: -19px;
	background-color: transparent;
}
ul.menu ul.submenu li {
	padding-left: 10px;
	border-bottom: 1px solid #d9d3b4;
	border-right: 1px solid #d9d3b4;
	border-left: 0px solid #d9d3b4;
/*	background-image: url(/fileadmin/img/layout/trans2.gif);*/
	background-repeat: repeat;
	background-color: #ffedc7;
height: auto;
float: left;
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: 114px;
	
	top: -0px;
	font-size: 12px;
	border-top: 1px solid #ed7835;
	margin-top: 5px;
}
ul.menu ul.submenu2 li {
	border-bottom: 1px solid #d9d3b4;
	border-right: 1px solid #d9d3b4;
	border-left: 0px solid #d9d3b4;
/*	background-image: url(/fileadmin/img/layout/trans2.gif);*/
	background-color: #ffedc7;
	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 {
	background: #ED7835;
	border-bottom: 1px solid #ED7835;
	height: 16px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px;
}

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: #ED7835;
}
ul.ebene3wiederholung a.aktiv {
	font-weight: bold;
	color: #EC5D5C;
}

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

}



/*
_________________________________________

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: #ed7835;
	text-decoration: none;
}

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

#contentcontainer a {
	text-decoration: none;
	color: #EF7836;
}
#contentcontainer a:hover {
	text-decoration: underline;
	color: #EF7836;
}

#contentcontainer p{
	margin: 0;
	padding: 0;
	color: #333;
}

#contentcontainer div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 10px;
}


/*
_________________________________________

Rechte Spalte
_________________________________________
*/

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

div#rechts p.align-right a.internal-link {
	color: #ec5d5c;
	font-weight: bold;
	font-size: 12px;
}


/*
_________________________________________

Das Floaten abbrechen
_________________________________________
*/
div.clear, div.clearer {
	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: #ec5d5c;
}
.quicklinksaktiv {
	position: relative;
	background-color: #ffffff;
	color: #ec5d5c;
	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 #ed7835;
	color: #ed7835;
	width: 158px;
	overflow-x:hidden;
}

div.teaserrechts_drumherum h1{
	display:block;
	background-color: #ed7835;
	color: #fff;
	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: #ed7835;
	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;
}

/* peter start */
div.teaserrechts_drumherum p.bodytext {
	margin-left: -6px;
}
/* ende */


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; 
}

/*Flash*/
div.tx-slideshow-pi1{
	text-align: right !important:
	width: 580px !important;
	overflow:hidden !important;
}

/* die suche */
div#indexedsearchbox {
	position: absolute;
	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;
}


/* der ticker */
div#tickersrc {
	display: none;
}
div#ticker {
	position: relative;
	background-color: #fff;
	height: 19px;
	color: #006227;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	cursor: default;
}


div#ticker p, div#ticker p.bodytext{
	padding-right: 10px;
	display: inline !important;
}
div#ticker br {
	display:none;
}
div#ticker p a {
	cursor: pointer;
	text-decoration: none;
	color: #8CC540;
}



/** Die Teaserextension **/

div.tx-jppageteaser-pi1-list-entry {
	border: 1px solid #1ba12e;
	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: #1ba12e;
	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 das Template teaser Inhalt Schmale Bilder
_________________________________________
*/
div.teaser3_drumherum{margin-top:15px;margin-bottom:25px;margin-right:20px;border:1px solid #ed7835;color:#000;width:195px;overflow-x:hidden;float:left;position:relative;text-align:center;overflow:hidden !important}
div.teaser3_drumherum div.imgwrap{padding:0 !important}
div.teaser3_drumherum img{display:block;margin:0 auto;margin-bottom:10px}
div.teaser3_drumherum h1{display:block;background-color:#ed7835;color:white !important;font-size:1.3em !important;text-align:center;line-height:23px;text-decoration:none !important}
div.teaser3_drumherum h1 a{color:white !important;text-decoration:none !important}
div.teaser3_drumherum div{padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;margin:0;text-align:left;margin:0 5px 24px;}
div.teaser3_drumherum div a{color:#ec5d5c;text-decoration:underline}
#contentcontainer div.teaser3_drumherum a.teaser_weiter{position:absolute;right:5px;bottom:5px;text-align:left;color:#ec5d5c;text-decoration:underline}
div.teaser3_drumherum hr{margin:0px;padding:0px 5px 0px 5px}
div.teaser3_drumherum p{margin:0px;padding:2px 5px 3px 5px;text-align:left}

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

div#expressanfrage{
    height:150px;
    color:#000000;
    background-color:#fff;
	margin-bottom:5px;
	border: 1px solid #1ba12e;
	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: #1ba12e;
	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 #1ba12e;
	color: #AD7520;
	width: 158px;
	overflow-x:hidden;
}

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


/*
	Gästebuch
*/

.tx-guestbook-pagination a, .tx-guestbook-pagination strong, .tx-guestbook-pagination p {
	font-size: 12px;
	padding: 3px;
}

#contentcontainer .tx-guestbook-pagination a:hover {
	color: #F25D5C;
}

#contentcontainer h2.tx-guestbook-header {
	background: #EC7936;
	padding: 5px;
	width: auto;
}

#contentcontainer .tx-guestbook-entry {
	background: url(/fileadmin/img/layout/kopfbilder/medelon/tx-guestbook-bg.jpg) repeat-y;
	border-right: 1px solid #EC7936;
	border-left: 1px solid #EC7936;
	border-bottom: 1px solid #EC7936;
	margin-bottom: 10px;
}

#contentcontainer .tx-guestbook-entry .tx-guestbook-clear {
	height: 1px;
}

#contentcontainer .tx-guestbook-entry .tx-guestbook-left {
	background: none;
	padding: 10px;
	width: 150px;
}

#contentcontainer .tx-guestbook-entry .tx-guestbook-right {
	background: none;
	padding: 10px;
	width: 462px;
}


/*
	Teaser Gewerbe (3spaltig)
*/
div.logo_inhalt, div.adresse_inhalt, div.kontakt_inhalt {
	float: left;
}

div.wrap_inhalt {
	width: 650px;
	margin-bottom: 20px;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #D9D3B4;
}

div.logo_inhalt {
	width: 250px;
}
div.adresse_inhalt, div.kontakt_inhalt {
	width: 195px;
	text-align: left;
	padding-right: 5px;
}



div.tx_lumogooglemaps_pi1_sidebar {
	display: none;
}