/* ------------------------------------------------------------------------------------ *
| Content CSS FILE :: For GrossmuetteRevolution site wide								|
| css/content.css																		|
| 																						|
| PROJECT :: www.grossmuetter.ch v1.0													|
| Copyright (C) 2009, QUERIDODESIGN, Switzerland										|
+ ------------------------------------------------------------------------------------- +
| Author: Julian Querido + Nathan Querido												|
* ------------------------------------------------------------------------------------- */

/* @group CONTENT :: jsaq007 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


.content_main, address {
	font-family: Arial;
	font-size: 14px;
	letter-spacing: normal;
	color: #000;
	font-style: normal;
	padding: 0;
	margin: 0;
}

.content_main {
	width: 500px;
	padding: 0 0 60px 0;
	border-width: 0 0 1px 0;
	border-color: #000;
	border-style: solid;
}

.content_main img { padding: 1em 0 2px 0;}

/*body.home .content_main img {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	background: re;
}*/

span.caption {
	font-family: Arial;
	font-size: 10px;
	line-height: 16px;
	color: #000000;
	text-transform: uppercase;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group SECTIONS BACKGROUND & LOGOS:: jsaq :::::::::::::::::::::::::::::::::::::::::: */


body .content_main .line,
body .content_main .line_2 {
	color: #000;
	text-align: left;
	height: 0;
	width: 100%;
	border-width: 1px 0 0 0;
	border-color: #ec7aaa;
	border-style: solid;
	float: left;
	padding: 1px 0 0 0;
	margin: 18px 0 18px 0;
}

body .content_main span.line_2 {
	text-align: right;
	margin: 29px 0 18px 0;
}

body,
body.purple,
body.anmeldung,
body.current_events {
	background: #C9B9D8;
}

body #header .container .logo,
body.purple #header .container .logo,
body.anmeldung #header .container .logo,
body.current_events #header .container .logo {
	background: url(../images/nav/logo_purple.png) left 34px no-repeat;
}

body .content_main .line,
body .content_main span.line_2,
body.purple .content_main .line,
body.purple .content_main span.line_2,
body.anmeldung .content_main .line,
body.anmeldung .content_main span.line_2,
body.current_events .content_main .line,
body.current_events .content_main span.line_2 {
	border-color: #7D559A;
}

body.red,
body.home, 
body.links, 
body.kontakt {
	background: #EF8987;
}

body.red #header .container .logo,
body.home #header .container .logo,
body.links #header .container .logo, 
body.kontakt #header .container .logo {
	background: url(../images/nav/logo_red.png) left 34px no-repeat;
}

body.red .content_main .line,
body.red .content_main span.line_2,
body.home .content_main .line,
body.home .content_main span.line_2,
body.links .content_main .line,
body.links .content_main span.line_2,
body.kontakt .content_main .line,
body.kontakt .content_main span.line_2 {
	border-color: #E40F48;
}

body.blue,
body.traegerschaft {
	background: #BDE3EE;
}

body.blue #header .container .logo,
body.traegerschaft #header .container .logo {
	background: url(../images/nav/logo_blue.png) left 34px no-repeat;
}

body.blue .content_main .line,
body.blue .content_main span.line_2,
body.traegerschaft .content_main .line,
body.traegerschaft .content_main span.line_2 {
	border-color: #61C4DC;
}

body.orange,
body.idee {
	background: #FDCE73;
}

body.orange #header .container .logo,
body.idee #header .container .logo {
	background: url(../images/nav/logo_orange.png) left 34px no-repeat;
}

body.orange .content_main .line,
body.orange .content_main span.line_2,
body.idee .content_main .line,
body.idee .content_main span.line_2 {
	border-color: #F9B200;
}

body.green,
body.organisation {
	background: #DAE5A7;
}

body.green #header .container .logo,
body.organisation #header .container .logo {
	background: url(../images/nav/logo_green.png) left 34px no-repeat;
}

body.green .content_main .line,
body.green .content_main span.line_2,
body.organisation .content_main .line,
body.organisation .content_main span.line_2 {
	border-color: #AFCB41;
}

body.pink,
body.veranstaltungen,
body.impressum {
	background: #F6C1D7;
}

