@charset "UTF-8";
/*
Author:    Sebastian Dubbel
Website:   www.beckerspaeth.de
E-Mail:    dubbel@beckerspaeth.de
Encoding:  UTF-8
*/


/*-------------------------------------------------------------------

RESET DEFAULT STYLES

-------------------------------------------------------------------*/
@media screen, print {
	
/* Reset margin and padding of all HTMl elements */
/* CSS Reset, Eric Meyer. URL: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* suppress outline on clicked links. 
   see: http://people.opera.com/patrickl/experiments/keyboard/test#outline-suppressed-on-active */
a:hover, a:active {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

}


/*-------------------------------------------------------------------

SCREEN STYLES

-------------------------------------------------------------------*/
@media screen {


/*-------------------------------------------------------------------

GLOBAL BLOCK ELEMENTS

-------------------------------------------------------------------*/
html {
	height: 101%; /* force vertical scrollbar so that content doesn´t jump */
}

body {
	background: #fff url(../images/body_bg_col5.gif) top center;
	color: #000;
	text-align: center;
	padding-bottom: 15px;
}

#container {
	width: 900px;
	margin: 45px auto 25px auto;
	text-align: left;
	background: url(../images/logo_i_literaturhaus_darmstadt.gif) top left no-repeat;
}

#header {
	position: relative;
	background-color: #fff;
	margin: 0 0 30px 130px;
	min-height: 180px;
}

div#title {
	position: absolute;
	width: 200px;
	height: 125px;
	top: 27px;
	left: 545px;
	z-index: 10;
}

#content {
	margin-left: 100px;
	position: relative;
}

#footer {
	margin: 30px 25px 15px 115px;
	background-color: #e5007d;
	padding: 30px;
	color: #fff;
}

#programmdownload {
	width: 158px;
	height: 108px;
	overflow: hidden;
	position: absolute;
	top: -40px;
	left: -80px;
	background: url(../images/download_bg.png) no-repeat;
}

.grid_1_2 {
	float: left;
	width: 340px;
	margin-left: 15px;
}

.grid_1_2:first-child,
.grid_1_2.first-child{
	margin-left: 0;
}


/*-------------------------------------------------------------------

GLOBAL CLASSES AND DEFINITIONS

-------------------------------------------------------------------*/

.margin-top_0,
.kein_abstand,
.cont_item > h3:first-child,
.js .cont_item .bc > h3:first-child,
.cont_item > p.cancelled-message:first-child,
.js .cont_item .bc > p.cancelled-message:first-child,
p.cancelled-message + h3 {
	margin-top: 0 !important;
}

.clearfix:after,
dl dd:after {
	content: "."; 
    display: block; 
    height: 0;
	line-height: 0;
    clear: both; 
    visibility: hidden;
}

/* class to hide html elements from screen, but leave them readable for screenreaders */
.invisible,
h1 {
	position: absolute;
	left: -9000px;
	top: auto;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	background-image: none;
}  

.img_partner {
	float: left;
	width: 150px;
	margin: 5px 20px 20px 0;
}


/*-------------------------------------------------------------------

TYPOGRAPHY

-------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, #page_nav, .page_nav {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1;
	font-weight: normal;
}

h2 {
	color: #e5007d;
	font-size: 40px;
}

div#title h2 {
	position: absolute;
	left: 0;
	bottom: 0;
}

h2#logo_footer {
	display: block;
	width: 141px;
	height: 32px;
	margin: 0 0 15px 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/logo_literaturhaus_darmstadt_footer_col5.gif) no-repeat;
}

h3 {
	margin-top: 35px;
	font-size: 21px;
	line-height: 24px;
}

h4 {
	margin-top: 25px;
	font-size: 16px;
	line-height: 20px;
}


/* font-family and font-size */
p,
ol,
ul,
dl,
th,
td,
textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 12px;
}

