/*html {
    background: url(../gfx/backing.gif) repeat-x left top #f5f7f8;
}*/
body {
    font-size: 0.8em;
    font-family: Verdana,Arial,Tahoma,Sans-Serif;
    background: url(../gfx/markup.bg.gif) repeat-y center #f5f7f8;
}
body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, a, img, form {
    padding: 0;
    margin: 0;
    border: 0;
}
p { line-height: 140%; }
.clear { clear: both; }
.space20 { height: 20px; }
.center { text-align: center; }
.right  { text-align: right; }
.bold  { font-weight: bold }
.gray { color: #DBDBDB; }
.blue { color: #008BC2; }
.orange { color: #FF9900; }

.logintbox { width: 130px; }

a { color: #008BC2; }
a:hover { color: #f90; }

#faq {
	  /*background: url(/template/gfx/menu.top.gif) no-repeat left top;*/
    width: 168px;
}

#faq h3 {
    font-size: 1.0em;
    color: #008ac1;
    margin-bottom:5px;
    padding-top: 5px;
    padding-left: 10px;
}

#faq ul{
    padding-top: 5px;
    /*background: url(/template/gfx/menu.bottom.gif) no-repeat left bottom;*/
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 5px;
}

/*--------------------------------------------------------------------*/
#page {
}
#pageframe {
    width: 875px;
    margin: 17px auto;
    background-color: white;
}
#head .banner {
    float: right;
}

#head {
  position: relative;
  top: 0;
  left: 0;
}


#headertext {
  position: absolute;
  top: 47px;
  left: 580px;
  font-size: 14px;
  font-weight: bold;
}

#headertext .white {
  color: #FFFFFF;
}
/*--------------------------------------------------------------------*/
#bar {
    padding: 10px 0px;
}
#bar .bff, #bar .brc, #bar .login {
    float: left;
}

#bar .bff {
    width: 168px;
}

#bar .bff .func {
    padding-left: 20px;
}
#bar .bff .func img, #bar .bff .func span {
    float: left;
}

#bar .bff .func img {
    margin-top: 3px;
}
#bar .bff .func .bff_text {
    width: 100px;
    text-align: center;
}


#bar .brc {
    margin: 0 17px;
    width: 505px;
    font-size: 85%;
}
#bar .brc h1 {
    font-size: 1.3em;
    font-weight: normal;
}

#bar .brc a {
  color: #000000;
  text-decoration: none;
}


#bar .login {
    width: 168px;
}
.loginForm1, .loginForm2 {
    font-size: 80%;
}

/*--------------------------------------------------------------------*/
#menu_area {
    float: left;
}
/*--------------------------------------------------------------------*/

#menu {
    background: url(/template/gfx/menu.top.gif) no-repeat left top;
    width: 168px;
}
#menu ul{
    list-style-type: none;
    padding-top: 5px;
    background: url(/template/gfx/menu.bottom.gif) no-repeat left bottom;
    padding-bottom: 10px;
}

#menu ul li {
    list-style-type: none;
}
#menu ul li a {
    display: block;
    padding: 5px 15px;
    color: #f90;
    text-decoration: none;
    font-weight: bold;
}

#menu ul li a.aktiv, #menu ul li a:hover{
    color: #07b;
    letter-spacing: 0.1em;
}

/*--------------------------------------------------------------------
Infobox-Default */
.infobox * {
    color: #07b;
}
.infobox p.orange {
    color: #f90;
}
.infobox .fussnote {
    font-size: 80%;
}


/*Infobox-Spezial "Datenschutz" */
.datenschutz {
    text-align: center;
    width: 168px;
    padding-top: 0px;
    margin-top: 3px;
    /*height: 215px;*/
}
.datenschutz p {
    text-align: center;
    font-weight: bold;
}
.datenschutz p.orange {
    font-size: 110%;
}


.login_infobox {
    background: url(/template/gfx/logintop.jpg) no-repeat left top;
    padding-top: 5px;
    padding-left: 40px;
    padding-bottom: 10px;
    margin-top: 8px;
}

.login_infobox h3 {
    font-size: 100%;
}

.default_infobox {
    background: url(/template/gfx/lecobo_bottom.gif) no-repeat left bottom;
    padding-bottom: 13px;
    margin-top: 8px;
}
.default_infobox h3 {
    margin: 0;
    margin-top: 3px;
    background: url(/template/gfx/lecobo_top.gif) no-repeat left top;
    padding: 4px;
    padding-bottom: 12px;
    font-size: 100%;
    text-align: right;
}
.default_infobox .cnt {
    background: url(/template/gfx/lecobo_middle.gif) repeat-y left top;
}

