/* ***************************************************** 

	Neue Gesellschaft Frankfurter Hefte  Website, (c) 2008 - h3 PartG
	>> CSS Stylesheet
	
	Filename:	style.css
	Descr.:		default stylesheet
	Remarks:	Tab width 4

	Version/Date:	1.0	10.04.2008, woldemar henning


***************************************************** */


/* ######## OVERALL Style DEFINITIONS ######## */

html, body {padding:0px; text-align:left; vertical-align:top; font-size:13px; font-family:Arial, Helvetica, sans-serif;}

form {margin:0px; padding:0px;}

input {font-family:Arial, Helvetica, sans-serif;}

h1 { margin:11px 0px 10px 0px; padding:0px; font:bold 18px Arial, Helvetica, sans-serif;}
h2 { margin:0px 0px 10px 14px; padding:0px; font:bold 16px Arial, Helvetica, sans-serif;}
h3 { margin:0px 0px 9px 14px; padding:0px; font:bold italic 13px Arial, Helvetica, sans-serif;}
h4 { margin:0px 0px 9px 0px; padding:0px; color:#222D33; font:bold 13px Arial, Helvetica, sans-serif;}
h5 {margin:0px; padding:0px; font:bold 13px Arial, Helvetica, sans-serif;}

p {line-height:1.2em; margin:0px; padding:0px;}
.be_label {font-size:11px; font-weight:bold; line-height:11px;}


/**** default lists */
ul	{margin:0em 1.2em 0em 2em; padding:0px; line-height:1.5em;}
ol	{margin:0em 1.2em 0em 2em; padding:0px; line-height:1.5em;}
li	{margin:0px 0px 5px 0px;}


/***  generic (overall) Style-Definitions  ***/

a:link {text-decoration:none; color:#A02330; font-weight:bold;}
a:visited {text-decoration:none; color:#A02330; font-weight:bold;}
a:hover {text-decoration:none; color:#000000; font-weight:bold;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:11px;}

.marg15 {margin:15px;}
.marg15_t {margin-top:15px;}
.marg15_r {margin-right:15px;}
.marg15_b {margin-bottom:15px;}
.marg15_l {margin-left:15px;}

.marg10 {margin:15px;}
.marg10_t {margin-top:10px;}
.marg10_r {margin-right:10px;}
.marg10_b {margin-bottom:10px;}
.marg10_l {margin-left:10px;}

.padd30_l {padding-left:30px;}

.clear {clear:both;}
.floleft {float:left;}
.floright {float:right;}

.bordgrey {border:solid 1px #AEB1A7;}

.left_img {float:left; margin:3px 10px 3px 0px;}
.right_img {float:right; margin:3px 0px 3px 10px;}

.nobr {white-space:nowrap;}

.bg_lightgray {background:#F0F0EC;}

.rightalign {text-align:right;}
.vert_middle {vertical-align:middle;}


/* Facebook Buttons iframe */
/*.fb_ltr { height:120px !important; }*/



/* ########### LAYOUT ELEMENTS ########### */

/*** head ***/
.headleft_td {width:220px; height:106px; background:url(../images/line_top_left.gif) no-repeat left bottom; padding:0px; text-align:left; vertical-align:top;}
.headcenter_td {border-bottom:solid 1px #AEB1A7; text-align:left; vertical-align:top;}
.headright_td {width:220px; height:106px; background:url(../images/line_top_right.gif) no-repeat right bottom; vertical-align:top;}

.topcolor_left {width:220px; height:15px; background:#A02330; margin:0px;}
.topcolor_center {height:15px; background:#D7D9D3; margin:0px;}
.topcolor_right {width:220px; height:15px; background:#AEB1A7; margin:0px;}

.titelillu {border-left:solid 1px #AEB1A7; border-right:solid 1px #AEB1A7; margin:15px 0px;}
.titelillu div {margin:0px 15px; background:url(../images/illu/kopfillu.jpg) no-repeat left top;}

.search_txt {border-top:solid 1px #AEB1A7; border-right:solid 1px #AEB1A7; border-left:solid 1px #AEB1A7; background:#f0f0ec; height:27px; margin:15px 15px 1px 15px;}
.search_txt p {font-weight:bold; padding:0px 15px 0px 15px; line-height:26px; vertical-align:middle; text-align:left; margin-top:1px;}
.search_box {border-top:solid 1px #AEB1A7; border-right:solid 1px #AEB1A7; border-left:solid 1px #AEB1A7; padding:0; background:#f0f0ec; height:30px; margin:0px 15px 0px 15px; text-align:left; vertical-align:top;}
.searchleft_td {text-align:left; vertical-align:middle; height:30px; padding-left:5px; padding-right:7px;}
searchright_td {text-align:left; vertical-align:middle; height:30px;}

.search_input {border:none; background:#FFFFFF; width:145px; height:17px; margin:0px; font-size:13px;}
.search_send {border:none; width:22px; height:23px; margin-right:7px;}

.printhead_logo {width:220px; height:60px; margin:15px 0px; float:left;}
.printhead_img {border-left:solid 1px #AEB1A7; background:url(../images/illu/kopfillu.jpg) no-repeat left top; width:346px; margin:15px 0px; float:left;}

/*** content ***/
#content {margin:0px 14px; padding-bottom:22px;}
#content p {font-size:13px;}
#content td {vertical-align:top;}

.headbox {height:20px; background:#BFC1B8; margin:0px 0px 15px 0px; padding:0px;}
.headbox div {float:left; padding:0px;}
.headbox h4 {background:#A02330; white-space:nowrap; text-align:left; vertical-align:middle;  margin:0px; line-height:20px; color:#FFFFFF; padding-left:6px; padding-right:10px;}
.headbox h5 {text-align:left; vertical-align:middle;  line-height:20px; margin:0px; padding-left:10px; padding-right:10px;}
.headbox td {padding:0px; line-height:20px;}
.headbox td.heft {vertical-align:middle; text-align:right; font-size:10px; padding-right:4px;}

.art_hl_img {background:#F0F0EC; padding:0px; margin:0px 0px 15px 0px; width:100%;}
.hl_td {text-align:left; vertical-align:middle; padding:5px 14px;}
.autor, .autor a, .autor a:link, .autor a:visited, .autor a:hover {color:#000000; font:italic 13px 'Times New Roman',Times,serif; font-weight:normal; margin:0px;}

.aut_sel {margin:0px; height:20px; background:#BFC1B8;}
.aut_sel td {padding:0px; width:3%;}
.aut_mail_td {text-align:left; vertical-align:bottom; padding-bottom:12px;}

.bordblue {border:1px solid #aeb1a7; padding:8px 5px;}
.headright_td .bordblue {width:188px; height:60px; margin:15px 0 0 15px; padding:0;}
.epaper_btns {height:22px;}
.epaper_btns .btn_left, .epaper_btns .btn_right, .accordeonhead {border:1px solid #84867f; color:#fff;}
.epaper_btns .btn_left, .epaper_btns .btn_right {display:block; padding:2px 20px 2px 10px; background:#a02330;}
.epaper_btns .btn_left {margin-right:10px;}
#accordeon {margin-top:10px;}
.accordeonhead {margin:5px 0; text-indent: 25px; padding:2px 5px; background:#a02330 url(../upload/links/accordeon_pfeil.png) no-repeat 5px 1px}
.accordeonhead:hover, .accordeonhead.active {background-position:5px -62px;}
.accordeonhead.active:hover {background-position:5px 1px;}
.accordeonhead:hover, .accordeonhead.active:hover {text-decoration:underline;}

.img_left {margin:0px; padding:0px;}
.img_left img {float:left; margin:3px 10px 3px 0px;}
.img_right {margin:0px; padding:0px;}
.img_right img {float:right; margin:3px 0px 3px 10px;}

/* werden im alten Inhaltsverzeichnis (mit floating divs) benutzt
.inverz_hint { margin:-10px 0px 10px 0px; padding:0px; font-size:10px;}
.inverz_h5 {margin:8px 0px -2px 0px; color:#A02330;}
.inverz_h5_div {padding-top:6px; padding-left:30px; clear:both;}
.inverz_autor, .inverz_autor a, .inverz_autor a:link, .inverz_autor a:visited, .inverz_autor a:hover, .inverz_autor_ie7, .inverz_autor_ie7 a, .inverz_autor_ie7 a:link, .inverz_autor_ie7 a:visited, .inverz_autor_ie7 a:hover {
	color:#000000; font:italic 13px 'Times New Roman',Times,serif; font-weight:normal; margin:0px;
}
.inverz_autor, .inverz_autor_ie7 {margin-top:0px; padding-top:6px; padding-left:30px;}
.inverz_autor_ie7 {padding-top:4px;}
.inverz_page {width:30px; float:left; font-weight:bold;}
.inverz_title {float:left; font-weight:bold; margin-right:25px;}
.inverz_title_long {float:left; font-weight:bold; width:420px; margin-right:3px;}
.inverz_pdf, .inverz_pdf_ie7 {float:left; margin:-5px 0px -5px 0px; overflow:visible;}
.inverz_pdf_ie7 {margin-bottom:-2px;}
*/
.inverz_hint { margin:-10px 0px 10px 0px; padding:0px; font-size:10px;}

td.inverz_h5 {padding-top:10px; padding-left:0px; color:#A02330; font-weight: bold;}
td.inverz_autor, td.inverz_autor a, td.inverz_autor a:link, td.inverz_autor a:visited, td.inverz_autor a:hover {color:#000000; font:italic 13px 'Times New Roman',Times,serif; font-weight:normal; margin:0px;}
td.inverz_autor {margin-top:0px; padding-top:6px; padding-left:0px;}
td.inverz_page {font-weight:bold; float: none;}
td.inverz_title {font-weight:bold; float: none; vertical-align: top;}
td.inverz_title_long {font-weight:bold;} 


.linklistItem {background-color:#f0f0ec; margin-bottom:15px; padding: 12px 7px 7px 7px;}
.linklistItem .floright img {border: 0px; margin: 0px 0px 0px 8px; padding-bottom: 8px;}
.linklistItem .link {margin-top: 4px;}

/*** right col ***/
.probabo_td {text-align:left; vertical-align:top;}
.probabo_div1 {background:#F0F0EC; margin:0px 15px 2px 15px;}
.probabo_div2 {background:#F0F0EC; margin:0px 15px;}

.termindiv {width:170px; margin:0px 10px; padding-bottom:10px;}

.arch_sel_cov {margin:0px;}
.arch_sel_cov img {margin:2px 0px 3px 0px; border:solid 1px #AEB1A7;}

.archlist_td {width:93px; font-weight:bold; padding:15px 0px 0px 0px;}
.archtab img {border:solid 1px #AEB1A7; margin-bottom:3px;}

.bordimg {border:solid 1px #AEB1A7; margin-bottom:3px;}

#searchlist {margin:10px 0px;}
#searchlist td.s_list_link {width:150px; vertical-align:bottom; text-align:right;}
#searchlist td.s_list_at {width:56px; padding:1px 0px 0px 0px; font-weight:bold; color:#A02330;}
#searchlist td.s_list_res {width:70%; padding:1px 12px 0px 8px;}



/*** footer ***/
.footer {border-top:solid 1px #AEB1A7; padding:10px 0px 15px 0px; text-align:center; vertical-align:middle; color:#86897F;}
.footleft_td {background:url(../images/line_top_left.gif) no-repeat left top;}
.footright_td {background:url(../images/line_top_right.gif) no-repeat right top;}


/* ########### NAVIGATION ########### */

.mainnavdiv {width:190px; font-size:13px; margin:0px 15px;}

.l1navdiv {margin-bottom:2px; border-top:solid 1px #AEB1A7; border-right:solid 1px #AEB1A7; border-left:solid 1px #AEB1A7; padding:0px; background:#f0f0ec;}
a.nav_l1 {display:block; padding:3px 12px 5px 12px; font-weight:bold; text-align:left; vertical-align:top; margin:0px;}
a.nav_l1:link, a.nav_l1:visited {color:#000000; text-decoration:none;}
a.nav_l1:hover{color:#A02330; background:#f0f0ec; text-decoration:none;}

.l1navseldiv {margin-bottom:2px; border-top:solid 1px #AEB1A7; border-right:solid 1px #AEB1A7; border-left:solid 1px #AEB1A7; padding:0px; background:#D7D9D3;}
a.navsel_l1 {display:block; padding:3px 12px 5px 4px; text-decoration:none; border-left:8px solid #A02330; font-weight:bold; text-align:left; vertical-align:top; margin:0px;}
a.navsel_l1:link, a.navsel_l1:visited {color:#000000; text-decoration:none;}
a.navsel_l1:hover{color:#A02330; background:#f0f0ec; text-decoration:none; }

a.nav_l2 {display:block; padding:5px 12px 6px 28px; text-align:left; vertical-align:top; margin:0px;}
a.nav_l2:link, a.nav_l2:visited {color:#000000; text-decoration:none;}
a.nav_l2:hover{color:#A02330; background:#f0f0ec; text-decoration:none;}

a.navsel_l2 {display:block; padding:5px 12px 6px 20px; text-decoration:none; border-left:8px solid #A02330; text-align:left; vertical-align:top; margin:0px;}
a.navsel_l2:link, a.navsel_l2:visited {color:#000000; text-decoration:none;}
a.navsel_l2:hover{color:#A02330; background:#f0f0ec; text-decoration:none;}

a.probabo {margin-top:15px; padding:4px 10px 5px 10px; display:block; width:140px;}
a.probabo:link, a.probabo:visited {background:#A02330; color:#FFFFFF;}
a.probabo:hover {background:#D7D9D3; color:#000000;}

a.hilfsnav {padding:1px 10px 0px 10px; font-weight:normal;}
a.hilfsnav:link, a.hilfsnav:visited {color:#86897F; font-weight:normal;}
a.hilfsnav:hover {color:#A02330; font-weight:normal;}

a.termin:link, a.termin:visited {color:#000000;}
a.termin:hover {color:#A02330;}

a.mail:link, a.mail:visited {color:#000000; font-weight:normal;}
a.mail:hover {color:#A02330;}

a.a_to_z {text-align:center; vertical-align:middle; display:block; margin:0px; line-height:20px;}
a.a_to_z:link, a.a_to_z:visited {color:#000000;}
a.a_to_z:hover {color:#FFFFFF; background:#A02330;}

a.a_to_z_sel {text-align:center; vertical-align:middle; display:block; margin:0px; line-height:20px;}
a.a_to_z_sel:link, a.a_to_z_sel:visited {color:#FFFFFF; background:#A02330;}
a.a_to_z_sel:hover {color:#000000;}

a.popwinclose {display:block; font-size:10px; line-height:11px; height:11px; padding:0px 16px 0px 0px; background:url(../images/closebutton.gif) no-repeat;}
a.popwinclose:link, a.popwinclose:visited {color:#000000; background-position:right 0px ;}
a.popwinclose:hover {color:#A02330; background-position:right -31px;}

a.greybut {margin-top:15px; width:112px; padding:1px 10px 2px 10px; display:block; border:1px solid #A02330;}
a.greybut:link, a.greybut:visited {background:#D7D9D3; color:#000000;}
a.greybut:hover {background:#A02330; color:#FFFFFF;}

a.forum_last_rec {padding:0px 18px 0px 0px; background:url(../images/letzt_antw.gif) no-repeat; /*font-size:11px; line-height:11px;*/ vertical-align:middle;}
a.forum_last_rec:link, a.forum_last_rec:visited {background-position:right -17px;}
a.forum_last_rec:hover {background-position:right 4px;}

a.forum_title {padding:1px 0px 1px 18px; background:url(../images/forenicon.gif) no-repeat; font-weight:bold;}
a.forum_title:link, a.forum_title:visited {background-position:left 2px;}
a.forum_title:hover {background-position:left -228px;}

/* ########### FORMS ########### */

.redalert {color:#A02330;}
.bordred {margin-bottom:1px; border:solid 1px #A02330; padding:0px; background:#f0f0ec;}

/****** order form ******/

#ordform {margin:0px;}

#ordform input {font-size:11px; padding:0px; line-height:11px; border:none;}
#ordform p {font-size:11px;}
#ordform td {text-align:left; vertical-align:top;}

#ordform input.small {width:14px; height:12px; margin:2px;}
#ordform div.small_div {/*width:19px; height:17px;*/ float:left;}

#ordform input.nr {width:47px; height:12px; margin:2px;}
#ordform div.nr_div {/*width:51px; height:17px;*/ float:left;}

#ordform div.start {float:left; padding:3px 0px 0px 0px; margin-right:5px;}
#ordform div.fdesc {float:left; padding:3px 0px 0px 0px; margin:0px 10px;}
#ordform div.selrow2 {padding:2px 0px; margin:0px;}

#ordform input.chbox {padding:0px; width:11px; height:12px; margin:2px; border:none;}
#ordform div.chbox_div {width:15px; height:14px; text-align:center; float:left;}

#ordform input.senden {background:#A02330; color:#FFFFFF; font-weight:bold; padding:2px 0px; width:141px; text-align:center; vertical-align:middle;}

/****** contact form ******/

#kontaktform {margin:0px;}
#kontaktform input {border:none;}

.cont_span {display:block; height:18px; line-height:18px; margin:0px; float:left;}
.schicken {background:#A02330; color:#FFFFFF; font-weight:bold; padding:2px 0px; width:90px; text-align:center; vertical-align:middle;}
.loeschn {background:#D7D9D3; color:#000000; font-weight:normal; padding:2px 0px; width:90px; text-align:center; vertical-align:middle;}

/****** newsletter form ******/

.newslett_ord {margin:0px; padding:0px;}
.newslett_ord input {border:none;}
.newslett_ord_td {text-align:left; padding:0px 10px 0px 6px; font-weight:bold;}

/****** forum login form ******/

#loginform, #regform, #pwdeditform {margin:0px; padding:0px;}
#loginform input, #regform input, #pwdeditform input {width:170px; height:14px; line-height:14px; margin:3px; border:none;}


/*################ FORUM ##################*/

.for_head {border:none; padding:0px 5px 3px 5px; background:#BFC1B8;}

.for_start_th1 {padding:0px 5px 3px 5px; border-right:1px solid #AEB1A7; border-bottom:1px solid #AEB1A7; white-space:nowrap;}
.for_start_th2 {padding:0px 5px 3px 5px; border-bottom:1px solid #AEB1A7; white-space:nowrap;}

.for_start_1td {padding:2px 5px 4px 5px; border-right:1px solid #AEB1A7; border-bottom:1px solid #AEB1A7;}
.for_start_2td {text-align:center; padding:2px 5px 4px 5px; border-right:1px solid #AEB1A7; border-bottom:1px solid #AEB1A7;}
.for_start_3td {padding:2px 5px 4px 5px; border-bottom:1px solid #AEB1A7;}

.smpl_input {width:98%; margin:3px 0px; border:1px solid #AEB1A7;}

.forum-button {border:1px solid #AEB1A7; background:#D7D9D3; color:#000000; padding:0px;}

.for_footer {padding:0px; height:5px; background:#BFC1B8;}


/*################ LINKLISTE ##################*/

div.linkliste {
margin-top: -15px;
overflow: hidden;
}


table.linkliste {
border-collapse: collapse;
width: 100%;
border: 10px solid #F0F0EC;
}

#content table.linkliste td {
border: 10px solid #F0F0EC;
width: 50%;
vertical-align: middle;
text-align: center;
border-collapse: collapse;
}

#content table.linkliste td img {
border: 0px;
margin: 8px;
}