body.pink #header .container .logo,
body.veranstaltungen #header .container .logo,
body.impressum #header .container .logo {
	background: url(../images/nav/logo_pink.png) left 34px no-repeat;
}

body.pink .content_main .line,
body.pink .content_main span.line_2,
body.veranstaltungen .content_main .line,
body.veranstaltungen .content_main span.line_2,
body.impressum .content_main .line,
body.impressum .content_main span.line_2 {
	border-color: #EC7AAA;
}

body.yellow,
body.stand_der_dinge,
body.past_events {
	background: #FDF389;
}

body.yellow #header .container .logo,
body.stand_der_dinge #header .container .logo,
body.past_events #header .container .logo {
	background: url(../images/nav/logo_yellow.png) left 34px no-repeat;
}

body.yellow .content_main .line,
body.yellow .content_main span.line_2,
body.stand_der_dinge .content_main .line,
body.stand_der_dinge .content_main span.line_2,
body.past_events .content_main .line,
body.past_events .content_main span.line_2 {
	border-color: #FDEC03;
}

body.grey {
	background: #BDBDBD;
}

/*body.grey #header .container .logo {
	background: url(../images/nav/logo_grey.png) left 34px no-repeat;
}*/

body.grey .content_main .line,
body.grey .content_main span.line_2 {
	border-color: #777777;
}

body.home .content_main {
	width: 610px;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group TEASERS :: jsaq ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.column {
	width: 300px;
}

.teaser {
	font-size: 14px;
	color: #FFFFFF;
	width: 300px;
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;
	overflow: hidden;
}

.teaser p {
	padding: 18px 13px 13px;
	margin: 0 0 0 0;
	float: left;
}


.teaser h3 {
	width: 274px;
	font-size: 28px;
	font-family: arial;
	font-weight: normal;
	line-height: 1em;
	margin: 0 0 0 0;
	padding: 13px 13px 0;
}

.teaser a {
	color: #ffffff;
	font-size: 28px;
	width: 100%;
	float: left;
}
.teaser a.teaser_link {
	width: 274px;
	padding: 0 13px 13px 13px;
}

.teaser a img {
	width: 300px;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

.teaser a:hover {
	color: #000000;
}

.teaser.red { background-color: #e40f48;}
.teaser.blue { background-color: #61c4dc;}
.teaser.orange { background-color: #f9b200;}
.teaser.green { background-color: #afcb41;}
.teaser.pink { background-color: #ec7aaa;}
.teaser.yellow { background-color: #fdec03; color: #000;}
.teaser.lilac { background-color: #7d559a;}
.teaser.grey { background-color: #777777;}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group ANMELDUNG :: jsaq ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


body .content_main div.line ul {
	position: relative;
	left: -20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
body .content_main div.line ul li {
	width: auto;
	color: #707173;
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	float: left;
}

body .content_main div.line ul li.active {
	color: #000000;
	
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group VERANSTALTUNGEN :: jsaq ::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body.past_events .content_main ul,
body.current_events .content_main ul,
body.veranstaltungen .content_main ul {
	margin: 0 ;
	padding:  0 0 2em 0;
	list-style: none;
	float: left;
}

body.past_events .content_main li,
body.current_events .content_main li,
body.veranstaltungen .content_main li {
	line-height: 30px;
	width: 100%;
	float: left;
	clear: both;
}

body.past_events .content_main li span,
body.current_events .content_main li span,
body.veranstaltungen .content_main li span {
	color: #000;
	width: 277px;
	min-height: 30px;
	border-width: 0 0 1px 0;
	border-color: #7D559A;
	border-style: solid;
	float: left;
	padding: 0 4px;
	display: block;
}

body.past_events .content_main li span {
	border-color: #FDEC03;
}

body.past_events .content_main li span.left,
body.current_events .content_main li span.left,
body.veranstaltungen .content_main li span.left {
	width: 93px;
	margin: 0 3px 0 0;
}

body.past_events .content_main  li span.right,
body.current_events .content_main li span.right,
body.veranstaltungen .content_main li span.right {
	width: 100px;
	margin: 0 0 0 3px;
}

body.past_events .content_main  li.first span,
body.current_events .content_main li.first span,
body.veranstaltungen .content_main li.first span {
	border-width: 1px 0 1px 0;
	/*border-color: #ec7aaa;*/
	border-style: solid;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */