/* Import der CSS-Datei für die Extension */
@import url(felogin.css);


/* ##################
###  Allgemeines  ###
################## */

body {
   margin: 0px auto;
   padding: 0px;
   background-color: #FFFFFF;
   /* background: url(../images/layout/bg1-3.jpg); */
   background: url(../images/layout/bg2.jpg);
   background-repeat: no-repeat;
   background-position: top;	
}

/* Schriften und Ueberschriften*/
p {
font-family: 'Trebuchet MS', Arial, Sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 14px;
line-height: normal;
padding-right: 20px;
color: #5f0d1f;
}

/* Überschriften bzw H1-H5 (im BE Layout1-Layout5) */

h1 {
font: normal 18px 'Trebuchet MS', Arial, Sans-serif;
font-weight: bold;
color: #e80030;
padding-top: 15px;
border-bottom: solid 3px #e80030;
}
h2 {
   font-size: 2em;
   font-style: italic;
}
h3 {
   margin-bottom: 1px;
}

.csc-textpic-caption {
           font-size: 11px;
           font-family: Lucida Sans Unicode,Tahoma,Verdana,sans-serif;
           color: #666666;
}

/* Alles umfassendes Element */
#alles {
width:772px;
margin-left:auto;
margin-right:auto;
padding:0px;
margin-top: -7px;
margin-bottom: -12px;
}

/* #### Verweise #### */

a:link {
	text-decoration: underline;
	color: #e80030;
	font-weight: normal;
}
a:visited {
	text-decoration: underline;
	color: #e80030;
	font-weight: normal;
}
a:hover,
a:active,
a:focus {
	text-decoration: none;
	color: #e80030;
	font-weight: normal;
}

/* #############################
###  Headerbereich und Logo  ### 
############################# */
#oben {
   width: 772px;
   height: 250px;
   background: url(../images/layout/header.jpg) no-repeat;
   float: left;
   border-bottom: solid 1px #5f0d1f; 
   border-top: solid 1px #5f0d1f;
}
#logo {
   width: 600px;
   height: 250px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   float: left;
}

/* #### .uberschrift {
   color: #8A132E;
   font-family: Trebuchet MS,Lucida Sans Unicode,Helvetica,Arial,sans-serif;
   font-weight: bold;
   font-size: 40px;
   font-variant: normal;
   top: -30px;
   position: relative;
   text-transform: lowercase;
   padding-left: 20px;
}
.uberschrift a {
   text-decoration: none;
   color: #8A132E;
   font-weight: bold;
}
.uberschrift a:hover {
   text-decoration: none;
   color: #8A132E;
   font-weight: bold;
}
.orte {
   color: #e80030;
   font-family: Trebuchet MS,Lucida Sans Unicode,Helvetica,Arial,sans-serif;
   font-size: 14px;
   font-weight: bold;
   padding-left: 20px;
   position: relative;
   top: -75px;
} #### */

/* ############## ###
###   Menu oben   ###
################## */
#menu_oben {
   width: 770px;
   position: absolut;
   padding-right: 20px;
   /*  clear: both; */
   margin: 0px;
   padding: 0px;
   font-family: 'Trebuchet MS', Arial, Sans-serif;
   font-weight: bold;
   font-size: 14px;
   border-bottom: solid 1px #5f0d1f;
   border-left: solid 1px #5f0d1f;
   border-right: solid 1px #5f0d1f;
   background-color: #e80030;
   background: url(../images/layout/verlauf.jpg) top left repeat-x;
   /*  clear: both; width: 770px; height: 28px; margin: 0px; padding: 0px; background-color: rgb(255,255,255); */
   display: block;
   float: right;
   color: rgb(255,255,255);
   text-decoration: none;
}

#menu_oben a {
   display: block;
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 5px 10px 5px 10px;
   color: rgb(255,255,255);
   text-decoration: none;
   font-weight: bold;
   font-size: 14px;
   border-left: solid 1px #5f0d1f;
}

#menu_oben a:hover, #menu_oben a.selected {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #5f0d1f;
}

/* #####################
###   Linke Spalte   ###
##################### */
#links {
min-height: 580px;
float: left;
padding-bottom: 0px;
position: relative;
width: 160px;
margin-left: 10px;
margin-top: 0px;
background-color: #FFFFFF;
   
font-family: Trebuchet MS,Lucida Sans Unicode,Helvetica,Arial,sans-serif;
font-size: 12px;
}

.die_wohnung {
   margin-left: -10px;
   margin-top: 30px;
   background-color: #e80030;
   color: white;
   font-weight: bold;
   height: 21px;
   padding-left: 20px;
   padding-bottom: 5px;
   padding-top: 8px;
   text-transform: uppercase;
}

/* Copyright*/
#copyright {
float: left;
font-family: Verdana,Arial,sans-serif;
font-style: normal;
font-size: 10px;
text-transform: lowercase;
line-height: normal;
padding-left: 15px;
padding-bottom: 20px;
padding-top: 47px;
color: #666666;
  /*    
   position: absolute;
   bottom: 0;
   margin-bottom: 7px;
   */
}

/* ####################
### Mittlere Spalte ###
#################### */
#mitte {
min-height: 580px;
float: left;
width: 560px;
margin-top: 0px;
padding-left: 20px;
padding-right: 3px;
background-color: #FFFFFF;
border-left: solid 1px #999999;
}

/*-------contenttable--------*/

table.contenttable  {
	background-color: #FFFFFF;
	border:0px;
	margin:0px;
	border-collapse:collapse;
	margin-left:0px;
	margin-top:0px;
	width:500px;
	}
table.contenttable td {
        vertical-align:top;
        line-height:16px;
	background-color:#ffffff;
	border-bottom:1px solid #e80030;
	width:25%;
	padding-left:5px;
	}
table.contenttable p {
        margin:0px;
        padding:5px;
	font-size:14px;
	color: #5f0d1f;
	background-color:transparent;
    }
table.contenttable p a:link, table.contenttable p a:visited {
	color:#005bfe; 
	font-weight:normal;
	font-size:11px;
}
table.contenttable p a:hover {
	color:#FF0000; 
	font-weight:normal;
	font-size:11px;
}
tr.tr-even td  {
	background-color:#efefef;
	}
tr.tr-0 td  {
	font-weight:bold;
	}
/*-------contenttable--------*/


/* ###########
### Footer ###
########### */
#footer {
width: 770px;
height: 3em;
margin-left: 1px;
padding-top: 15px;
background-color: #FF8099;
background: url(../images/layout/footer.jpg) repeat-x;
float: left;
text-decoration: none;
font-family: Trebuchet MS,Lucida Sans Unicode,Helvetica,Arial,sans-serif;
font-weight: normal;
font-size: 12px;
font-color: #FFFFFF;
letter-spacing: 1px;
text-align: center;
text-transform: lowercase;
}


/* ############
### Drucken ###              Bitte nicht ändern !!!
############ */
#druck-unten {
   float: left;
   font-family: Verdana,Arial,sans-serif;
   font-style: normal;
   font-size: 10px;
   line-height: normal;
   /* #color: #00000;
    Folg. 2 Zeilen nageln den div-Container unten fest - funktioniert aber nicht im IE  :-(
   position: absolute;
   bottom: 0;
   margin-bottom: 17px; */
}


/* #############################
####   Sitemap und Menüs   #####
############################# */

/* ### Schriftarten der ws_sitemap ### */
.treemenudiv {
   font-size: 1em;
   font-family: Trebuchet MS,Lucida Sans Unicode,Helvetica,Arial,sans-serif;
}

/* ### Trenner-Abstand kann auch hier definiert werden
   (statt im Template Menustruktur) ### 
#trenner {
   padding-top: 7px;
}*/


/* Links fuer MENU_OBEN */

.menu_oben {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-family: 'Trebuchet MS', Arial, Sans-serif;
	font-size: 12px;
}
.menu_oben ul {
	float: left;
	width: 770px;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #5f0d1f;
	border-bottom: solid 1px #5f0d1f;
	background-color: #e80030;
	font-weight: bold;
	background: url(../img/verlauf.jpg) top left repeat-x;
}	
.menu_oben li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.menu_oben li a {
	display: block;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 5px 10px;
	color: rgb(255,255,255);
	text-decoration: none;
	font-size: 14px;
	border-left: solid 1px #5f0d1f;
}
.menu_oben a:hover, ... menu_oben a.selected {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #5f0d1f;
}
.buffer {clear: both; width: 770px; height: 30px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);
}