.phonebox h3 {
    background: url(/template/gfx/lecobo_top_phone.gif) no-repeat left top;
}
.searchbox h3 {
    background: url(/template/gfx/lecobo_top_search.gif) no-repeat left top;
}


/*Infobox-Spezial "Direktsuche" */
.dsearch {
    background: url(/template/gfx/menu.suche.gif) no-repeat left top;
    text-align: center;
    width: 168px;
    padding-top: 60px;
    margin-top: 3px;
    height: 115px;
}
.dsearch p {
    text-align: center;
    font-weight: bold;
}
.dsearch p.orange {
    font-size: 110%;
}

/*Infobox-Spezial "Persönliche Beratung" */
.call {
    background: url(/template/gfx/menu.call.gif) no-repeat left top;
    width: 168px;
    padding-top: 65px;
    margin-top: 3px;
    height: 100px;
}
.call p {
    text-align: center;
    font-weight: bold;
}
.call p.orange {
    font-size: 110%;
}
/*--------------------------------------------------------------------*/
.row2 .content1 {
    float:left;
    width: 504px;
}
.row2 .content2 {
    float:left;
    width: 168px;
    margin-left: 17px;
}
.row2 .content2 div.hilfe {
    background: url(/template/gfx/menu.hilfe.gif) no-repeat left top;
    padding: 20px 10px 0 10px;
    margin-top: -10px;
    #margin-top: 0;
}
.row2 .content2 div.hilfe h3 {
    font-size: 1.0em;
    color: #008ac1;
    margin-bottom:5px;
    padding-top: 5px;
}
.row2 .content2 div.betabox {
    background: url(/template/gfx/beta.box.jpg) no-repeat left top;
    padding: 40px 10px 40px 10px;
    margin-top: 0px;
    #margin-top: 0;
}
.row2 .content2 div.betabox p {
    font-size: 85%;
}

.row2 .content2 div.betabox #parvitasucht_was {
    font-size: 85%;
    width: 140px;
}

.row2 .content2 div.bluebox {
    background: url(/template/gfx/parv_bluemenu.gif) no-repeat left top;
    padding: 10px 10px 40px 10px;
    margin-top: 0px;
    #margin-top: 0;
}
.row2 .content2 div.betabox h3,
.row2 .content2 div.bluebox h3 {
    font-size: 1.0em;
    color: #FF9900;
    margin-bottom:5px;
    padding-top: 5px;
}


.content {
    float: left;
    width: 690px;
    margin-left: 17px;
}

.content .fullbox {
    width: 100%;
    margin-bottom: 17px;
    height: 64px;
    position: relative;
}
.content .homebox {
    width: 240px;
    float: left;
    /*margin-right: 17px;*/
    margin-bottom: 17px;
    height: 100px;
    position: relative;
}

.content .halfbox {
    width: 334px;
    float: left;
    /*margin-right: 17px;*/
    margin-bottom: 17px;
    height: 100px;
    position: relative;
}

.content .homebox a, .content .halfbox a, .content .fullbox a {
    position: absolute;
    left: 17px;
    bottom: 10px;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    color: #07b;
}

.content .modulcontainer {
	float: left;
	width: 334Px;
}

.content .topmodul {
	position: relative;
	clear: both;
	width: 669px;
	height: 111px;
	margin-bottom: 16px;
	padding: 5px 10px;
	background: url(/template/gfx/modul-top-back02.gif) no-repeat left top;
}
.content .topmodul_searchhelp {
	position: relative;
	clear: both;
	width: 509px;
	height: 101px;
	margin-bottom: 16px;
	padding: 15px 10px 5px;
	padding-left: 170px;
	background: url(/template/gfx/home.box.hilfe.gif) no-repeat left top;
}


.content .topmodul_searchhelp .label {
    font-weight: bold;
    color: #FFFFFF;
}

label {
    cursor: pointer;
}
#parvitasucht_was {
    width: 250px;
    padding: 3px;
    font-size: 16px;
    border-top: 1px solid #00A6E8;
    border-left: 1px solid #00A6E8;
    border-bottom: 1px solid #008AC1;
    border-right: 1px solid #008AC1;
}
#parvitasucht_wo {
    width: 110px;
    padding: 3px;
    font-size: 16px;
    border-top: 1px solid #00A6E8;
    border-left: 1px solid #00A6E8;
    border-bottom: 1px solid #008AC1;
    border-right: 1px solid #008AC1;
}
#direkt_plz {
    width: 300px;
    padding: 3px;
    font-size: 16px;
    border-top: 1px solid #00A6E8;
    border-left: 1px solid #00A6E8;
    border-bottom: 1px solid #008AC1;
    border-right: 1px solid #008AC1;
    margin: 10px 0px 10px 4px;
}
table.suche td,
table.suche th {
    padding-bottom: 5px;
}
.suche_form {
    width: 300px;
    padding: 3px;
    border-top: 1px solid #00A6E8;
    border-left: 1px solid #00A6E8;
    border-bottom: 1px solid #008AC1;
    border-right: 1px solid #008AC1;
    margin: 0px;
}

