/**
 * @author  Sascha Quasthoff
 * @date    07.08.2008
 * @version 1.0
 */





/****************************************************************************************
 * Schriften und Farben
 ****************************************************************************************/

a img { border: 0; }
a:link, a:visited { color: #F47C34; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }


/* Allgemeines */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #534c3a;
       background-color: white; }
#head { background: #fff url(grafik/head_bg.jpg) no-repeat left bottom; }
#site { background: #fff url(grafik/site_bg.jpg) repeat-y left top; }
#footer { background: #fff url(grafik/footer_bg.jpg) no-repeat left bottom; text-align: center; line-height: 30px; }

             
/* Metanavi (ganz oben) */               
#meta li, #menu li, #submenu li { list-style: none; }
#meta a { text-transform: uppercase; text-decoration: none; font-size: 1.2em; border-right: 1px solid #e7872c; color: #484232; }
#meta .last a { border: none; }


/* Hauptnavi (oben) */
#menu a { text-transform: uppercase; text-decoration: none; text-align: center; line-height: 3.273em; font-size: 1.1em; color: #494333;
          background: transparent url(grafik/menu_bg.jpg) no-repeat left top; }
#menu .active { font-weight: bold; color: #e7882c; }


/* Untermenu (links) */
#submenu { background: #e0ddd6 url(grafik/submenu_bottom_bg.jpg) no-repeat left bottom; }
#submenu li { background: #e0ddd6 url(grafik/submenu_bg.jpg) repeat-y left top; }
#submenu li:first-child { background: #e0ddd6 url(grafik/submenu_top_bg.jpg) no-repeat left top; }
#submenu a { font-size: 1.1em; color: #494333; text-decoration: none; border-bottom: 1px solid #fff; }
#submenu a:hover { text-decoration: underline; }
#submenu a.active { font-weight: bold; }
#submenu .sub a { font-size: 1.1em; font-weight: normal; color: #494333; text-decoration: none; border-bottom: none; }
#submenu .sub a:hover, #submenu .sub a.active { text-decoration: underline; }


