@charset 'utf-8';
@import url(reset.css);
@import url(lightbox.css);

/* ----------------------------------------------------- All browsers */

/*
	0 - Basics
	divider: _ (underscore)
	colours: #DB007A (magenta) / #89BA17 (green)

*/

body{
	font: 12px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	color: #373737;
}


/* 1 - GRID 
   12col 960px / 940px / 10px Gutter
*/

#container{
	min-height: 100%;
}

.wrapper{
	margin: 0 auto;
	width: 960px;
}


/* 
	2 - COLUMNS
	Defined global column classes
	(I feel really sorry about wasting so much white-space!)
	
*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7,
.grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.wrapper .grid_1{width: 60px;}
.wrapper .grid_2{width: 140px;}
.wrapper .grid_3{width: 220px;}
.wrapper .grid_4{width: 300px;}
.wrapper .grid_5{width: 380px;}
.wrapper .grid_6{width: 460px;}
.wrapper .grid_7{width: 540px;}
.wrapper .grid_8{width: 620px;}
.wrapper .grid_9{width: 700px;}
.wrapper .grid_10{width: 780px;}
.wrapper .grid_11{width: 860px;}
.wrapper .grid_12{width: 940px;}

.wrapper .prefix_1{padding-left: 80px;}
.wrapper .prefix_2{padding-left: 160px;}
.wrapper .prefix_3{padding-left: 240px;}
.wrapper .prefix_4{padding-left: 320px;}
.wrapper .prefix_5{padding-left: 400px;}
.wrapper .prefix_6{padding-left: 480px;}
.wrapper .prefix_7{padding-left: 560px;}
.wrapper .prefix_8{padding-left: 640px;}
.wrapper .prefix_9{padding-left: 720px;}
.wrapper .prefix_10{padding-left: 800px;}
.wrapper .prefix_11{padding-left: 880px;}

/*
	3 - Non-Griddy
*/

.page_stretch{
	width: 100%;
}


/* 4 -Sizes, Colours */

#top_container{
	color: #fff;
}

p{
	margin-top: 1em;
}

#sub_teaser p{
	margin-top: 0.2em;	
}


h1, h2, h3, h4, h5, h6{
	color: #DB007A;
}

h1{
	font-size: 18px;
	padding-top: 0.5em;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

h2{
	font-size: 18px;
	color: #bbb;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
	padding-top: 0.5em;
	padding-bottom: 0.4em;
}

h4{
	font-size: 14px;
}


a, #nav_side li{
	color: #89BA17;
}

/* 4b - TinyMCE Styles*/

.bg_pink{
	background-color: #DB007A;
	padding: 0.1em 0.2em 0.2em;
	color: #fff;
}

.u_pink{
	border-bottom: 1px solid #DB007A;
}

.pink{
	color: #DB007A;
}

.grey{
	color: #cdcdcd;
}

.bold{
	font-weight: bold;
}

.green_bg{
	background-color: #EEEEEE;
	border: #89BA17 1px solid;
	padding: 10px;
	margin-top: 12px;
	display: block;
}


.white, .white a{
	color: #fff;
}

.white a:hover{
	color: #eee;
}

/* 5 - Links */

a{
	text-decoration: none;
}

a:hover{
	border-bottom: 1px dotted #89BA17;
}

a:visited{
	
}

a:focus{
	
}

.box_link{
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 6px;
	background-color: #f3f3f3;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
}

.box_link:hover{
	border: none;
	background-color: #eeeeee;
}


/*	Lists */

.num{
	list-style-type: decimal;
	list-style-position: inside;
}

.list{
	list-style-type: circle;
	text-shadow: #89BA17 0px 0px 0px;
	list-style-position: inside;
}

/* 6 - Layout  */

#top_container{
	background: none repeat scroll 0 0 #89BA17;
	overflow: hidden;
	padding: 5px 0;
	text-shadow: #89BA17 0px 0px 0px;
}

#search_box, #contact_box, #lang_box{
	display: none;
}


#header{
	margin:0 0 20px;
	padding-bottom: 10px;
}

#nav_side{
	text-align: center;
	clear: both;
	height: 20px;
}

#nav_side li{
	cursor: pointer;
}

.icon_box{
	height: 20px;
	width: 20px;
	float: left;
	margin: 10px 10px 25px;
}

.single_article_wrapper, .ereignis_box{
	padding-bottom: 16px;
	padding-top: 16px;
	border-bottom: 1px dashed #dfdfdf;
}


.single_article_wrapper:hover{
	background-color: #EEEEEE;
}


/* for small twitter icons etc */
img.small_icon{
	top: 3px;
	width: 16px;
	height: 16px;
	position: relative;
	margin-right: 0.8em;
}

#search_box .icon_box{
	background: url(../css/img/hg_icons_spread.png) no-repeat 0 0;
}

#contact_box .icon_box{
	background: url(../css/img/hg_icons_spread.png) no-repeat -20px 0;
}

#lang_box .icon_box{
	background: url(../css/img/hg_icons_spread.png) no-repeat -40px 0;
}

.lang_icons{
	padding-top: 13px;
}

#search, #contact, #lang{
	height: 20px;
	background: url(../css/img/hg_pfeile_down.png) no-repeat 50% 0;
	padding-top: 0.6em;
	float: left;
	margin-left: 5px;
}

.lesung, .kochkurs, .konzert, .workshop{
	width:26px;
	height:26px;
	margin: 5px 8px 5px 5px;
	float: left;
}

.lesung{
	background:url(../css/img/hg_ereignisse_icons.png) no-repeat 0 0;
}

.kochkurs{
	background: url(../css/img/hg_ereignisse_icons.png) no-repeat -25px 0;
}

.konzert{
	background:url(../css/img/hg_ereignisse_icons.png) no-repeat -50px 0;
}

.workshop{
	background:url(../css/img/hg_ereignisse_icons.png) no-repeat -75px 0;
}

#logo a{
	display: block;
	clear: both;
	height: 90px;
	background: url(../css/img/himmelgruen_weiss_380.png) no-repeat 0 0;
	text-indent: -999em;
	margin-bottom: 35px;
	margin-top: 15px;
}

#logo a:hover{
	border: none;
}

/*
	7 - Navigation
*/

#nav_wrapper{
	position: relative;
	height: 65px;
	clear: both;
	z-index:99;
	margin-bottom: 25px;
}

#nav_wrapper ul, #nav_inner ul{
	position: absolute;
}

#nav, #nav_inner{
	text-align: center;
	list-style-type:none; 
	font-size: 14px;
}

#nav li ul{ display:none;}
#nav li:hover ul{ display:block; z-index: 99; }


#nav_inner{
	width: 100%;
	
}

#nav li a{
	display: block;
	text-align: center;
	padding-top: 17px;
	padding-bottom: 20px;
	border: 1px dashed #dfdfdf;
}

#nav li:hover a{
    background-color: #89BA17;
	color: #fff;
	/*background: url(../css/img/hg_nav_spread.png) no-repeat center -60px;*/
    border: none;
	-moz-box-shadow:0 4px 10px #ededed;
	-webkit-box-shadow:0 4px 10px #ededed;

}

#nav li:hover ul li a{
	background-color: #BED682;
	background-image: none;
	border-bottom: 1px solid white;
	-moz-box-shadow:0 4px 10px #ededed;
	-webkit-box-shadow:0 4px 10px #ededed;
}

#nav li:hover ul li:hover a{
   color: #fff;
   background-color: #89BA17;
   background-image: none;
   border-bottom: 1px solid white;
   -moz-box-shadow:0 4px 10px #ededed;
   -webkit-box-shadow:0 4px 10px #ededed;
}

#nav_inner{
	-moz-box-shadow:0 4px 10px #ededed;
	-webkit-box-shadow:0 4px 10px #ededed;
}

/*
	8 - Teaser
*/

#page_teaser{
	background: #EEEEEE none repeat scroll 0 0;
	padding: 10px 0 10px;
}

#page_teaser h2{
	line-height: 1.2em;
}