.content .topmodul p {
	width: 489px;
}

.content .modul, .content .modul2 {
	float: left;
	width: 314px;
	margin-bottom: 6px;
	padding: 5px 10px;
	background: url(/template/gfx/modul-back.gif) no-repeat left top;
	height: 153px;
}

.content .modul2 {
	background: url(/template/gfx/modul2-back.gif) no-repeat left top;
	height: 325px;
	width: 314px;
}

.marginright20 { margin-right: 20px; }

.content .hb1 {
    background: url(/template/gfx/home.box1.gif) no-repeat left top;
    margin-right: 23px;
}
.content .bighb1 {
    background: url(/template/gfx/home.box1.big.gif) no-repeat left top;
}
.content .hb2 {
    background: url(/template/gfx/home.box2.gif) no-repeat left top;
}
.content .hb3 {
    background: url(/template/gfx/home.box3.gif) no-repeat left top;
}
.content .hb4 {
    background: url(/template/gfx/home.box4.gif) no-repeat left top;
}
.content .bighb4 {
    background: url(/template/gfx/home.box4.big.gif) no-repeat left top;
}
.content .nl {
    background: url(/template/gfx/box.newsletter.gif) no-repeat left top;
}

.content h1 {
    font-size: 1.3em;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-weight: normal;
    color: #005374;
    background: url(/template/gfx/h1_back.gif) no-repeat bottom left;
}

.content h1.gray {
    color: #CCCCCC;
    font-weight: bold;
    background: none;
}

.content h2 {
    font-size: 1.3em;
    padding-bottom: 5px;
    font-weight: normal;
    color: #005374;
    background: url(/template/gfx/h1_back.gif) no-repeat bottom left

}
.content p {
    padding-bottom: 17px;
}
.content ul {
    padding-left: 17px;
}

/*--------------------------------------------------------------------*/
.parvita {
    /*border-bottom: 1px solid #07b;*/
    color: #07b;
    font-weight: bold;
}
/*--------------------------------------------------------------------*/
.hpPfeil {
    padding-right: 80px;
    background: url(/template/gfx/el.pfeil.gif) no-repeat right top;
}
.hpBox {
    width: 170px;
    float: left;
    text-align: center;
    font-size: 85%;
    color: #07b
}
.hpBox img {
    margin-bottom: 10px;
}
/*--------------------------------------------------------------------*/
form .titel .error, form .titel .info {
    float: right;
    font-weight: normal;
    letter-spacing: 0px;
    padding-right: 5px;
    font-size: 10px;
}

form .titel .info  { color: #726A60; }
form .titel .error { color: red; }

form .titel {
    padding-left: 0px;
    margin-top: 10px;
    font-weight: bold;
    color: #666;
    /*letter-spacing: 1px;*/
}
form .field {
  padding-left: 0px;
}
form .field input.text, form .field input.contact {
    width: 480px;
    border: 1px solid #0077BB;
    background-color: white;
}

form .field textarea.text {
    width: 480px;
    border: 1px solid #0077BB;
    background-color: white;
    height: 80px;
}
form .bordered {
    border: 1px solid #0077BB;
    background-color: white;
}
form .field select.select, form .field select.contact {
    width: 480px;
    border: 1px solid #0077BB;
    background-color: white;
}
form .field input.half { width: 150px; }
form .field input.plz { width: 60px; }
form .field input.ort { width: 413px; }
form .field select.contact {
    width: 120px;
}
form .field input.contact {
    width: 250px;
}


form .element .field input.text, form .element .field input.contact {
	width: 450px;
}



form #next {
    float: right;
    font-weight: bold;
}
form #prev {
}
form .disabled {
    color: #888!important;
}
form .agb {
    border: 1px solid #0077BB;
    height: 170px;
    font-size: 80%;
    overflow: auto;
    padding: 5px;
}
form .agb p {
    line-height: 120%;
    padding: 0;
    padding-bottom: 0.5em;
    margin: 0;
}
form .agb h1, form .agb h2, form .agb h3 {
    padding-bottom: 0.5em;
}
/**/
.sumt th {
    padding-left: 20px;
    text-align: left;
}
.infotext {
    margin-top: 20px;
}


/*News Startseite*/
.ne {
    clear: both;
    margin-bottom: 17px;
}
.ne h2 {
    font-weight: normal;
    margin-bottom: 10px;
}
.ne img {
    float: left;
    margin-right: 17px;
    margin-bottom: 17px;
}
.ne p {
    margin-left: 100px;
}