/* margins and line-height */
p,
ol,
ul,
dl,
form {
	margin-top: 20px;
	line-height: 20px;
}

/* footer */
#footer p,
#footer ol,
#footer ul,
#footer dl,
#footer th,
#footer td,
#footer textarea {
	font-size: 11px;
	line-height: 15px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* margins */
ul,
ol {
	margin-top: 15px;
	padding: 0;
}

ul ul, ul ol, ul dl,
ol ol, ol ul, ol dl,
dl ul, dl ol {
	margin-top: 0;
	font-size: 100%;
}

ul li,
ol li {
	margin-top: 5px;
}

ul li {
	list-style-type: disc;
	margin-left: 30px;
}

ol li {
	list-style-type: decimal;
	margin-left: 40px;
}

/* partner list */
ul#partnerlist {
	/*margin: -30px 0 0 0 !important;*/
	margin: 40px 0 0 0 !important;
}

ul#partnerlist li {
	float: left;
	position: relative;
	list-style-type: none;
	width: 170px;
	margin: 18px 0 0 0;
}

ul#partnerlist li span {
	display: block;
	position: absolute;
	font-size: 10px;
	line-height: 12px;
	color: #ffd4eb;
}

ul#partnerlist li#partner_hse {
	margin-top: 30px;
}

ul#partnerlist li#partner_hse span {
	top: -20px;
}

ul#partnerlist li#partner_darmstadt {
	margin-top: 12px;
}

ul#partnerlist li#partner_darmstadt span {
	top: -38px;
}

dl dt {
	width: 100px;
	float: left;
	font-weight: bold;
	clear: left;
}

dl dd {
	margin-left: 110px;
}

dl dt,
dl dd {
	margin-bottom: 5px;
}


/*-------------------------------------------------------------------

TYPOGRAPHIC CLASSES

-------------------------------------------------------------------*/
.date,
.dates,
.location {
	color: #e5007d;
	display: block;
}

h2 .date {
	font-size: 21px;
	color: #000;
}

/* cancelled event */
p.cancelled-message {
	font-size: 20px;
	text-transform: uppercase;
	color: #b11717;
	padding: 0 0 10px 0;
}

.cancelled h3 {
	text-decoration: line-through;
}

.vita {
	font-style: italic;
}

.adr_float {
	float: left;
	width: 55px;
}

.adr_float.long {
	width: 80px;
}

#footer .adr_float {
	width: 65px;
}

.message {
	display: block;
	margin: 15px 0;
	padding: 5px 10px;
	border: 2px solid #f8bf05;
	background-color: #fdda69;
	color: #f8bf05;
}

.message.bad {
	border-color: #b11717;
	background-color: #ffdfe0;
	color: #b11717;	
}

.message.good {
	border-color: #137f00;
	background-color: #d6ffcf;
	color: #137f00;	
}

.img_credit {
	margin-top: -15px;
	font-size: 9px;
	text-align: right;
	color: #333;
}


/*-------------------------------------------------------------------

IMAGES

-------------------------------------------------------------------*/
img {
	line-height: 0;
}

.img {
	margin: 15px 25px 0 15px;
}

img#hse-footer {
	border: 1px solid #c5e6ff;
}


/*-------------------------------------------------------------------

LINKS

-------------------------------------------------------------------*/

a,
a:link,
a:visited {
	color: #e5007d;
	text-decoration: none;
	border-bottom: 1px solid #e5007d;
}

a:hover, 
a:active,
a:focus {
	background-color: #e5007d;
	color: #fff;
}

/* footer */
#footer a,
#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

#footer a:hover, 
#footer a:active,
#footer a:focus {
	background-color: #ffd4eb;
	color: #000;
	border-bottom-color: #ffd4eb;
}

/* partnerlist */
ul#partnerlist a,
ul#partnerlist a:link,
ul#partnerlist a:visited,
ul#partnerlist a:hover, 
ul#partnerlist a:active,
ul#partnerlist a:focus {
	background: none;
	border-bottom: none;
}

a img {
	border: none;
}

/* link to external website that is opened in a new window */
a.external_link {
}

a#logo,
a#logo:link,
a#logo:visited {
	margin-left: 3px;
	border-bottom: none;
}

a#logo:hover,
a#logo:active,
a#logo:focus {
	background-color: transparent;	
}

/* Back to top Link */
p.backtotop a,
p.backtotop a:link,
p.backtotop a:visited {
	display: block;
	width: 117px;
	height: 22px;
	line-height: 22px;
	margin-left: 15px;
	padding-left: 25px;
	background: url(../images/pfeil-programmuebersicht_col5.png) no-repeat;
	font-size: 11px;
	color: #fff;
	border-bottom: none;
}

p.backtotop a:hover,
p.backtotop a:active
p.backtotop a:focus {
	color: #faec13;
}




/*-------------------------------------------------------------------
SKIP LINKS
-------------------------------------------------------------------*/
#skipnav {
	margin: 0;
	padding: 0;
}

#skipnav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* take links aout of document flow through absolute positioning
   hide links by positioning them outside of the visible screen area */
#skipnav a {
	position: absolute; 
	z-index: 2; 
	overflow: hidden;
	left: -9000px;
	padding: 0;
	margin: 0;
} 

/* show links when focused or active, by positioning them inside visible screen area */
#skipnav a:focus, 
#skipnav a:active {
	z-index: 99;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	font-size: 12px;
}


/*-------------------------------------------------------------------

NAVIGATION

-------------------------------------------------------------------*/

#nav {
	display: block;
	margin-top: 45px;
	width: 435px;
	height: 50px;
	padding: 0 13px;
	background: url(../images/nav_bg_col5.gif) no-repeat;
}

#nav li {
	list-style: none;
	margin: 15px 0 0 16px;
	float: left;
}

#nav li:first-child,
#nav li.first-child {
	margin-left: 0;
}

#nav li a,
#nav li a:link,
#nav li a:visited {
	color: #fff;
	border-bottom: none;
	padding: 2px;
	background-color: transparent;
}

#nav li a:hover,
#nav li a:active,
#nav li a:focus {
	color: #e5007d;
	background-color: #fff;
}

#nav li.current a,
#nav li.current a:link,
#nav li.current a:visited,
#nav li.current a:hover,
#nav li.current a:active,
#nav li.current a:focus {
	color: #faec13;
	background-color: transparent;
}

/* SUBNAV */
.gesamtprogramm #header h3 {
	width: 730px;
	margin-top: 10px;
	line-height: 0;
}

.gesamtprogramm #header h3 a,
.gesamtprogramm #header h3 a:link,
.gesamtprogramm #header h3 a:visited,
.gesamtprogramm #header h3 a:active,
.gesamtprogramm #header h3 a:focus {
	display: block;
	padding: 0 35px 0 15px;
	line-height: 30px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: #e5007d url(../images/nav_gesamtprogramm_col5_bg.gif) right center no-repeat;
}

.gesamtprogramm #header h3 a:hover {
	color: #faec13;
	background-image: url(../images/nav_gesamtprogramm_col5_hover.gif);
}

.gesamtprogramm #header h3 a.open {
	color: #faec13;
	background-image: url(../images/nav_gesamtprogramm_col5_active.gif);
}

#page_nav,
.page_nav {
	margin: 25px 0 0 10px;
}

#page_nav li,
.page_nav li {
	list-style: none;
	display: -moz-inline-box; /* Firefox2 only */
	display: inline-block; /* good browsers */
	vertical-align: top;
	margin: 0 5px 10px 0;
}

#page_nav li .date,
.page_nav li .date {
	font-size: 10px;
	line-height: 12px;
}

#page_nav li a,
#page_nav li a:link,
#page_nav li a:visited,
.page_nav li a,
.page_nav li a:link,
.page_nav li a:visited {
	display: block;
	padding: 5px;
	width: 115px;
	border-bottom: none;
	color: #000;
}

#page_nav li a:hover,
#page_nav li a:active,
#page_nav li a:focus,
.page_nav li a:hover,
.page_nav li a:active,
.page_nav li a:focus {
	background-color: #e5007d;
	color: #fff;
}

#page_nav li a:hover .date,
#page_nav li a:active .date,
#page_nav li a:focus .date,
.page_nav li a:hover .date,
.page_nav li a:active .date,
.page_nav li a:focus .date{
	color: #ffd4eb;
}

/* cancelled event */
#page_nav li a.cancelled,
#page_nav li a.cancelled:link,
#page_nav li a.cancelled:visited,
.page_nav li a.cancelled,
.page_nav li a.cancelled:link,
.page_nav li a.cancelled:visited {
	color: #b11717;
	text-decoration: line-through;
}

#page_nav li a.cancelled:hover,
#page_nav li a.cancelled:active,
#page_nav li a.cancelled:focus,
.page_nav li a.cancelled:hover,
.page_nav li a.cancelled:active,
.page_nav li a.cancelled:focus {
	background-color: #b11717;
	color: #fff;
}

#page_nav li a.cancelled .date,
#page_nav li a.cancelled:link .date,
#page_nav li a.cancelled:visited .date,
.page_nav li a.cancelled .date,
.page_nav li a.cancelled:link .date,
.page_nav li a.cancelled:visited .date{
	text-decoration: none;
}


#page_nav li a.cancelled:hover .date,
#page_nav li a.cancelled:active .date,
#page_nav li a.cancelled:focus .date,
.page_nav li a.cancelled:hover .date,
.page_nav li a.cancelled:active .date,
.page_nav li a.cancelled:focus .date{
	color: #fdecec;
}

/* dynamic page_nav */
.js .hidden_details {
	display: none;
}

/* NEWSLETTER LINK */
#nav li#newsletter a,
#nav li#newsletter a:link,
#nav li#newsletter a:visited {
	position: absolute;
	display: block;
	width: 188px;
	height: 40px;
	line-height: 34px;
	top: -45px;
	right: 35px;
	background: url(../images/newsletter-bg_col5.png) no-repeat;
	text-align: center;
}

#nav li#newsletter a:hover,
#nav li#newsletter a:active,
#nav li#newsletter a:focus {
	color: #faec13;
}


/*-------------------------------------------------------------------

CONTENT ITEMS

-------------------------------------------------------------------*/

/* BASIC CONTENT ITEM WITHOUT JAVASCRIPT */
.cont_item {
	display: block;
	margin: 15px 25px 0 15px;
	padding: 30px;
	background-color: #fff;
}

.cont_item.col1 {
	background-color: #c8e8fb;
}

.cont_item.col2 {
	background-color: #d9e8ce;
}

.cont_item.col3 {
	background-color: #fffbdb;
}

.cont_item.col4 {
	background-color: #ddd0e1;
}

.cont_item.col5 {
	background-color: #aedce4;
}

.cont_item h3 .dates,
.cont_item h3 .location {
	margin-top: 0;
	font-size: 16px;
	line-height: 20px;
}

.cont_item h3 .location {
	color: #4f4f4f;
}

/* ADVANCED STYLING WITH JAVASCRIPT */
.js .cont_item {
	padding: 0;
	background: none;
}

.js .cont_item .bt {
	height: 16px;
	background: url(../images/prog_item_top.png) 100% 0 no-repeat;
}

.js .cont_item .bc {
	padding: 25px 30px 20px 30px;
	background-color: #fff;
}

.js .cont_item .bb {
	height: 20px;
	background: url(../images/prog_item_bottom.png) 100% 100% no-repeat;
}


/* col1 */
.js .cont_item.col1 .bt,
.js .cont_item.col4 .bt {
	height: 37px;
	background: url(../images/prog_item_col1_top.png) 100% 0 no-repeat;
}

.js .cont_item.col1 .bc,
.js .cont_item.col4 .bc {
	padding: 20px 30px 15px 30px;
	background-color: #c8e8fb;
}

.js .cont_item.col1 .bb,
.js .cont_item.col4 .bb {
	height: 44px;
	background: url(../images/prog_item_col1_bottom.png) 100% 100% no-repeat;
}

/* col2 */
.js .cont_item.col2 .bt,
.js .cont_item.col5 .bt {
	height: 51px;
	background: url(../images/prog_item_col2_top.png) 100% 0 no-repeat;
}

.js .cont_item.col2 .bc,
.js .cont_item.col5 .bc {
	padding: 10px 30px 20px 30px;
	background-color: #d9e8ce;
}

.js .cont_item.col2 .bb,
.js .cont_item.col5 .bb {
	height: 44px;
	background: url(../images/prog_item_col2_bottom.png) 100% 100% no-repeat;
}

/* col3 */
.js .cont_item.col3 .bt {
	height: 16px;
	background: url(../images/prog_item_col3_top.png) 100% 0 no-repeat;
}

.js .cont_item.col3 .bc {
	padding: 25px 30px 20px 30px;
	background-color: #fffbdb;
}

.js .cont_item.col3 .bb {
	height: 20px;
	background: url(../images/prog_item_col3_bottom.png) 100% 100% no-repeat;
}

/* col4 */
.js .cont_item.col4 .bt {
	background-image: url(../images/prog_item_col4_top.png);
}

.js .cont_item.col4 .bc {
	background-color: #ddd0e1;
}

.js .cont_item.col4 .bb {
	background-image: url(../images/prog_item_col4_bottom.png);
}

/* col5 */
.js .cont_item.col5 .bt {
	background-image: url(../images/prog_item_col5_top.png);
}

.js .cont_item.col5 .bc {
	background-color: #aedce4;
}

.js .cont_item.col5 .bb {
	background-image: url(../images/prog_item_col5_bottom.png);
}


/* PROGRAM CONTENT */
.col-count-2 {
	-moz-column-count: 2;
	-moz-column-gap: 15px;
	-webkit-column-count: 2;
	-webkit-column-gap: 15px;
	column-count: 2;
	column-gap: 15px;
}


/* FOOTER CONTENT ITEM */
.js #footer {
	padding: 0;
	background: none;
}

.js #footer .bt {
	height: 16px;
	background: url(../images/footer_top_col5.png) 100% 0 no-repeat;
}

.js #footer .bc {
	padding: 25px 30px 20px 30px;
	background-color: #e5007d;
}

.js #footer .bb {
	height: 20px;
	background: url(../images/footer_bottom_col5.png) 100% 100% no-repeat;
}

}


/*-------------------------------------------------------------------

PRINT STYLES

-------------------------------------------------------------------*/
@media print {


/*-------------------------------------------------------------------

HIDDEN ELEMENTS THAT AREN´T PRINTED

-------------------------------------------------------------------*/
#footer,
#skipnav,
#nav,
#page_nav,
.page_nav,
.gesamtprogramm #header h3,
.backtotop {
	display: none;
}


/*-------------------------------------------------------------------

GLOBAL BLOCK ELEMENTS

-------------------------------------------------------------------*/
#header {
	margin-bottom: 1cm;
}

#logo {
	float: left;
	margin-left: -5px;
}

#title {
	float: right;
}

.grid_1_2 {
	float: left;
	width: 45%;
	margin-left: 5%;
}

.grid_1_2:first-child,
.grid_1_2.first-child{
	margin-left: 0;
}



/*-------------------------------------------------------------------

GLOBAL CLASSES AND DEFINITIONS

-------------------------------------------------------------------*/

.margin-top_0,
.cont_item h3 {
	margin-top: 0 !important;
}

