/**********************************************/
/* Color definitions

home blue/button: #089bd9
logo yellow: #ffd500

grey dark: bg programme/heading/menu: #666666
grey light: bg programme/grey border box/buton: #cccccc

Subpage project specific colors:

smarticipate green: #38ac61 (also fopr programme page)
arts green: #25a79d
incontext green: #00722A
*/

/* ********************************************************************** */
/* WEBFONT Roboto  */
/* ********************************************************************** */
@font-face {
    font-family: 'Roboto';
    font-weight: 100;
    font-style: normal;
    src: url('/fileadmin/templates/informedcities/fonts/Roboto/Roboto-Thin.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 100;
    font-style: italic;
    src: url('/fileadmin/templates/informedcities/fonts/Roboto/Roboto-ThinItalic.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    font-style: normal;
    src: url('/fileadmin/templates/informedcities/fonts/Roboto/Roboto-Light.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    font-style: italic;
    src: url('/fileadmin/templates/informedcities/fonts/Roboto/Roboto-LightItalic.ttf');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
    src: url('/fileadmin/templates/informedcities/fonts/Roboto/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    font-style: italic;
    src: url('/fileadmin/templates/informedcities/fonts/Roboto/Roboto-Italic.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    font-style: normal;
    src: url('/fileadmin/templates/informedcities/fonts/Roboto/Roboto-Medium.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    font-style: italic;
    src: url('/fileadmin/templates/informedcities/fonts/Roboto/Roboto-MediumItalic.ttf');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
    src: url('/fileadmin/templates/informedcities/fonts/Roboto/Roboto-Bold.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: italic;
    src: url('/fileadmin/templates/informedcities/fonts/Roboto/Roboto-BoldItalic.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 900;
    font-style: normal;
    src: url('/fileadmin/templates/informedcities/fonts/Roboto/Roboto-Black.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 900;
    font-style: italic;
    src: url('/fileadmin/templates/ruggedised/fonts/Roboto/Roboto-BlackItalic.ttf');
}




/* ********************************************************************** */
/* GENERAL  */
/* ********************************************************************** */
body{font-family:'Roboto', sans-serif; font-size:15px; color:rgb(100,100,100);}

::-moz-selection { background:#089bd9 !important; color:white !important; text-shadow: none; }
::selection { background:#089bd9 !important; color:white !important; text-shadow: none; }


/* ********************************************************************** */
/* Content container
/* ********************************************************************** */
.centered_with_container{width:1200px; margin:0 auto; overflow:hidden; text-align:left;}
.centered_with_container .centered_with_container{width:auto;}
/* ********************************************************************** */
/* full width container
/* ********************************************************************** */
#content_box > .full_width_container > .centered_container.no_padding{padding:10px 0;}
.full_width_container{width:100%; text-align:center;}
.full_width_container_top{text-align:left;}
/* ********************************************************************** */
/* STANDARD CONTENT ELEMENTS */
/* ********************************************************************** */
#content_box { }

#content_box p{font-size:1.25em; line-height:1.6em; margin:10px 0 10px 0; padding:0; font-weight: 300;}

#content_box em{ font-style:italic;}
#content_box strong{font-weight:bold;}
#content_box sub{}
#content_box sup{}
#content_box strike{text-decoration: line-through;}
#content_box u{text-decoration:underline;}

#content_box img{max-width:100%; height: auto;}

#content_box h1{ font-weight:900; font-size: 2.5em; margin-top:10px; color:#089bd9;}
#content_box h2{ font-weight: 900; font-size: 2.5em; margin-top:10px; color:#666666;}
#content_box h3{ font-weight: 700; font-size: 2.3em; margin-top:10px; color:#089bd9;}
#content_box h4{ font-weight: 700; font-size: 1.7em; margin-top:10px; color:#666666;}
#content_box h5{ font-weight: 400; font-size: 1.5em; margin-top: 10px; color: white; background-color: #666666; font-weight: 700;  padding: 20px 60px;}
#content_box h6{ font-weight: 400; font-size: 1.25em; margin-top:10px; font-weight: 700;}

#content_box a{color:#089bd9; font-weight: _bold; background-color:transparent; font-weight: 900; text-decoration: none;}
//#content_box a:after { content:" \00bb"; }
#content_box a:link {color:#089bd9;}
#content_box a:visited {color:#089bd9;}
#content_box a:hover {background-color:transparent; color:#089bd9;  text-decoration: underline;}
#content_box a:active {}
#content_box a img{border:none; background-color:transparent;}
#content_box a:hover img{border:none; background-color:white;}

#content_box ul{margin:10px 0 10px 0px; overflow:hidden; padding-left:25px; }
#content_box ul li {font-size:1.25em; line-height:1.6em; margin:10px 0 10px 0; padding:0; font-weight: 300; }
#content_box ol{margin:10px 0 10px 0px; overflow:hidden; padding-left:25px; }
#content_box ol li{}

#content_box table{margin:10px 0 10px 0;}
#content_box table tr{}
#content_box table tr th{vertical-align:top; font-size:1em;}
#content_box table tr td{vertical-align:top; font-size:1em;}

#content_box hr{margin:10px 0 10px 0; border:1px solid rgb(220,220,220); border-width:1px 0 0 0;}

#content_box div{font-size:inherit; color:inherit; line-height:inherit;}
#content_box span{font-size:inherit; color:inherit; line-height:inherit;}

#content_box blockquote {}
#content_box blockquote p{color:rgb(211,172,43); font-style:normal;}

#content_box pre{font-family:Courier, monospace;}
#content_box pre code{color:rgb(90,90,90);}

#content_box dl{}
#content_box dl dt{}
#content_box dt dd{}



/* ********************************************************************** */
/* ADDITIONAL STANDARD CLASSES */
/* ********************************************************************** */
#content_box .align-left{text-align:left;}
#content_box .align-right{text-align:right;}
#content_box .align-center{text-align:center;}
#content_box .align-justify{text-align:justify;}


/* ********************************************************************** */
/* Comma Dash/topp bottom border */
/* ********************************************************************** */
.full_width_container.border{border-width: 1px 0px; border-style: solid; border-color: #cccccc; }

.full_width_container.blue_comma_dash > div{background-image: url(../images/blue_bar.png); background-repeat: no-repeat; background-position: 0px top; padding-left: 0px; }
#content_box .blue_comma_dash { margin-top: -10px;}
#content_box .blue_comma_dash h1{ background-image: url(../images/blue_comma.png); background-repeat: no-repeat; background-position: -5px 75%; /*0%*/height: 60px; margin-top: 30px; /*background-size: 32px 50px;*/}
#content_box .blue_comma_dash p,#content_box .blue_comma_dash  h1,#content_box .blue_comma_dash  h2,#content_box .blue_comma_dash  h3,#content_box .blue_comma_dash  h4,#content_box .blue_comma_dash  h5,#content_box .blue_comma_dash  h6,#content_box .blue_comma_dash  ul,#content_box .blue_comma_dash  ol{ padding-left: 60px;}

.full_width_container.arts_comma_dash > div{background-image: url(../images/arts_bar.png); background-repeat: no-repeat; background-position: 0px top; padding-left: 0px; }
#content_box .arts_comma_dash { margin-top: -10px;}
#content_box .arts_comma_dash h1{ background-image: url(../images/arts_comma.png); background-repeat: no-repeat; background-position: 0% 75%; padding-left: 60px; min-height: 60px; margin-top: 30px; /*background-size: 32px 50px;*/ color: #25a79d;}
#content_box .arts_comma_dash p,#content_box .arts_comma_dash h1,#content_box .arts_comma_dash h2,#content_box .arts_comma_dash h3, #content_box .arts_comma_dash h4, #content_box .arts_comma_dash h5, #content_box .arts_comma_dash h6, #content_box .arts_comma_dash ul, #content_box .arts_comma_dash ol{ padding-left: 60px;}

.full_width_container.incontext_comma_dash > div{background-image: url(../images/incontext_bar.png); background-repeat: no-repeat; background-position: 0px top; padding-left: 0px; }
#content_box .incontext_comma_dash { margin-top: -10px;}
#content_box .incontext_comma_dash h1{ background-image: url(../images/incontext_comma.png); background-repeat: no-repeat; background-position: 0% 75%; padding-left: 60px; min-height: 60px; margin-top: 30px; /*background-size: 32px 50px;*/ color: #00722A;}
#content_box .incontext_comma_dash p,#content_box .incontext_comma_dash h1,#content_box .incontext_comma_dash h2,#content_box .incontext_comma_dash h3, #content_box .incontext_comma_dash h4, #content_box .incontext_comma_dash h5, #content_box .incontext_comma_dash h6, #content_box .incontext_comma_dash ul, #content_box .incontext_comma_dash ol{ padding-left: 60px;}

.full_width_container.smarticipate_comma_dash > div{background-image: url(../images/smarticipate_bar.png); background-repeat: no-repeat; background-position: 0px top; padding-left: 0px; }
#content_box .smarticipate_comma_dash { margin-top: -10px;}
#content_box .smarticipate_comma_dash h1{ background-image: url(../images/smarticipate_comma.png); background-repeat: no-repeat; background-position: 0% 75%; padding-left: 60px; min-height: 60px; margin-top: 30px; /*background-size: 32px 50px;*/ color: #38ac61;}
#content_box .smarticipate_comma_dash p,#content_box .smarticipate_comma_dash h1,#content_box .smarticipate_comma_dash h2,#content_box .smarticipate_comma_dash h3, #content_box .smarticipate_comma_dash h4, #content_box .smarticipate_comma_dash h5, #content_box .smarticipate_comma_dash h6, #content_box .smarticipate_comma_dash ul, #content_box .smarticipate_comma_dash ol{ padding-left: 60px;}


.full_width_container.grey_comma_dash > div{background-image: url(../images/grey_bar.png); background-repeat: no-repeat; background-position: 0px top; padding-left: 0px; }
#content_box .grey_comma_dash { margin-top: -10px;}
#content_box .grey_comma_dash h1{  color:#666666; margin-top: 30px; min-height: 60px;}


/* ********************************************************************** */
/* General text color in non-white BG elements(BG, inverted, etc)
/* ********************************************************************** */
#content_box .inverted *{color:white; }

#content_box .inverted a,
#content_box .inverted a:link,
#content_box .inverted a:visited {}
#content_box .inverted a:hover {}

#content_box .inverted pre code{color:rgb(90,90,90); }


/* ********************************************************************** */
/* Link styles (coloured link buttons)
/* ********************************************************************** */
#content_box .content_tile a[class^="link"]{display:inline-block; text-decoration:none; padding:8px 16px; border-radius:1px; border:1px solid white; }
#content_box .content_tile a[class$="Border"]{ background-color:white;   }
#content_box .content_tile a[class$="BG"]{color:white;}

#content_box a.noBox {color:#089bd9; font-weight: _bold; background-color:transparent; text-decoration:underline; font-weight: 900;}
#content_box a.noBox:after { content:" \00bb"; }
#content_box a.noBox:link { text-decoration:underline; }
#content_box a.noBox:hover {background-color:#089bd9; color:white;}

#content_box .content_tile a.linkBlueBorder{color:#089bd9; border-color:#089bd9;margin-right: 10px; margin-bottom: 10px;}
#content_box .content_tile a.linkBlueBorder:after { content:" \00bb"; }
#content_box .content_tile a.linkBlueBorder:hover{color:white; background-color:#089bd9;  text-decoration: none;}

#content_box .content_tile a.linkBlueBG{ background-color:#089bd9; border-color:#089bd9; color: white;margin-right: 10px; margin-bottom: 10px;}
#content_box .content_tile a.linkBlueBG:after { content:" \00bb"; }
#content_box .content_tile a.linkBlueBG:hover{border-color:#089bd9; background-color:white; color: #089bd9; text-decoration: none;}

#content_box .content_tile a.linkGreyBorder{color:#666666; border-color:#cccccc; background-color: transparent; border-width: 3px;margin-right: 10px; margin-bottom: 10px;}
#content_box .content_tile a.linkGreyBorder:after { content:" \00bb"; }
#content_box .content_tile a.linkGreyBorder:hover{color:white; background-color:#089bd9; border-color:#089bd9;text-decoration: none;}

#content_box .content_tile a.linkGreyBG{ background-color:#cccccc; border-color:#cccccc;margin-right: 10px; margin-bottom: 10px;}
#content_box .content_tile a.linkGreyBG:after { content:" \00bb"; }
#content_box .content_tile a.linkGreyBG:hover{border-color:#cccccc; background-color:white; color: #cccccc; text-decoration: none;}


#content_box .content_tile a.linkWhiteBG{ color:rgb(90,90,90); background-color:white; border-color:white;}
#content_box .content_tile a.linkWhiteBG:after { content:" \00bb"; }
#content_box .content_tile a.linkWhiteBG:hover{	background-color:rgba(255,255,255,0.8); color:rgb(90,90,90);text-decoration: none;}

#content_box .content_tile a.linkBlueGhost{color:#089bd9; border-color:#089bd9; background-color:transparent;}
#content_box .content_tile a.linkBlueGhost:after { content:" \00bb"; }
#content_box .content_tile a.linkBlueGhost:hover{background-color:#089bd9; color:white; border-color:#089bd9;text-decoration: none;}

#content_box .content_tile a.linkWhiteGhost{color:white; border-color:white; background-color:transparent;}
#content_box .content_tile a.linkWhiteGhost:after { content:" \00bb"; }
#content_box .content_tile a.linkWhiteGhost:hover{background-color:rgba(255,255,255,0.1); color:white; border-color:white;text-decoration: none;}



/* ********************************************************************** */
/* General Box Classes */
/* ********************************************************************** */
#content_box .box{}
#content_box .content_tile{}
#content_box .has_padding{padding:10px;}
#content_box .solidBG{border-radius:inherit; text-align:left; border-width:3px; border-style:solid;}
#content_box .borderBox{border-radius:inherit; border-width:3px; border-style: solid; text-align:left;}
#content_box .content_tile.inverted{color:white;}

#content_box .whiteBG{ background-color:white;border-color:white;}
#content_box .blueBG{ background-color:#089bd9;border-color:#089bd9;}
#content_box .greyBG{ background-color:#cccccc; border-color:#cccccc;}

#content_box .whiteBorder{border-color:white;}
#content_box .blueBorder{border-color:#089bd9;}
#content_box .greyBorder{border-color:#cccccc;}

#content_box .ARTS_greenBorder{border-color:#25a79d;}
#content_box .SMARTICITAE_greenBorder{border-color:#38ac61;}
#content_box .INCONTEXT_greenBorder{border-color:#00722A;}


/* ********************************************************************** */
/* Link style in some of the BG boxes
/* ********************************************************************** */
#content_box .blueBG a, #content_box .greyBG a { color:white; }
#content_box .blueBG a:hover, #content_box .greyBG a:hover{ background-color: white; color:#089bd9;}

/* ********************************************************************** */
/* style in boxes
/* ********************************************************************** */
#content_box .box p{font-size:1.1em;}
#content_box .content_tile .box  div.csc-header{    padding: 5px 10px 5px 10px; margin:0; overflow:hidden;}
/* ********************************************************************** */
/* Content Tile header
/* ********************************************************************** */
#content_box .content_tile div.csc-header{    padding: 5px 10px 5px 0px; margin:0; /*overflow:hidden;*/}

#content_box .content_tile.no_padding div.csc-header{}
#content_box .content_tile.has_padding div.csc-header{margin:-10px -10px 0 -10px;}

#content_box .content_tile div.csc-header h1{/*margin:0; padding:0;*/}
#content_box .content_tile div.csc-header h2{margin:0; padding:0;}
#content_box .content_tile div.csc-header h3{margin:0; padding:0;}
#content_box .content_tile div.csc-header h4{margin:0; padding:0;}
#content_box .content_tile div.csc-header h5{margin:0; padding:0;}
#content_box .content_tile div.csc-header h6{margin:0; padding:0;}

/* ********************************************************************** */
/* Content Tile header with General Box Classes
/* ********************************************************************** */
/*#content_box .whiteBorder div.csc-header{}
#content_box .whiteBorder div.csc-header *{color:inherit;}
#content_box .blueBorder div.csc-header{background-color:#089bd9;}
#content_box .blueBorder div.csc-header *{color:white;}
#content_box .greyBorder div.csc-header{background-color:#cccccc; }
#content_box .greyBorder div.csc-header *{color:white;}*/


/* ********************************************************************** */
/* Accordions */
/* ********************************************************************** */
#content_box .content_tile.box-accordion h1 { font-size: 1.5em; background-color: #f5f5f5; color: #666666; padding: 20px;}
#content_box .content_tile.box-accordion h1:hover {color:#089bd9;}
#content_box .content_tile.box-accordion{  border: 1px solid #f5f5f5; display: inline-block;}
#content_box .content_tile.box-accordion .csc-header{ cursor:pointer; margin:-10px -10px 0 -10px; padding:0;}
#content_box .content_tile.box-accordion .csc-header .csc-firstHeader{ cursor:pointer; color:white; margin:0; padding:5px 10px; background-color:rgb(30,104,129);}
#content_box .content_tile.box-accordion .csc-header:hover{color:#089bd9 !important; background-color:rgb(30,104,129);}
#content_box .content_tile.box-accordion .accordion-content{padding:10px;}

#content_box .content_tile.expanded {}
#content_box .content_tile.expanded .csc-header:after{font-family: 'FontAwesome';  content: "\f078"; font-size:1.3em; margin:-50px 10px 0 0; display: inline-block; float:right; font-weight: normal;}
#content_box .content_tile.expanded .csc-header:hover:after{color:#089bd9;}

#content_box .content_tile.collapsed {padding-bottom:0 !important;}
#content_box .content_tile.collapsed .csc-header:after{font-family: 'FontAwesome'; content: "\f054"; font-size:1.3em; margin:-50px 10px 0 0; display: inline-block; float:right; font-weight: normal;}
#content_box .content_tile.collapsed .csc-header:hover:after{color:#089bd9;}



/* ********************************************************************** */
/* FIRST ELEMENT IN CONTENT AREA - margin-top*/
/* ********************************************************************** */
#content_box .content_tile.has_padding p:first-child{margin-top:0;}
#content_box .content_tile.has_padding h1:first-child{margin-top:0;}
#content_box .content_tile.has_padding h2:first-child{margin-top:0;}
#content_box .content_tile.has_padding h3:first-child{margin-top:0;}
#content_box .content_tile.has_padding h4:first-child{margin-top:0;}
#content_box .content_tile.has_padding h5:first-child{margin-top:0;}
#content_box .content_tile.has_padding h6:first-child{margin-top:0;}
#content_box .content_tile.has_padding ul:first-child{margin-top:0;}
#content_box .content_tile.has_padding ol:first-child{margin-top:0;}
#content_box .content_tile.has_padding table:first-child{margin-top:0;}
#content_box .content_tile.has_padding blockquote:first-child{margin-top:0;}
#content_box .content_tile.has_padding img:first-child{margin-top:0;}



/* ********************************************************************** */
/* FCE (Typo3 Flexible Content elements)
/* ********************************************************************** */
.one_column_80{
	width: 80%;
	margin: auto;
}
.one_column_60{
	width: 60%;
	margin: auto;
}

.two_colums_10_90{}
.two_colums_10_90 > .column_10_90{min-height:1px; }
.two_colums_10_90 > .column_left{float:left; width:10%;}
.two_colums_10_90 > .column_right{float:right; width:90%; }

.two_colums_50_50{}
.two_colums_50_50 > .column_50_50{min-height:1px; width:50%;}
.two_colums_50_50 > .column_left{float:left;}
.two_colums_50_50 > .column_right{float:right;}

.two_colums_33_66{}
.two_colums_33_66 > .column_33_66{min-height:1px; }
.two_colums_33_66 > .column_left{float:left; width:33.3333%;}
.two_colums_33_66 > .column_right{float:right; width:66.3333%; }

.two_colums_66_33{}
.two_colums_66_33 > .column_66_33{min-height:1px; }
.two_colums_66_33 > .column_left{float:left; width:66.3333%;}
.two_colums_66_33 > .column_right{float:right; width:33.3333%;    padding-left: 20px;}

.three_colums_33_33_33{}
.three_colums_33_33_33 > .column_33_33_33{min-height:1px; width:33.333333%;}
.three_colums_33_33_33 > .column_left{float:left; padding-right:20px; }
.three_colums_33_33_33 > .column_middle{float:left; padding-right:10px;padding-left:10px;}
.three_colums_33_33_33 > .column_right{float:right; margin-right:0; padding-left:20px;}

.four_colums_25_25_25_25{}
.four_colums_25_25_25_25 > .column_25_25_25_25{min-height:1px; width:25%;}
.four_colums_25_25_25_25 > .column_left{float:left;}
.four_colums_25_25_25_25 > .column_middle_left{float:left;}
.four_colums_25_25_25_25 > .column_middle_right{float:left;}
.four_colums_25_25_25_25 > .column_right{float:right; margin-right:0;}


.fce-wrapper-speaker, .fce-wrapper-speaker p {
	background-color: #77787a;
	padding: 30px;
	color: white !important;
	margin: 5px;
	font-size: 1em !important;
	font-weight: normal !important;
}
.fce-wrapper-speaker .speaker-image {
	text-align: center;
	margin: 20px;
}
.fce-wrapper-speaker .speaker-image img {
	object-fit: cover;
	width: 100%;
	border-radius: 50%;
}
.fce-wrapper-speaker .speaker-firstname {
	color: #ffd402 !important;
	font-weight: bold;
	font-size: 1.2em !important;
}
.fce-wrapper-speaker .speaker-lastname {
	color: #ffd402 !important;
	font-weight: bold;
	font-size: 1.2em !important;
	padding-bottom: 20px;
}
.fce-wrapper-speaker .speaker-description {
	padding-bottom: 20px;
}
.fce-wrapper-speaker .speaker-link {
	color: #ffd402 !important;
	font-weight: bold;
}


.fce-wrapper-workshop, .fce-wrapper-workshop p {
	background-color: #77787a;
	padding: 30px;
	color: white !important;
	font-size: 1em !important;
	font-weight: normal !important;
}
.fce-wrapper-workshop .workshop-content {
	display: inline-block;
	width: 70%;
}
.fce-wrapper-workshop .workshop-image {
	display: inline-block;
	width: 29%;
	text-align: center;
	vertical-align: text-bottom;
	padding-left: 10px;
}
.fce-wrapper-workshop .workshop-title {
	font-size: 1.2em !important;
	padding-bottom: 20px;
}
.fce-wrapper-workshop .workshop-title, .fce-wrapper-workshop .workshop-venues p {
	color: #ffd402 !important;
	font-weight: bold !important;
	margin: 0 !important;
}
.fce-wrapper-workshop .workshop-description {
	padding-bottom: 20px;
}

/**********************************************/
/* Media Queries
/**********************************************/

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {
}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {
}


/* < 768  */
@media only screen and (max-width: 768px){
	.one_column_80{
		width: 100%;
	}

	.two_colums_50_50 > .column_50_50{margin:0;}
	.two_colums_50_50 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
	.two_colums_50_50 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%; margin-top:10px;}

	.two_colums_33_66 > .column_33_66{margin:0;}
	.two_colums_33_66 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
	.two_colums_33_66 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

	.two_colums_66_33{}
	.two_colums_66_33 > .column_66_33{margin:0;}
	.two_colums_66_33 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
	.two_colums_66_33 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px; padding:0px;}

	.three_colums_33_33_33{}
	.three_colums_33_33_33 > .column_33_33_33{margin:0;}
	.three_colums_33_33_33 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; padding:0px; }
	.three_colums_33_33_33 > .column_middle{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px; padding:0px;}
	.three_colums_33_33_33 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px; padding:0px;}

	.four_colums_25_25_25_25{}
	.four_colums_25_25_25_25 > .column_25_25_25_25{margin:0;}
	.four_colums_25_25_25_25 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
	.four_colums_25_25_25_25 > .column_middle_left{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}
	.four_colums_25_25_25_25 > .column_middle_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}
	.four_colums_25_25_25_25 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}



} /* end of < 768  */