.teaserimage{
	margin-top: -30px;
	margin-bottom: -30px;
}

#sub_teaser, #content{
	background: #fff none repeat scroll 0 0;
	padding: 20px 0 60px;
}

#page_teaser, #sub_teaser{
	margin: 20px 0;
}

.teaser_box{
	width: 40px;
	height: 40px;
	float: left;
	margin: 0 5px 5px 0;
}

#teaser_1, #teaser_2, #teaser_3{
	margin: 10px;
}

#teaser_3 .teaser_box{
	background: transparent url(../css/img/hg_icons_spread.png) no-repeat 0 -20px;
}

#teaser_2 .teaser_box{
	background: transparent url(../css/img/hg_icons_spread.png) no-repeat -40px -20px;
}

#teaser_1 .teaser_box{
	background: transparent url(../css/img/hg_icons_spread.png) no-repeat -80px -20px;
}

.arrow_link a{
    width: 135px;
    height: 20px;
    display: block;
    color: #fff;
    clear: both;
	background: transparent url(../css/img/hg_icons_spread.png) no-repeat 0 -60px;
	padding: 0 0 0 0.4em;
	margin-top: 1em;
}

.arrow_link a:hover{
	background: transparent url(../css/img/hg_icons_spread.png) no-repeat 0 -80px;
	border: none;
	color: #89BA17;
}

/*
#content{
	padding:0 0 60px;
}*/

/* vcard */

.vcard, .contact{
	margin-top: 12px;
}

.fn-org{
	font-weight: bold;
}


/* 
	9 - Footer
*/

#footer{
	background: #fff none repeat scroll 0 0;
	font-size:10px;
	height:40px;
	line-height:40px;
	margin:-40px 0 0;
	overflow:hidden;
	border-top: 2px solid #89BA17;
}

/* Forms */
#ajaxSearch_form{
   color: #444;
   width: auto;
   float: left;
}

#ajaxSearch_input {
   width: auto;
   display: inline;
   height: 17px;
   border: 1px solid #ddd;
   border-left-color: #c3c3c3;
   border-top-color: #7c7c7c;
   margin: 0 3px 0 0;
   padding: 2px 0 2px 3px;
   vertical-align: top;
   color: #89BA17;
}

fieldset {
	display: block;
	margin-bottom:12px;
	margin-top: 12px;
} 


#c_form legend, #mc_form legend { 
	color:#89BA17; 
	border:1px solid #ddd; 
	border-bottom:0; 
	background:#eee; 
	padding:0.2em;
}

textarea, select, input[type="text"]{
	background: #EEEEEE;
	border: 1px solid #bbb;
	font-size: 13px;
	line-height: 1.5;
	padding: 8px 4px;
	width: 95%;
}

#c_form label, #mc_form label {
	color:#89BA17;
	clear: both;
	display: block;
	font-size: 12px;
	margin-top: 1em;
}

#ajaxSearch_submit {
   display: inline;
   height: 22px;
   line-height: 22px;
   padding:2px 4px 3px;
}

input#ajaxSearch_submit, #mc_form input[type="submit"], #c_form input[type="submit"]{
	border-style: solid;
	border-width: 1px;
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
	background-color:#EEEEEE;
	border-color:#999999 #999999 #888888;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

#mc_form input[type="submit"], #c_form input[type="submit"]{
	margin-top: 1em;
}
	

#ajaxSearch_output {
   border: 1px solid #444;
   padding: 10px;
   background: #fff;
   display: block;
   height: auto;
   vertical-align: top;
}

/* Newsletter */



/* 
	Clear Floated Elements
*/
 
/* http://sonspring.com/journal/clearing-floats */
 
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
 
/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
 
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
 
/* JS enabled browsers */

.js div { }

/* IE7 and below */

.ie7 div { 
	* html .clearfix,
	*:first-child+html .clearfix {
	zoom: 1;
}


/* IE6 and below */

.ie6 div { 
	* html .clearfix,
	*:first-child+html .clearfix {
	zoom: 1;
 }