/*FreeCall-Auto-Replace Element*/
.freecall {
    background: url(/template/gfx/call.gif) no-repeat left center;
    padding: 10px 80px;
    color: #f90;
    font-size: 160%;
    font-weight: bold;
}
.freecall .foot {
    font-size: 60%;
    color: #333;
    font-weight: normal;
}

/*ToolTips*/
.tip-top {
    width: 285px;
    height: 20px;
    background: url(/template/gfx/tip-top.gif) no-repeat left top;
}
.tip {
    width: 285px;
    background: url(/template/gfx/tip-content.gif) repeat-y left top;
    padding: 5px;
}
.tip .tip-title {
    font-weight: bold;
}
.tip-bottom {
    width: 285px;
    height: 5px;
    background: url(/template/gfx/tip-bottom.gif) no-repeat left top;
}

/*Summarytable für Formular*/
table.sumt th {
    width: 200px;
    /*vertical-align: left;*/
}
.agb {
    margin: 10px 0;
}
ol {
    list-style-type: none;
}
ol li {
    font-weight: bold;
    padding-top: 10px;
}
ol ol {
    list-style-type: decimal;
}

ol ol li {
    margin-left: 20px;
    font-weight: normal;
    padding-top: 0px;
}
ol ol ol {
    list-style-type: lower-alpha;
}

.tiny {
	font-size: 80%;
}

/*Administrationsmenü*/
.smallmenu {
	padding: 4px;
	background-color: #FFEBCC;
	font-size: 80%;
	font-weight: bold;
	color: #FF9900;
	margin-bottom: 15px;
	border-right: 1px solid #FF9900;
}

.smallmenu a {
	display:inline;
	padding: 3px;
	text-decoration: none;
	color: #008BC2;
}

.smallmenu a:hover {

	color: #000000;
	}

.angebotRight {
	width: 190px;
	font-size: 90%;
}

.border1px {
	border: 1px solid #000000;
}

.jsonly, .jsonlyBlock, .jsonlyblock {
	display: none;
}

.nojs {
}

.toggler {
	background: url(/template/gfx/plus.gif) no-repeat left top;
	padding: 3px;
	cursor: pointer;
	padding-left: 25px;
}

.element {
	padding: 15px;
	/*border-bottom: 1px solid #000000;*/
}

.even {
	background-color: #F2F2F2;
}

#accordion {
	border: 1px solid #008BC2;
}

.thumb {

}

#mapContainer{
	position: relative;
}

#loadscreen {
	background-color: #E4E4E4;
	position: absolute;
	top: 0px;

	top: 0;
	left: 0;
	width: 110px;
	height: 50px;
	padding-top: 4px;
	border: 3px solid #000000;
	text-align: center;
	font: 10px Verdana;
	display:none;
}

.map {
	position: relative;
	border: 1px solid #000000;
}

#loadbar {
	background-color: #00FF00;
	width: 0px;
	height: 20px;
}

.land {
	margin-left: 155px;
}

div.land {
	color: #000000;
	border: 0px;
}

div.land a {
	display: block;
	padding: 1px
	/*padding: 1px;
	border: 0px;*/
}

div.button {
	font-weight: bold;
	color: #008BC2;
	display: inline;
	border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background-color: #F0F0F0;
	padding: 2px;
	text-transform: uppercase;
}

div.button a {
	text-decoration: none;
}

/*
div.land a:hover {
	color: #01719E;
	padding: 0px;
	background-color: #F2F2F2;
	border: 1px solid #000000;
} */

#foot {
  text-align: center;
  color: #A4A4A4;
  font-size: 85%;
}

#foot hr {
	border: 0;
  background-color: #A4A4A4;
}

#secfoot {
	color: #A4A4A4;
	text-align: center;
	margin-top: 25px;
	padding-left: 100px;
	padding-right: 100px;
	font-size: 85%;
}

#secfoot a {
	color: #A4A4A4;
}

input.wiz_yes {
	margin-top: 10px;
	border: 1px solid #008800;
	color: #FFFFFF;
	background-color: #779977;
	cursor: pointer;
}

input.wiz_no {
	margin-top: 10px;
	border: 1px solid #BB0000;
	color: #FFFFFF;
	background-color: #997777;
	cursor: pointer;
}

input.wiz_ret {
	margin-top: 10px;
	border: 1px solid #000000;
	color: #000000;
	background-color: #E4E4E4;
	cursor: pointer;
}

.suche th {
	text-align: left;
}

.profiltyp { padding: 5px 0; }
.profiltyp label { padding-left: 20px; }
p.error { border: 1px solid red; padding: 5px; margin-bottom: 10px; }

div.errorbox {
    border: 1px solid #993333;
    background-color: #EE8888;
    color: #FFFFFF;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 10px;

}