/* ------------------------------------------------------------------------ */
/* daara.de
/* ---
/* base.css
/* v0.99 - 080521
-----------------------------------------------------------------------------*/

/* GLOBAL RESET
/* ---
/* Sicheres Zurücksetzen der Formatierung aller Elemente
-----------------------------------------------------------------------------*/

@import url("./reset.css");

/* BASE
-----------------------------------------------------------------------------*/

html, body { height: 100%; }
body { font: 76%/140% Arial, Verdana, sans-serif; color: #000; background: url(../images/main_bg.gif) repeat-x #e9f2f9; }
p { line-height: 1.4em; margin-bottom: 1.0em; }
table { width: 100%; }
th, td { vertical-align: top;  text-align: left; }
strong { font-weight: bold; }
hr { clear: both; visibility: hidden; overflow: hidden; line-height: 0; font-size: 0; height: 0; border: 0; }
em { font-style: italic; }


/* LINKS
/* ---
/* Allg. Styling der Links
-----------------------------------------------------------------------------*/

a, a:link, a:visited , a:active, a:hover { cursor: pointer; }
a, a:link, a:visited { color: #006ab4; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }


/* HEADLINES
/* ---
/* Allg. Styling der Überschriften
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { color: #000; }
h1, h2, h3 { font-weight: bold; }
h1, h2 { font-size: 1.4em; }

h1, h2 { margin: 1.5em 0 0.3em; }
h3, h4, h5 { margin: 1.5em 0 0.25em; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child,
h1.first-child, h2.first-child, h3.first-child, h4.first-child, h5.first-child { margin-top: 0; }


/* KLASSE: HIDDEN
/* ---
/* Elemente cross-browser-fähig ausblenden
-----------------------------------------------------------------------------*/
.no_border { border: 0; }
.no_top_border { border-top: 0; }

.hidden { position: absolute; top: -999em; left: -999em; z-index: 0; text-indent: -999em; }
.to_front { z-index: 1000; }
.nowrap { white-space: nowrap; }

.float_left { float: left; }
.float_right { float: right; }
.align_left { text-align: left; }
.align_center { text-align: center; }
.align_right { text-align: right; }

.clear { clear: both; line-height: 0; font-size: 0; height: 0; border: 0; }
.zero { overflow: hidden; margin: 0; padding: 0; line-height: 0; font-size: 0; height: 0; border: 0; }

.auto_clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.auto_clear { display: inline-table; }
/* Hides from IE-mac \*/
* html .auto_clear { height: 1%; }
.auto_clear { display: block; }
/* End hide from IE-mac */


/* EL: WRAPPER
/* ---
/* Das allumschließende Element
-----------------------------------------------------------------------------*/

#wrapper { position: relative; width: 960px; min-height: 100%; /* margin: 0 auto; */ /* Moderne Browser */ height: auto !important; /* Moderne Browser */ height: 100%; /* IE */ }
#page_cont { position: relative; padding: 20px 0 0 20px; width: 940px; }
#page { position: relative; background: url(../images/content_bg.gif) 1px top repeat-y #fff; border-bottom: 2px solid #fff; }


/* EL: HEAD
/* ---
/* -
-----------------------------------------------------------------------------*/

#header { position: relative; width: 100%; height: 115px; background: url(../images/header_bg.gif) center top repeat-x #fff; overflow: hidden; white-space: nowrap; }

#header_img h1 { position: absolute; top: 30px; left: 15px; margin: 0; background: url(../images/main_logo.gif) no-repeat left top transparent; display: block; float: left; width: 395px; height: 70px; padding: 0; text-indent: -99999px; }
#header_img h1 a { display: block; width: 395px; height: 70px; }
#header_img h1 a, #header_img h1 a:hover, #header_img h1 a:visited { border-bottom: none; }

.header_border { position: absolute; top: 84px; background: url(../images/header_border.gif) no-repeat left top transparent; width: 1px; height: 30px; }
.header_border.left { left: 0; }
.header_border.right { right: 0; }

#header_nav { position: absolute; top: 55px; left: 355px; color: #000; font-size: 12px; }
#header_nav ul { margin: 4px 0 0; cursor: pointer; }
#header_nav li { display: inline; background: url(../images/arr_yellow_right.gif) left center no-repeat transparent; padding-left: 10px; }
#header_nav li a { padding: 0 5px 0 0; color: #000; }
#header_nav li a:hover { color: #5a5a5a; border: 0; }
#header_nav li a:visited { border: 0; }


/* EL: CONTENT
/* ---
/* -
-----------------------------------------------------------------------------*/

#content { float: left; width: 535px; }
#content div.col_50, #content div.col_100 { margin-bottom: 1.5em; }
#content div.col_50 { width: 248px; }
#content div.col_50.left { float: left; }
#content div.col_50.right { float: right; }


/* CONTENT-, SIDEBARBEREICHE
/* ---
/* -
-----------------------------------------------------------------------------*/
#sidebar_left div.content, #sidebar_right div.content, #content div.content { padding: 23px 12px; }
#content div.content { padding: 23px 12px 23px 16px; }
#sidebar_left h2, #sidebar_right h2, #content h2 { font-weight: normal; border-bottom: 1px solid #cce2f0; padding-bottom: 5px; }
#sidebar_left ul.list li, #sidebar_right ul.list li, #content ul.list li { display: inline; background: left 5px no-repeat transparent; padding: 0 0 3px 12px; margin: 0; }
#sidebar_left ul.list li, #sidebar_right ul.list li { background-image: url(../images/arr_blue_right.gif); display: block; margin: 3px 0; border-bottom: 1px solid #cce2f0; }
#sidebar_left ul.list a, #sidebar_right ul.list a { display: block; color: #000; }
#sidebar_left ul.list, #sidebar_right ul.list, #content ul.list  { margin-bottom: 2em; }

#content ol { list-style-type: decimal; margin-left: 25px; margin-bottom: 2em; }
#content ol li { margin-bottom: .25em; }

#content ul li, #content ul.list li { margin-right: 10px; margin-bottom: 0.25em; }
#content ul.block li { display: block; }
#content ul.news li, #content ul.events li, #content ul.lecturers li,
#content ul.literature li, #content ul.links li , #content ul.themes li ,
#content ul.partner li { display: block; line-height: 1.4em; }

#content ul.partner li { margin-bottom: .5em; }
#content ul.list a { font-weight: bold; }
#content ul.list span.headline { /* display: block;  */ }
#content ul.list span.decription { /* color: #000;  */ }
#content ul.list span.meta { font-size: 0.9em; }
#content ul.list span.date { font-weight: bold; }

#sidebar_left ul.list.special { border-top: 1px solid #cce2f0; }
#sidebar_left h2 + ul.list.special, #sidebar_left ul.no_top_border { border-top: 0; }
#sidebar_left ul.list.special li, #content ul.list li { background-image: url(../images/arr_yellow_right.gif); }
#sidebar_left h2 { color: #006ab4; }

#sidebar_right li.banner li { width: 100%; margin: 0 0 20px; text-align: center; }

#content font.headline.blue { color: #006ab4; }

#content .category_text ul { list-style-type: disc; margin: 1em 0 1em 25px; }
#content .category_text ul.list { margin-left: 0px; }
#content .category_text ul li { margin-bottom: .25em; }
#content .category_text ul.partner li { margin-bottom: .5em; }

#content div.image { float: right; margin: 0 0 1em 1em; }
#content .subline { font-size: .9em; margin-bottom: 0; }

#district_map { position: relative; margin: 0 auto; width: 507px; height: 468px; background: url(../images/districts/map_districts.gif) top center no-repeat transparent; }
#district_map.small { width: 254px; height: 231px; background-image: url(../images/districts/map_districts_small.gif); }
#district_map a { position: absolute; height: 20px; text-indent: -999em; background: no-repeat 5px 5px transparent; }

a#district_dithmarschen { top: 218px; left: 82px; width: 74px; }
a#district_flensburg { top: 24px; left: 172px; width: 58px; }
a#district_herzogtum-lauenburg { top: 412px; left: 338px; width: 109px; }
a#district_kiel { top: 182px; left: 295px; width: 32px; }
a#district_luebeck { top: 317px; left: 391px; width: 43px; }
a#district_neumuenster { top: 240px; left: 229px; width: 65px; }
a#district_nordfriesland { top: 86px; left: 56px; width: 77px; }
a#district_ostholstein { top: 225px; left: 388px; width: 69px; }
a#district_pinneberg { top: 357px; left: 206px; width: 57px; }
a#district_ploen { top: 204px; left: 326px; width: 33px; }
a#district_rendsburg-eckernfoerde { top: 182px; left: 160px; width: 117px; }
a#district_schleswig-flensburg { top: 68px; left: 155px; width: 107px; }
a#district_segeberg { top: 291px; left: 272px; width: 53px; }
a#district_steinburg { top: 286px; left: 155px; width: 58px; }
a#district_stormarn { top: 356px; left: 300px; width: 55px; }

.small a#district_dithmarschen { top: 109px; left: 40px; width: 74px; }
.small a#district_flensburg { top: 12px; left: 85px; width: 58px; }
.small a#district_herzogtum-lauenburg { top: 200px; left: 148px; width: 109px; }
.small a#district_kiel { top: 80px; left: 141px; width: 32px; }
.small a#district_luebeck { top: 156px; left: 194px; width: 43px; }
.small a#district_neumuenster { top: 120px; left: 113px; width: 65px; }
.small a#district_nordfriesland { top: 43px; left: 27px; width: 77px; }
.small a#district_ostholstein { top: 113px; left: 188px; width: 69px; }
.small a#district_pinneberg { top: 178px; left: 102px; width: 57px; }
.small a#district_ploen { top: 102px; left: 162px; width: 33px; }
.small a#district_rendsburg-eckernfoerde { top: 91px; left: 79px; width: 117px; }
.small a#district_schleswig-flensburg { top: 32px; left: 76px; width: 107px; }
.small a#district_segeberg { top: 145px; left: 135px; width: 53px; }
.small a#district_steinburg { top: 143px; left: 76px; width: 58px; }
.small a#district_stormarn { top: 180px; left: 151px; width: 55px; }

a#district_dithmarschen:hover, a#district_dithmarschen.hover { background-image: url(../images/districts/district_dithmarschen.gif); }
a#district_flensburg:hover, a#district_flensburg.hover { background-image: url(../images/districts/district_flensburg.gif); }
a#district_herzogtum-lauenburg:hover, a#district_herzogtum-lauenburg.hover { background-image: url(../images/districts/district_herzogtum-lauenburg.gif); }
a#district_kiel:hover, a#district_kiel.hover { background-image: url(../images/districts/district_kiel.gif); }
a#district_luebeck:hover, a#district_luebeck.hover { background-image: url(../images/districts/district_luebeck.gif); }
a#district_neumuenster:hover, a#district_neumuenster.hover { background-image: url(../images/districts/district_neumuenster.gif); }
a#district_nordfriesland:hover, a#district_nordfriesland.hover { background-image: url(../images/districts/district_nordfriesland.gif); }
a#district_ostholstein:hover, a#district_ost-holstein.hover { background-image: url(../images/districts/district_ostholstein.gif); }
a#district_pinneberg:hover, a#district_pinneberg.hover { background-image: url(../images/districts/district_pinneberg.gif); }
a#district_ploen:hover, a#district_ploen.hover { background-image: url(../images/districts/district_ploen.gif); }
a#district_rendsburg-eckernfoerde:hover, a#district_rendsburg-eckernfoerde.hover { background-image: url(../images/districts/district_rendsburg-eckernfoerde.gif); }
a#district_schleswig-flensburg:hover, a#district_schleswig-flensburg.hover { background-image: url(../images/districts/district_schleswig-flensburg.gif); }
a#district_segeberg:hover, a#district_segeberg.hover { background-image: url(../images/districts/district_segeberg.gif); }
a#district_steinburg:hover, a#district_steinburg.hover { background-image: url(../images/districts/district_steinburg.gif); }
a#district_stormarn:hover, a#district_stormarn.hover { background-image: url(../images/districts/district_stormarn.gif); }

/* Sitemap */
#sitemap { margin-bottom: 1em; padding: 0; }
#sitemap a { color: #000; text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }
#sitemap li, #content .sitemap ul { padding: 0px 0px 0px 24px; margin: 0px; list-style-type: none; }
#sitemap ul { margin: 0px 0px 0px -24px; background: url(../images/tpl_sitemap_exim.gif) repeat-y; }
#sitemap ul.last { background: none; }
#sitemap li { background: url(../images/tpl_sitemap_extm.gif) no-repeat; padding-top: 3px; margin-bottom: 0; }
#sitemap li.last { background: url(../images/tpl_sitemap_exlm.gif) no-repeat; }

div.msg { padding: 5px 10px; margin-bottom: 1em; border: 1px solid; }
div.msg ul { margin: 0; padding: 0; }
div.msg li { list-style-type: none; }
div.msg.success { border-color: #9cc; background-color: #add; }
div.msg.failure { border-color: #c99; background-color: #daa; }


/* EL: SIDEBAR_LEFT
/* ---
/* -
-----------------------------------------------------------------------------*/

#sidebar_left { float: left; width: 220px; }
#sidebar_left li { margin: 0 0 2em; }
#sidebar_left li li { margin: 0; }

/* EL: SIDEBAR_RIGHT
/* ---
/* -
-----------------------------------------------------------------------------*/

#sidebar_right { float: right; width: 180px; }
#sidebar_right li { margin: 0 0 2em; }
#sidebar_right li li { margin: 0; }
#sidebar_right a { color: #000; }


/* EL: FOOTER
/* ---
/* -
-----------------------------------------------------------------------------*/

#footer { clear: both; height: 20px; padding: 10px 0 20px; color: #999; font-size: 10px; text-align: center; overflow: hidden; }
#footer ul { display: block; }
#footer li { display: inline; }
#footer li a { color: #999; padding: 0 5px; }
#footer li a:hover { border: none; /* background: #c0c0c0; */ }


/* FORM
/* ---
/* -
-----------------------------------------------------------------------------*/
input.text, input.password, textarea, select { font-family: Arial, Verdana, sans-serif; border-color: #f0f0f0; border-style: solid; border-width: 2px 1px 1px 2px; margin-bottom: 2px; font-size: 1em; }
input.text.hover, input.password.hover, textarea.hover,
input.text:hover, input.password:hover, textarea:hover, select:hover, input.text:focus, textarea:focus, select:focus { border-color: #d9d9d9; }

input.text, input.password, textarea, select { width: 100%; margin: 0 0 5px; }
input.text[disabled] { background-color: #fafafa; }
input.text[disabled]:hover { border-color: #f0f0f0; }
textarea, input { padding: 0 0 0 4px; }

label { display: block; color: #747474; font-size: 1em; }
label.overlay-label.apply { position: absolute; top: 1px; left: 6px; margin: 0; display: block; color: #555; font-size: 13px; line-height: 18px; cursor: text; z-index: 1; }

fieldset { border: 1px solid #f0f0f0; border-width: 1px 0 0; margin-bottom: -1px; }
legend { padding: 1em .5em .5em 0; font-weight: bold; }

form div.group { overflow: }
form div.group label { float: none; display: inline; padding: 0 20px 0 5px; white-space: nowrap; }
form div.group.date label { float: left; padding: 0 10px; width: auto; }
form div.group label, form input.checkbox { line-height: 1.2em; color: #000; }
form p, form br { clear: left; margin-bottom: .1em; }
form p, form div { position: relative; margin: 0; }
form p, form div.group { margin: .5em 0; }
form label { margin: .25em 0; width: 120px; }
form label.wide { width: 100%; text-align: left; }
form label em { margin: 1em .25em .25em 0; color: #888; font-weight: bold; font-style: normal; }

.form input.text, .form textarea, .form select { width: 500px; }
.form input.zip { width: 50px; margin-right: .5em; }
.form input.city { width: 436px; }
label.checkbox, label.radio { vertical-align: top; }

#content form { width: 507px; }
#content form div.col_50, #content form div.col_100 { margin-bottom: 0; }
#content form div.col_50 { width: 240px; }
#content form ul.list{ margin: 0.5em 0 0; }
#content .form_finder { width: 500px; }
#content .form_finder input.text, #content .form_finder input.password { width: 100%; }
#content .form_finder .col_50 input.text, #content .form_finder .col_50 input.password { width: 233px; }
#content .form_finder label.overlay-label.apply { color: #000; }

#sidebar_right input.text, #sidebar_right input.password { width: 150px; }


/* BUTTONS
/* -
-----------------------------------------------------------------------------*/
button { background: none; cursor: pointer; border: 0; margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; vertical-align: middle; }
button div { margin: 0 2px 0 -3px; padding: 0 0 0 10px; background-repeat: no-repeat; background-position: left center; }
button div p, button div table { color: #fff; font-size: 12px; line-height: 1em; margin: 0; white-space: nowrap; padding: 9px 17px 10px 7px; background-repeat: no-repeat; background-position: right center; }

button div.btn { background-image: url(../images/btn_main_bg_left.gif); }
button div p.btn { background-image: url(../images/btn_main_bg_right.gif); }
button:hover div.btn, button:focus div.btn { background-image: url(../images/btn_main_bg_left_hv.gif); }
button:hover div p.btn, button:focus div p.btn { background-image: url(../images/btn_main_bg_right_hv.gif); }

button.small div.btn p, button.small div.btn table { font-size: 10px; }
button.small div.btn { padding: 0 0 0 4px; background-image: url(../images/btn_small_bg_left.gif); }
button.small div p.btn { padding: 9px 10px 10px 6px; background-image: url(../images/btn_small_bg_right.gif); }
button.small:hover div.btn { background-image: url(../images/btn_small_bg_left_hv.gif); }
button.small:hover div p.btn { background-image: url(../images/btn_small_bg_right_hv.gif); }

button.search { float: right; }

button.calendar { position: relative; top: -4px; }


/* ------------------------------------------------------------------- */
/* Modul - Downloadlist
/* ------------------------------------------------------------------- */

#content ul.download {
	clear: both;
	display: block;
	list-style-type: none;
	margin: 0 0 1em;
}
#content ul.download a.file {
	background: no-repeat 4px 0.3em transparent;
	background-image: url(../images/icons/page_white.png);
	display: block;
	line-height: 2em;
	padding-left: 25px;
}

#content ul.download a.type_pdf, #content ul.download  a[href*='.pdf'] {
	background-image: url(../images/icons/page_white_acrobat.png);
}
#content ul.download a.type_doc {
	background-image: url(../images/icons/page_white_word.png);
}
#content ul.download a.type_jpg, #content ul.download a.type_jpeg, #content ul.download a.type_gif, #content ul.download a.type_bmp, #content ul.download a.type_eps {
	background-image: url(../images/icons/picture.png);
}
#content ul.download a.type_zip, #content ul.download a.type_rar, #content ul.download a.type_tar, #content ul.download a.type_gzip {
	background-image: url(../images/icons/page_white_zip.png);
}