/* Linkes Hauptmenu MENU_LINKS */

.M_links {
margin-top: 0px;
margin-left: -20px;
margin-bottom: 50px;
text-decoration: none;
text-align: left;
letter-spacing: 1px;
font-weight: bold;
line-height: 150%;
padding-left: 10px;
list-style-type: none;
width: auto;
}

.M_links ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
.M_links li {
	border-top: 0px solid #666;
	}
.M_links li a {
	display: block;
	font-weight: bold;
	font-size: 1em;
	color: #000000;
	background-color: #E0E0E0;
	/* #background: url(../images/layout/buttons_bg_a.jpg) repeat-x; */
	border-left: 7px solid #666;
	text-decoration: none;
	padding: 5px 0 0px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: -19px;
	#margin-top: -15px;
	}
.M_links li a:hover {
	color: #8A132E;
	background-color: #FFFFFF;
	/* #background: url(../images/layout/buttons_bg_b.jpg) repeat-x; */
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #e80030;
	}

/* #####################
####   Formulare   ##### 
##################### */
/* Felder und Submit Button fuer Email-Formulare */
/* hier wird auf Wunsch definiert, dass hier keine Umrandung des Formulars sein soll */
.csc-mailform
{
width: 350px;
margin-left: 0px;
border: none;
}
.csc-mailform-check {
border: none;
padding: 0px;
margin-left: 0px;
vertical-align: top;
display: block;
width: 15px;
}

.csc-mailform-submit {
   margin-top: 10px;
}

.csc-mailform-field input
{
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #BDBDBD;
line-height:15px;
color: #333;
font-family: Trebuchet MS,Lucida Sans Unicode,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 400;
}
.csc-mailform-field select
{
background-color: #ffffff;
border: 1px solid;
border-color: #BDBDBD;
font-family: Trebuchet MS,Lucida Sans Unicode,Helvetica,Arial,sans-serif;
font-size: 12px;
line-height:15px;
}
/* Damit der IE keine Border um die Checkbuttons legt */
.csc-mailform-field input.csc-mailform-check
{
border: none;
}
.csc-mailform-field textarea
{
background-color: #ffffff;
border: 1px solid;
border-color: #BDBDBD;
font-family: Trebuchet MS,Lucida Sans Unicode,Helvetica,Arial,sans-serif;
font-size: 12px;
line-height:15px;
}
.csc-mailform-field label
{
margin:2px;
font-size:12px;
line-height:15px;
color:#000000;
text-align: left;
margin-right: 0px;
width: 250px;
display: block;
font-family: Trebuchet MS,Lucida Sans Unicode,Helvetica,Arial,sans-serif;

/*Border um gesamtes Formular wenn gew�nscht
.csc-mailform
{
border-style: solid;
border-width: 1px;
border-color: #BDBDBD;
}*/

/*Ausrichtung des Submit Buttons*/
#mailformformtype_mail
{
float: right;
padding: 0px;
background-color: #f4f4f4;
border-style: solid;
border-width: 1px;
border-color: #bdbdbd;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
line-height:15px;
margin-top: 10px;
margin-bottom: 10px;
height:20px;
width:80px;
}

/* Standardsuche Formular */
table, tr, td .csc-searchform
{
border:none;
vertical-align: top;
}
.csc-form-fieldcell submit
{
margin-left: 0px;
margin-top: 15px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #CCCCCC;
border-width: 1px;
border-top-color: #ffffff;
border-left-color: #ffffff;
border-bottom-color: #A2A2A2;
border-right-color: #A2A2A2;
border-style: solid;
}
.csc-form-fieldcell input
{
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #BDBDBD;
font-family: Trebuchet MS,Lucida Sans Unicode,Helvetica,Arial,sans-serif;
font-size: 12px;
line-height:15px;
}


/* ################
###  Sonstiges  ###
################ */

.csc-textpic-caption {
   font-family: Helvetica,Verdana,Arial;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   font-size: 0.7em;
   line-height: normal;
   font-size-adjust: none;
   font-stretch: normal;
}

.lightboxSpan {
   font-size: 8pt;
   color: red;
}