.clearfix:after,
dl dd:after,
#header:after {
	content: "."; 
    display: block; 
    height: 0;
	line-height: 0;
    clear: both; 
    visibility: hidden;
}

/* clearing for IE6 */
.clearfix,
dl dd,
#header {
	height: 1%;
}

/* class to hide html elements */
.invisible,
.dont_print {
	display: none;
}

/* class to print hidden elements */
.do_print {
	display: block !important;
}

.img_partner {
	float: left;
	width: 44%;
	margin: .3cm 3% .3cm 0;
}



/*-------------------------------------------------------------------

TYPOGRAPHY

-------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1;
	font-weight: normal;
	page-break-after: avoid;
}

h2 {
	font-size: 20pt;
}

h3 {
	margin-top: 1.5cm;
	font-size: 16pt;
	line-height: 18pt;
}

h4 {
	margin-top: 1cm;
	font-size: 13pt;
	line-height: 15pt;
}

/* font-family and font-size */
p,
ol,
ul,
dl,
th,
td,
textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 9pt;
}

/* margins and line-height */
p,
ol,
ul,
dl,
form {
	margin-top: .5cm;
	line-height: 13pt;
}

/* footer */
#footer p,
#footer ol,
#footer ul,
#footer dl,
#footer th,
#footer td,
#footer textarea {
	font-size: 8pt;
	line-height: 10pt;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* margins */
ul,
ol {
	margin-top: .3cm;
	padding: 0;
}

ul ul, ul ol, ul dl,
ol ol, ol ul, ol dl,
dl ul, dl ol {
	margin-top: 0;
	font-size: 100%;
}

ul li,
ol li {
	margin-top: .2cm;
}

ul li {
	list-style-type: disc;
	margin-left: .5cm;
}

ol li {
	list-style-type: decimal;
	margin-left: .6cm;
}

dl dt {
	width: 3.5cm;
	float: left;
	font-weight: bold;
	clear: left;
}

dl dd {
	margin-left: 4cm;
}

dl dt,
dl dd {
	margin-bottom: .1cm;
}


/*-------------------------------------------------------------------

TYPOGRAPHIC CLASSES

-------------------------------------------------------------------*/
.date,
.location {
	color: #ccc;
	display: block;
}

h2 .date {
	font-size: 13pt;
	color: #ccc;
}

.vita {
	font-style: italic;
}

.adr_float {
	float: left;
	width: 1.5cm;
}

.adr_float.long {
	width: 3cm;
}

.img_credit {
	margin-top: -.4cm;
	font-size: 7pt;
	text-align: right;
	color: #333;
}


/*-------------------------------------------------------------------

IMAGES

-------------------------------------------------------------------*/

img {
	line-height: 0;
}

.img {
	margin-top: .5cm;
}

/*-------------------------------------------------------------------

LINKS

-------------------------------------------------------------------*/

a,
a:link,
a:visited {
}

a:hover, 
a:active,
a:focus {
}

a img {
	border: none;
}

/* link to external website that is opened in a new window */
a.external_link {
}

/* show href attribute of external links */
a.external_link:after {
	content:" [URL: "attr(href)"]";
}


/*-------------------------------------------------------------------

CONTENT ITEMS

-------------------------------------------------------------------*/

/* BASIC CONTENT ITEM WITHOUT JAVASCRIPT */
.cont_item {
	display: block;
	margin-bottom: 1cm;
	padding-bottom: 1cm;
	border-bottom: #333 solid .5pt;
}

.cont_item h3 .date,
.cont_item h3 .location {
	font-size: 12pt;
	line-height: 16pt;
}

.cont_item h3 .location {
	color: #4f4f4f;
}

.col-count-2 {
	-moz-column-count: 2;
	-moz-column-gap: .5cm;
	-webkit-column-count: 2;
	-webkit-column-gap: .5cm;
	column-count: 2;
	column-gap: .5cm;
}

}