/* reset */
body {	color: #796b67; font-family: arial, sans-serif; }
html, body, p, form, h1, h2, h3, h4, h5, h6, ul, ol { margin: 0; padding: 0; }
a { text-decoration: none; cursor: pointer }
a:hover {text-decoration: underline }
img {border: 0 }

font { display: none }

/* Generic */
ul.navigation, ul.navigation ul, ul.plain-list, ol.plain-list { list-style: none;}
p.last {padding-bottom: 0 !important; margin-bottom: 0;}
.float-left { float:left; }
.float-right { float:right; }
.float-none { float: none; }
.js-show { display: none }

/* basic layout */
#container { width:930px; margin: 0 auto; position: relative;}

/* header */
#header { height: 78px; position: relative; background: url(../images/new/header.jpg) no-repeat; border-bottom: 2px solid white}
#header #logo {	position: absolute; display: block; left: 0px; top: 0px; }
#header #logo img { border: 0px; display: block }
#header #logoRight { position: absolute; display: block; right: 0px; right: 0px; }
#header #logoRight img { border: 0px; display: block }
#header #meta-navigation { position: absolute; left: 182px; bottom: 20px; }
#header #meta-navigation li { display: inline; font-size: 10px; line-height: 10px; height: 10px; padding-right: 5px; margin-right: 5px; border-right: 1px dotted #4a4a4a; }
#header #meta-navigation li.last { border-right: 0px none; }
#header #meta-navigation a { color: #4a4a4a; }

/* Top Navigation */
#navigation-bar {height: 20px; background: url(../images/new/top-navi.png) no-repeat; padding-left: 182px; margin-bottom: 8px}
#top-navigation { height:20px; border-right:1px solid white; float:left}
#top-navigation li {line-height:20px; font-size: 11px; display: inline}
#top-navigation a {float:left; display: block; color: white; font-weight: bold; height: 20px; padding: 0 18px; border-left: 1px solid white}
#top-navigation a:hover,
#top-navigation li.selected a{background: url(../images/new/top-navi-active.png) repeat-x; text-decoration: none}

/* Hauptnavigation */
#leftcol { width: 182px; float: left; min-height:10px; overflow: hidden; }
#leftcol ul.navigation { margin-bottom: 8px; background-color: #fafaf8 }
#leftcol ul.navigation a * { visibility: hidden;}
#leftcol ul.navigation li a { font-weight: bold; text-decoration: none; overflow:hidden; display: block; background: url(../images/new/navi-top.png) no-repeat; color: white; font-size: 11px; line-height: 15px; padding-top: 3px; padding-bottom: 3px;  padding-left: 10px; }
#leftcol ul.navigation ul li { padding: 0 2px;}
#leftcol ul.navigation ul a { background: transparent url(../images/new/arrow-grey.gif) no-repeat 8px; color: #796b67; padding-left: 19px; border-top: 1px solid #e0e0e0}
#leftcol ul.navigation ul a.open { color: #ba122b; }
#leftcol ul.navigation ul ul li { padding: 0; }
#leftcol ul.navigation ul ul a { font-weight: normal; padding-left:26px }
#leftcol ul.navigation ul ul a.open { font-weight: normal; font-weight: bold; color: #796b67; }
#leftcol ul.navigation ul ul ul a { padding-left: 33px; }
#leftcol ul.navigation ul ul ul ul a { padding-left: 40px; }
#leftcol ul.navigation ul ul ul ul ul a { padding-left: 47px; }
#leftcol ul.navigation ul ul ul ul ul ul { display: none }
#leftcol ul.navigation ul a.selected { background: white url(../images/new/arrow-red.gif) no-repeat 8px; font-weight: bold;}
#leftcol ul.navigation ul li.selected ul a { background: #f3f2f1 url(../images/new/arrow-grey.gif) no-repeat 8px; font-weight: normal;}
#leftcol ul.navigation ul a.open { background-image:url(../images/new/arrow-red-open.gif); font-weight: bold;}


	/* Fastaccess */
.snippet.fastaccess select {width: 160px;}
.snippet.fastaccess p { padding-bottom:2px !important}

/* haupt teil */
#mainarea { background: white; color: #796b67; float: left; font-size: 11px; position:relative; padding-bottom: 33px}
#columns.threecolumns #mainarea { width: 563px; overflow: hidden;}
#mainarea .padding {padding: 0px 13px 0px}

#mainarea hr { display: block; border: 0 none; height: 1px; background: #e6e6e6; color: #e6e6e6; }
#mainarea a { color: #ba122b; }

	/* Breadcrumb */
#mainarea .breadcrumbs {padding-bottom: 8px; width: 450px}
#mainarea .breadcrumbs,
#mainarea .breadcrumbs a {color: #796b67; font-size: 10px; font-weight: normal}

	/* Page Tasks */
#mainarea ul.page-tasks { position: absolute; top: 0px; right: 10px; white-space:nowrap; zoom: 1}
#mainarea ul.page-tasks li.task { min-width: 22px; display: block; float: left; margin-left: 10px; line-height: 20px; zoom: 1}
#mainarea ul.page-tasks li.task a { float: left; font-weight: normal}
#mainarea ul.page-tasks.show-text { position: absolute; bottom: 5px; top: auto;}
#mainarea ul.page-tasks.no-text li.task { text-indent: -9999px; }
#mainarea ul.page-tasks.no-text li.task a { width: 0.1px }
#mainarea ul.page-tasks li.print a { height: 20px; background: url(../images/new/icons/print.png) no-repeat 0px; display: block; padding-left: 22px; color: #7b7b7b; font-size: 11px; cursor: pointer;}
#mainarea ul.page-tasks li.print a:hover { background-image: url(../images/new/icons/print_light.png) !important }
#mainarea ul.page-tasks li.bookmark a { height: 20px; background: url(../images/new/icons/bookmark.png) no-repeat 0px; display: block; padding-left: 22px; color: #7b7b7b; font-size: 11px; cursor: pointer;}
#mainarea ul.page-tasks li.bookmark a:hover { background-image: url(../images/new/icons/bookmark_light.png) !important }
#mainarea ul.page-tasks li.remember a { height: 20px; background: url(../images/new/icons/remember.png) no-repeat 0px; display: block; padding-left: 22px; color: #7b7b7b; font-size: 11px; cursor: pointer;}
#mainarea ul.page-tasks li.remember a:hover { height: 20px; background-image: url(../images/new/icons/remember_light.png) !important}
#mainarea ul.page-tasks li.recommend a { height: 20px; background: url(../images/new/icons/mail.png) no-repeat 0px; display: block; padding-left: 22px; color: #7b7b7b; font-size: 11px; cursor: pointer;}
#mainarea ul.page-tasks li.recommend a:hover { height: 20px; background-image: url(../images/new/icons/mail_light.png) !important}
#mainarea ul.page-tasks li.rss a { height: 20px; background: url(../images/new/icons/rss.png) no-repeat 0px; display: block; padding-left: 22px; color: #7b7b7b; font-size: 11px; cursor: pointer;}
#mainarea ul.page-tasks li.rss a:hover { height: 20px; background-image: url(../images/new/icons/rss.png) !important}

	/* Überschriften und Abstände */
#mainarea h1 { font-family: Times New Roman; font-size: 18px; padding-top: 15px}
#mainarea h2 { font-family: Times New Roman; font-size: 14px; padding-top: 15px}
#mainarea h3 { font-family: Arial; font-size: 11px; padding-top: 15px}

#mainarea h1.first-child,
#mainarea h2.first-child,
#mainarea h3.first-child { padding-top: 0px; margin-top: 0px}
#mainarea h2:first-child,
#mainarea h3:first-child {padding-top: 0px}

	/* snippets */ 
#mainarea .snippet { margin-top: 18px }
#mainarea div.snippet.float-left,
#mainarea div.snippet.float-right {width: 255px; padding: 0 0 18px;}
#mainarea div.snippet.float-left {padding-right: 12px;}
#mainarea div.snippet.float-right {padding-left: 12px}

	/* buttons */
#mainarea .button-grey,
#mainarea .button-red {font-weight: bold; white-space: nowrap; position: relative; display: block; margin: 0px 0px 0px 10px; width: auto; height: auto; padding: 0px 10px 0px 15px; height: 20px; line-height: 20px; color: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; /* border-radius: 2px; */ float:right}
#mainarea .button-grey.float-left,
#mainarea .button-red.float-left {float: left; margin-right: 10px; margin-left: 0px}
#mainarea .button-grey {background: url(../images/new/button-grey.png) no-repeat}
#mainarea .button-grey:hover,
#mainarea .button-grey:hover span {background-image: url(../images/new/button-grey-active.png); text-decoration:none}
#mainarea .button-grey span {background: url(../images/new/button-grey.png) top right; position:absolute; right:0px; top: 0px; height: 20px; width: 2px; display:block}

#mainarea .button-red {background: url(../images/new/button-red.png) no-repeat}
#mainarea .button-red:hover,
#mainarea .button-red:hover span {background-image: url(../images/new/button-red-active.png); text-decoration:none}
#mainarea .button-red span {background: url(../images/new/button-red.png) top right; position:absolute; right:-1px; top: 0px; height: 20px; width: 4px; display:block}


/* richtext */
.richtext { overflow: hidden; }
.richtext a { font-weight: bold }
.richtext p { padding-top: 14px; line-height: 1.4em }
.richtext hr { display: block; margin-top: 14px; color: #e0e0e0; background: #e0e0e0; border: 0px solid #e0e0e0;}
.richtext ul {list-style-type: none; padding-top:8px;}
.richtext ul li { background:url(../images/new/icons/bullet.png) no-repeat 0px 6px; padding-left: 11px; line-height: 1.4em; margin-top: 7px}
.richtext img.float-left { float: left; margin-right: 8px; display: block;}
.richtext img.border {border: 1px solid #c8c8c8}

.richtext table {border: 0px none; border-collapse: collapse; background: #f3f2f1; width: 100%; margin-top: 15px}
.richtext table p { padding-top: 6px; }
.richtext table p.first-child,
.richtext table p:first-child {padding: 0; margin: 0}
.richtext table caption { background: #796B67; color: white; font-size: 11px; line-height: 20px; height: 20px; padding: 0 10px; text-align: left }
.richtext table td.heading,
.richtext table th { background: #dcdad9; color: #796b67; font-weight: bold; font-size: 11px; text-align: left; }
.richtext table caption,
.richtext table td,
.richtext table th { border-right: 1px solid white; border-bottom: 1px solid white; padding: 10px}
.richtext table td { padding: 10px; vertical-align: top }
.richtext table td.white { background: white }
.richtext table td.grey { background: #e6e6e6 }

/* linklist */
ul.linklist { list-style-type: none }
a.arrow,
ul.linklist li { background:url(../images/new/arrow-red.gif) no-repeat 0px 4px; padding-left: 11px; line-height: 1.4em; font-weight: bold;}

	/* MyAgency */
.agency img { margin-top: 18px }

.agentdata img {max-width: 150px;}

	/* cardview */
#mainarea .tabs { margin-top: 18px; background:url(../images/new/tab-gradient.png) repeat-x 0 24px;}
#mainarea .tabs .bar { list-style-type: none; display: block;}
#mainarea .tabs .bar li { display: inline; padding-left: 0px; background: none}
#mainarea .tabs .bar li a {background: url(../images/new/tab.png) no-repeat; display: block; float: left; color: #796b67; height: 21px; width: 113px; line-height: 21px; padding: 4px 10px 0; margin-right: 1px; cursor: pointer; font-size: 12px; font-weight: bold}
#mainarea .tabs .bar li a:hover {text-decoration: none }
#mainarea .tabs .bar li a.selected {background: url(../images/new/tab-active.png) no-repeat; color: #ba122b; }
#mainarea .tabs .tab { border: 1px solid #cfcfcf; border-top: 0px none; padding: 10px 0px; clear: both}

#mainarea .tabs .tab p,
#mainarea .tabs .tab h1,
#mainarea .tabs .tab h2,
#mainarea .tabs .tab h3,
#mainarea .tabs .tab h4,
#mainarea .tabs .tab h5,
#mainarea .tabs .tab ul,
#mainarea .tabs .tab ol { padding-left: 10px; padding-right: 10px}
#mainarea .tabs .tab table { padding: 0; width: 100% }
#mainarea .tab .searchbox { position: relative; left: 10px; width: 168px } /* margin-left geht leider nicht, danke IE6 */

	/* faq */
#mainarea .faq .faqitem { border: 1px solid #cfcfcf; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-top: 5px}
#mainarea .faq .faqitem h2,
#mainarea .faq .faqitem h3 { background: #FBFBFB; font-size: 11px; line-height: 13px; padding: 5px 10px 5px 27px; cursor: pointer; zoom: 1; position: relative}
#mainarea .faq .faqitem .plus {position: absolute; left: 10px; padding-right: 8px; width: 10px; display: block; text-align: center; zoom: 1}
#mainarea .faq .faqitem .content {display:none}
#mainarea .faq .faqitem .content .padding {padding: 10px}
#mainarea .faq .faqitem .content .padding p:first-child,
#mainarea .faq .faqitem .content .padding p.first-child { padding-top: 0px; }



	/* news overview */
#mainarea .overview { padding-top: 21px }
#mainarea .overview .article { border-top: 1px solid #e0e0e0; padding: 0 0 0 0; position: relative; }
#mainarea .overview .abstract-image { float: left; border-right: #e0e0e0; }
#mainarea .overview .richtext { padding: 10px 0px 10px 0px }
#mainarea .overview .overview-image .richtext { margin-left: 143px; padding-left: 10px; width: 384px; }
#mainarea .overview h2 { /* padding-bottom: 5px; */ }
#mainarea .overview p { padding-top: 5px; }

.snippet .linklist { font-size: 11px; } /* TODO: Irgendwo einordnen? */
.snippet img.float-left { float: left; margin-right: 8px; }

	/* startseite */
#mainarea .imagebox { position:relative; zoom: 1; overflow: hidden; padding: 0 !important; }
#mainarea .imagebox .flow { color: white; position: absolute; overflow: hidden; top: 72px; right: 15px; width: 128px; max-height:140px; padding: 0; margin: 0; left: auto; color: white }
#mainarea .imagebox .flow h1 { font-size: 22px; font-weight: normal; font-family: Georgia, Sans-Serif; padding-bottom: 0px; padding-top: 0; margin-top: 0 }
#mainarea .imagebox .flow p { padding-top: 2px; font-weight: bold; font-size: 14px}
#mainarea .imagebox .flow a { display: block;  width: auto; float:left; color: white; height: 20px; line-height: 20px; padding: 0 8px; }
#mainarea .imagebox .flow a.arrow { font-size: 11px }

#mainarea .imagebox .flow-top-right { width: 172px; right: 25px; top: 25px; left: auto; bottom: auto; }
#mainarea .imagebox .flow-top-left { width: 172px; left: 25px; top: 35px; right: auto; bottom: auto; }
#mainarea .imagebox .flow-right { right: 25px; top: 65px; left:auto; bottom: auto; }
#mainarea .imagebox .flow-left-white { color: #404040 !important; right: auto; top: 100px; left:25px; bottom: auto; }
#mainarea .imagebox .flow-bottom-right { right: auto; top: 0; left:25px; bottom: 25px; }

#mainarea .imagebox img { display: block; }
	
	/* slider */
#mainarea #contentslider { position:relative; display: block; overflow: hidden;}
#mainarea #contentslider .cs_wrapper { position: relative; display: block; overflow: hidden; height: 100%}
#mainarea #contentslider .cs_wrapper .cs_slider { position: absolute; width: 10000px; white-space: nowrap; height: 100%}
#mainarea #contentslider .cs_wrapper .cs_slider .cs_item { width: 537px; float:left; position: relative; overflow: hidden;}
#mainarea #contentslider .buttons { position: absolute; right: 10px; bottom: 25px; height: 22px}
#mainarea #contentslider .buttons .button { cursor:pointer; background: white; display: block; height: 22px; width: 22px; line-height:22px; text-align:center; float: left; margin-left: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px}

/* rechte spalte */
#rightcol {	float: right; width: 185px; min-height: 22px}

	/* Aufklappbox */
#leftcol .box.float-left,
#leftcol .box.float-right,
#rightcol .box.float-left,
#rightcol .box.float-right {float: none;} /* Snippets in der rechten und linken Spalte sollen nicht gefloatet werden */
#rightcol .box .float-left,				  /* IE6 Fix, der keine Selektoren mit mit mehreren Klassen unterstützt */
#leftcol .box .float-left {float:left; }
#leftcol .box .float-right,
#rightcol .box .float-right  {float:right}

.collapsable .plus { color: #ba122b; font-size: 14px; font-weight: normal}
.box .plus { display: block; position:absolute; right: 10px; top: 0px}

#leftcol .box,
#rightcol .box { position: relative; background: url(../images/new/gradient.png) repeat-x 0px 21px; overflow: hidden; margin-bottom: 8px}
.box.collapsable h2 { cursor: pointer; }
#leftcol .box h2,
#rightcol .box h2 { background: url(../images/new/right-box-header.png) no-repeat; color: #796b67; font-size: 11px; line-height: 21px; height: 21px; padding: 0 20px 0 10px }
.box .content { font-size: 11px; }
.box .content .padding { padding: 11px 10px 11px; }
#mainarea .box h2 { padding-bottom: 15px}
#mainarea .box .content .padding { padding: 0;}
#mainarea .box .plus { display: none; }
.box .content a { color: #ba122b; }
.box .content p { padding-top: 8px; line-height: 1.3em }
.box .content p.first-child,
.box .content p:first-child { padding-top: 0px }

	/* Suchfeld */
#search { padding: 0 10px 10px; z-index: 4000}
.searchbox {width: 165px; background: url(../images/new/searchbox.png) no-repeat; height: 23px; }
.searchbox .searchfield.inactive { color: #e0e0e0 }
.searchbox .searchfield { color: black; border: 0px none; background: transparent; width: 131px; padding: 2px 4px; height: 19px; line-height: 19px}
.searchbox .submit {background: url(../images/new/searchbox.png) no-repeat top right; height: 23px; width: 26px; text-indent: -9999px; border: 0px none; margin:0; padding: 0; vertical-align:top}
.autocomplete_list { z-index: 500; }

	/* Vermittler Kontakt */
.agent-contact .content { position: relative; }
.agent-contact .logo { position: absolute; top: 10px; right: 10px;}


	/* TagCloud */
.tagcloud {text-align: justify; }
.tagcloud ol {background: white; border: 1px solid #e0e0e0; padding: 2px}
.tagcloud ol {list-style-type: none }
.tagcloud ol li {display: inline;}
.tagcloud ol li.relevance1 { font-size: 8px }
.tagcloud ol li.relevance2 { font-size: 11px}
.tagcloud ol li.relevance3 { font-size: 14px }
.tagcloud ol li.relevance4 { font-size: 16px }
.tagcloud ol li.relevance5 { font-size: 18px }
.tagcloud ol li a { color: #796b67 !important}
.tagcloud ol li a:hover { color: #ba122b !important; text-decoration: none}
.tagcloud ol li span { position: absolute; left: -9999px }

/* footer */
#footer {color: #7b7b7b; font-size: 11px; border-top: 1px solid #e6e6e6; height: 30px; line-height: 30px; text-align: center}
#footer a {color: #7b7b7b;}
#footer .agentContact { text-align: left; line-height: 16px; padding: 10px 0}

/* Popup */
#popup-container { position: relative; border: 1px solid #ffffff; }
#popup-container #header {background: #f4f4f4; padding: 10px 10px 10px 44px; height: 46px; margin: 10px 10px 0px}
#popup-container #header #logo {width: 95px; height: 26px; position: absolute; display: block; left: 43px; top: 18px;}
#popup-container #mainarea{ position: relative; float: none; padding: 0 44px 0px}
#popup-container #footer{ margin: 16px 44px 0; border-top: 1px solid #c8c8c8; position: static; width: auto}
#popup-container h2 {margin-top: 15px; padding-bottom: 5px}
#popup-container .close-button,
#popup-container .print-button { float:right; cursor: pointer;}
#popup-container div.snippet.float-left,
#popup-container div.snippet.float-right { float: none }
#popup-container #mainarea .faq .faqitem .content { display:block !important }

	/* Funktionsicons TODO: Austauschen */
.close-button { background: url(../images/new/icons/close.png) no-repeat 0px; display: block; width: 16px; height: 16px; text-indent:-9999px; margin-left: 12px}
.close-button:hover { background: url(../images/new/icons/close_light.png) no-repeat 0px; }
.print-button { background: url(../images/new/icons/print.png) no-repeat 0px; display: block; width: 17px; height: 16px; text-indent:-9999px; margin-left: 12px}
.print-button:hover { background: url(../images/new/icons/print_light.png) no-repeat 0px; }

/* Sitemap */
#sitemap ul { list-style-type: none }
#sitemap ul li { overflow: hidden;  }
#sitemap ul.level0 { margin: 0 0 13px 13px; float:left; width:262px; background: #e6e6e6; font-size: 13px; font-weight:bold; }
#sitemap li.level0 { padding:0 }
#sitemap a.level0 { margin-left: 10px; display: block; color: #7b7b7b; line-height: 20px; height: 20px;  }

#sitemap ul.level1 { padding: 13px 10px 13px; background-color: #f5f5f5}
#sitemap ul.level1 a { background: transparent url(../images/new/arrow-grey.gif) no-repeat 10px; color: #796b67; padding-left:19px; font-size: 11px; font-weight:normal;}
#sitemap ul.level1 ul { margin-left:10px}
#sitemap a.level1 { margin-left: 0px;  }


/* Formular */
.form .segment { background: #f3f2f1; padding: 15px 10px; margin-top: 13px;}
.form ul {font-size: 11px;}
.form h2 { color: #7b7b7b; font-size: 13px; margin-top: 0 !important}
.form p { clear: both; }
.form hr { display: block; margin-top: 7px; margin-bottom: 10px; color: #c8c8c8; background: #c8c8c8; border: 0px solid #c8c8c8;}
.form fieldset { margin: 0; padding: 0; border: 0;}
.form label, .form .label { display: block; float: left; padding-left: 20px; padding-top: 2px; width: 207px; overflow: hidden;}
.form input, .form select{ border: 1px solid #c8c8c8; width: 303px; font-size: 11px; padding: 1px; margin:0;}
.form textarea { border: 1px solid #c8c8c8; width: 303px; height: 103px; font-size: 11px; padding: 1px}
.form .half { width: 145px;}
.form .third { width: 93px;}
.form .twothird { width: 198px;}
.form .space { margin-left: 5px;}
.form .text { }
.form .multi { margin-right: 10px; left: 0px; top: 0px; width: auto;}
.form .tick, .form .tick input { width: auto; margin-right: 5px; border: 0;}
.form .small { font-size: 10px;}

.form .full {  border: 0; width: 305px; font-size: 11px; padding: 0; margin:0; }

.form .error { border: 1px solid #ba122b; background: #ffffff; margin-top: 12px}
.form .error h2 { color: #ba122b; margin-top: 0 !important}
.form .error ul { padding-bottom: 0; margin-bottom: 0 }

.form .layer { z-index: 20; display: none; position: fixed; top: 50%; left: 50%; width: 400px; height: 50px; margin-top: -45px; margin-left: -200px; background: #ffffff; padding: 20px 10px; border: 1px solid #ba122b; text-align: center;}
.form .layer h2 { font-size: 14px;}
.form .buttons {margin-top: 15px }

#contactForm { padding-bottom: 23px; width: 560px; }
#mainarea a { font-weight: bold }

/* Vermittlersuche */
.agentSearchResults .agentSearchForm { background: #fafaf8; padding: 10px; margin-top: 15px }
.agentSearchResults .agentSearchForm label { width: 150px; display: block; float:left; height: 26px; line-height: 26px}
.agentSearchResults .agentSearchForm p { clear: both }
.agentSearchResults .agentSearchForm .button-red { margin-left: 152px !important; }

.agentSearchResults .validation-summary ul {list-style-type: none; margin-bottom: 12px}

.agentSearchResults .results { position: relative;}
.agentSearchResults .results h2 { margin-top: 21px !important}
.agentSearchResults .results ol {margin-top: 15px;}
.agentSearchResults .results li.agent {background: #fafaf8; margin-bottom: 3px; }
.agentSearchResults .results li.agent h3 {background: #f4f4f4; line-height: 34px; height: 34px; padding: 0 10px !important; margin-top: 0px !important; }
.agentSearchResults .results li.agent h3 .distance { float: right; display: block; padding-right: 15px; background: url(../images/new/location.gif) no-repeat right; }
.agentSearchResults .results li.agent .details { padding: 10px 10px 10px 87px; position: relative; zoom: 1;}
.agentSearchResults .results li.agent .details img.agentImage { position: absolute; top: 10px; left: 10px; }
.agentSearchResults .results li.agent .details li { clear: left; overflow: hidden }
.agentSearchResults .results li.agent .details label { width: 50px; display: block; float:left}
.agentSearchResults .results li.agent .details p {padding-bottom: 5px; padding-top: 0px}

.agentSearchResults .results .pagination { position: absolute; right: 0px; top: 0px}

.agentText { display: none; margin-top: 12px }

#mainarea ul.page-tasks li.bookmark .overlay { width: 200px; position: absolute; z-index: 5000; text-indent: 0px; top: 24px; right: 3px; -moz-box-shadow: 0px 1px 3px #999; -webkit-box-shadow: 0px 1px 3px #999; padding: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; border: 3px solid #f4f4f4; background: white}
#mainarea ul.page-tasks li.bookmark .overlay a { background: 0px none; text-indent: 0px; padding-left: 0px; }
#mainarea ul.show-text li.bookmark .overlay { bottom: 24px; top: auto;}
ul.bookmarks  {list-style-type: none; }
ul.bookmarks li { float: left; width: 16px; height: 16px; overflow: hidden; margin-left: 10px;}
ul.bookmarks li:first-child {margin-left: 0;}
ul.bookmarks img { display: block; vertical-align: middle; margin-right: 4px}

.agentMapGoogle { height: 500px; }
.agentMapGoogle h2 { margin-top: 0px !important}

/* Top News */
.topnews h3 { text-decoration: none; overflow:hidden; display: block; 	font-size: 11px; color:#796b67; font-weight:bold; margin-bottom:3px; }
.topnews li { padding-bottom: 4px; }
.topnews li.divider { border-top: 1px solid #e0e0e0; padding-top: 4px; }
.topnewsdate { font-weight:normal; }

/** 
 * clearfix (siehe http://perishablepress.com/press/2009/12/06/new-clearfix-hack/) 
 * diese Version ist unter anderem html5 kompatibel
 */

/* modern browsers + IE8 */
.clearfix:after { visibility: hidden; display: block; font-size: 0;	content: " "; clear: both; height: 0;}
/* IE6 */
* html .clearfix { height: 1%}
/* IE7 */
*:first-child+html .clearfix { display: inline-block; }