/* allgemeine Inhalte */
h1 { font-size: 1.6em; color: #e77910; text-transform: uppercase; letter-spacing: .3px; }
h2 { font-size: 1.3em; font-weight: bold; }
#sidebar h2 { text-transform: uppercase; }
#home_haeusersuche h2 { font-size: 1.3em; color: #e77910; text-transform: uppercase; }
p, #content li { font-size: 1.1em; line-height: 145%; }
#content li li, #content li p, #content td li, td p { font-size: 1em; }
.image_left, .image_right, .data_table td, .data_table th { font-size: 1.1em; line-height: 145%; }
.data_table th { font-weight: bold; text-align: left; }
.data_table thead th { background-color: #e9e6e0; color: #e77910; }
p.image { text-align: center; }
p.nachoben { text-align: right; }
blockquote { font-size: 1.5em; font-weight: bold; }
q:before, q:after, blockquote:before, blockquote:after { content: "" !important; }


/* Formulare */
fieldset { border: 0; }
label { font-size: 1.1em; }
legend, input, textarea, select { font-size: 1.2em; }
legend { font-weight: bold; }
button { background: none; }

/* Tabellen */
.page_navi td { font-size: 1.1em; }



/* Service Boxen */
.service_box { background-color: #e0ddd6; }
.service_box h2 { color: #e77910; font-size: 1.3em; }
.service_box a.more, .service_box span.more { font-size: 1.1em; line-height: 3em; text-align: right; }

#sidebar .service_box { background: #e0ddd6 url(grafik/service_box_bg.jpg) repeat-y left top; }
#sidebar .service_box h2 { background: #e0ddd6 url(grafik/service_box_top_bg.jpg) no-repeat left top; }
#sidebar .service_box a.more { background: #e0ddd6 url(grafik/service_box_bottom_bg.jpg) no-repeat left bottom; }
.service a { font-size: 1.1em; }


/* Layoutblöcke */
.personal dt, .personal dd { font-size: 1.1em; }
.personal dt { font-weight: bold; }

#job_details dt, #job_details dd { font-size: 1.1em; line-height: 145%; }

#news { font-size: 1.1em; line-height: 145%; }

/*.home_links { background: #dc7a1a url(grafik/home_links_bg.jpg) no-repeat left top; }*/
.home_links li { background: #e4e2da url(grafik/home_link_bg.gif) no-repeat left bottom; }
.home_links a { color: #534c3a; }
.home_links a:hover { text-decoration: none; }
.home_links span { line-height: 180%; }

#home_haeusersuche { background: #fff url(grafik/home_haeusersuche_bg.jpg) no-repeat left top; }
#home_news { background: #fff url(grafik/home_news_bg.jpg) no-repeat left bottom; }
#home_news .more { background: #fff url(grafik/home_news_more_bg.gif) no-repeat right bottom; line-height: 16px; }

#home .kolpinghotels_weltweit .link { background: #f76311 url(grafik/kolpinghotels_weltweit_link_bg.jpg) no-repeat left bottom; line-height: 22px; font-size: 1.2em; color: #fff; text-align: center; }

     






/****************************************************************************************
 * Dokumententruktur
 ****************************************************************************************/


/* Allgemeines */
#site, #head, #footer { margin: 0 auto; width: 1000px; padding: 0 9px; }
#site { padding-bottom: 20px; }
#head { height: 120px; position: relative; }
#meta, #menu, #submenu { padding: 0; margin: 0; }
#logo { position: absolute; top: 22px; left: 19px; }
#footer { height: 48px; margin-bottom: 20px; }
#content { float: left; width: 568px; margin: 0 30px; }
.wide #content { width: 748px; }
#home #content { width: 608px; margin: 0 10px; }
#sidebar { float: right; width: 180px; }
.wide #sidebar { display: none; }


/* Meta- und Hauptmenu */
#meta { position: absolute; right: 16px; top: 11px; }
#meta li { display: inline; margin: 0; padding: 0; }
#meta a { margin: 0; padding: 0 1.3em; }

#menu { position: absolute; right: 31px; bottom: 6px; }
#menu li { float: left; width: 13.9em; height: 6.1em; margin: 0; padding: 0 1px 0 0; }
#menu a { float: left; width: 12.73em; height: 5.545em; }


/* Untermenu */
#submenu { float: left; width: 19.2em; padding-bottom: 20px; }
#submenu li { float: left; padding: 0 1.2em 0 1em; width: 17em; }
#submenu a { float: left; padding: .545em .545em .454em; width: 14.636em; }
#submenu .sub { padding: 0 0 0 2em; width: 17.2em; }
#submenu .sub a { padding: .3em .545em; }


/* allgemeine Inhalte */
h1 { margin-top: 0; }
h2 { margin: 2em 0 .25em; }
#home_haeusersuche h2 { margin-top: 0; margin-bottom: .5em; }
#home_news h2 { margin-top: 0; margin-left: .923em; }
p { clear: both; margin-top: 0; }
.image_left img { float: left; margin: 0 1em 1em 0; }
.image_right img { float: right; margin: 0 0 1em 1em; }
.image_left, .image_right { margin: 2em 0; width: 100%; }
.border { border: 1px solid #E4E2DA; }
p.nachoben { margin-bottom: 4em; }

                                 
/* Formulare */
.formrow { float: left; width: 100%; margin: .5em 0; }
fieldset { border: 1px solid #e9e9e9; margin: 2em 0; padding: .5em 1em; }
label { float: left; width: 35%; }
input, textarea, select { float: right; width: 60%; }
#suche input, #suche textarea, #suche select { float: none; width: auto; }
input[type=text], input[type=password], textarea, input.textfield { border: 1px solid #ccc; }
button { border: none; }
.req { color: #f00; }
input.checkbox { float: none; width: auto; }
label.checkbox { float: none; width: auto; padding: 0 0 0 5px; }
#newssuche select { float: none; width: auto; }
#newssuche label { display: inline; float: none; }


/* Tabellen */
.data_table { margin: 2em 0; width: 100%; }
.data_table td, .data_table tbody th { padding: .4em; vertical-align: top; }
.data_table th { padding: .6em .4em; vertical-align: top; }
.data_table thead td, .data_table thead th { border-left: 1px solid #ccc; }
.data_table tbody td, .data_table tbody th { border-left: 1px solid #d9d9d9; }
.data_table td:first-child, .data_table th:first-child { border-left: none; }
.data_table tbody td, .data_table tbody th { border-top: 1px solid #ccc; }

.page_navi { margin: 3em auto 0; }
.page_navi td { padding: 2px 5px; }


/* Service Boxen */
.service_box { margin-bottom: 2em; width: 216px; }
#content .service_box { float: left; margin-bottom: 2em; margin-right: 1em; width: 216px; height: 176px; padding: 1px; border: 1px solid #bbb; position: relative; }
#sidebar .service_box { width: 180px; }
.service_box h2 { padding: .692em 0.786em .429em; margin: 0; }
.service_box p { padding: 0 1.077em; margin: 0; }
.service_box a.more, .service_box span.more { display: block; padding: 0 2em; margin: 0; }
#content .service_box a.more, #content .service_box span.more { bottom: 0; right: 0; position: absolute; }

.service { padding-bottom: 1em; }
.service a { display: block; padding: .3em 1.273em; margin: 0; }
.service a img { margin-right: .5em; }
.haeusersuche img { margin-right: .5em; }
.plaetze_frei h2 { background-image: none !important; }


/* Layoutblöcke */
table.border td { padding: 10px; }

.personal { float: left; width: 100%; margin-bottom: 5em; }
.personal img { float: left; margin: 0 1em 1em 0; }
.personal dl { margin: 0 0 0 110px; }
.personal dt { float: left; width: 100px; margin-bottom: .2em; }
.personal dd { float: left; width: 300px; margin-bottom: .2em; }

#links dt { clear: both; float: left; width: 20%; margin-bottom: 3em; }
#links dd { float: left; width: 75%; margin: 0 0 0 2%; }

#job_details dd { margin-bottom: 2em; }

#termine dt { clear: both; float: left; width: 25%; margin-bottom: 3em; }
#termine dd { float: left; width: 70%; margin: 0 0 3em 4%; }

#baukasten_links dt { clear: both; float: left; width: 45%; margin-bottom: 3em; }
#baukasten_links dd { float: left; width: 50%; margin: 0 0 3em 4%; }

#news dt { clear: both; }
#news dd { margin: 0 0 2em 0; padding-top: .4em; }
#news dd img { float: left; margin: 0 1em 2em 0; }

.sitemap li { text-transform: uppercase; }
.sitemap li li { text-transform: none; }

/* Links auf der Startseite */                                                            
.home_links { float: right; width: 384px; height: 102px; padding: 10px 12px 10px 0; margin: 5px; }
.home_links li { float: left; width: 115px; height: 102px; margin-left: 13px; list-style: none; }
.home_links li a { float: left; width: 115px; height: 102px; }
.home_links span { padding-left: 8px; }

/* Häusersuche auf der Startseite */
#home_haeusersuche { float: right; width: 395px; height: 145px; padding-top: 10px; padding-right: 10px; position: relative; }
#home_haeusersuche p { clear: none; }
#home_haeusersuche img { margin: 0 20px 0 20px; }
#home_haeusersuche .more { position: absolute; bottom: 13px; right: 35px; }
#home_haeusersuche .more img { margin: 0; }

/* Newsblöcke auf der Startseite */
#home_news, #home_news ul { float: left; width: 197px; margin: 0; }
#home_news { padding: 10px 0 4px; }
#home_news li { border-top: 1px solid #cecece; list-style: none; width: 172px; padding: 10px; position: relative; margin: auto; }
#home_news li:first-child { border: none; }
#home_news img { display: block; margin: 5px 0; }
#home_news .more { position: absolute; bottom: 0; right: 1px; height: 16px; padding-right: 20px; }

#home .kolpinghotels_weltweit .link { display: block; width: 182px; height: 27px; }

/* Newssuche Ergebnisse */
#newssuche_ergebnisse { margin-left: 0; }
#newssuche_ergebnisse li { list-style: none; }

/* Detailseite der Häusersuche */
.haeusersuche_details .photo { float: left; margin-right: 2em; min-width: 35%; }
.haeusersuche_details .data { float: left; width: 55%; }
.haeusersuche_details h2 { color: #F47C34; font-size: 1.2em; margin-bottom: 0; }
.haeusersuche_details dl { margin-top: .4em; }

.haeusersuche_details dt, .haeusersuche_details dd { float: left; margin: 0 0 .25em 0; }
.haeusersuche_details dt { clear: left; width: 40%; }
.haeusersuche_details dd { width: 60%; }

/* Mailingliste */
#mailinglist label, #mailinglist input, #mailinglist button { display: inline; float: none; vertical-align: bottom; }