/*  
JuLis Bayern - CSS
Tobias Grabmeier
Erstellt: 29.05.2009
*/

/*=== Setup ===*/

*{
	border: 0;
	margin: 0;
	padding: 0;
}

body
{
	margin:0px;
	background-image:url("../images/background_pattern.jpg");
/*Wird über Browserweiche definiert:*/
/*	background-position:center 0px;*/
	background-repeat:repeat;
	background-color:#95b5cf;
	font-family: Lucida Grande, Helvetice, Tahoma, sans-serif;
	font-size:12px;
	text-align: left;
	color:#575757;
}


#top {
	
	margin:auto;
/*	min-height: 1000px;*/
	background-image:url("../images/background_header.jpg");
	background-position:center top;
	background-repeat:no-repeat;

}

#header_out {
	margin: auto;
	width: 100%;
	height: 200px;
	background-color: #95b5cf;
	background-image:url("../images/background_header.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}


#header_in {
	position:relative;
	top: 0px;
	margin: auto;
	height:200px;
	width:980px;
}


#contain {
	position:relative;
	top: 0px;
	margin:auto;
	width:980px;
}

#bottom {
	position: relative;
	margin: auto;
	font-size: 10px;
	color: #575757;
	width: 960px;
	height: 60px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;

	clear: both;
	background-color: #EEEEEE;
}

#copyright {
	height: 30px;
	line-height: 30px;
	text-align: center;
	
}

#social_communities {
	letter-spacing: 20px;
	text-align: center;
	height: 20px;
	padding-bottom: 10px;
}



/*=== Header ===*/

#logo {

	position:absolute;
	top:40px;
	left:0px;
	width: 150px;
	height: 100px;
	background: url("../images/logo_small.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

#meta_navi {

	color:  #575757;
	font-size: 10px;
	position:absolute;
	top: 0px;
	right: 0px;
	padding-top: 5px;
	line-height: 12px;

}

#meta_navi_menu {

   float:  left;

}

.tx-macinasearchbox-pi1 {
	margin-left: 5px;
	float: right;
	}

input.search_box {
	
	padding-left: 2px;
	padding-right:  2px;
	background-color: #FFFFFF;
	width: 130px;
	font-size: 10px;
	color: #005295;
	
}


#header_teaser_text {

	position:absolute;
	top:85px;
	right:230px;
	
}

#header_teaser_arrow {

	position:absolute;
	top:95px;
	right:195px;
	height: 44px;
	width: 44px;
	background-image:url("../images/arrow_up.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#header_teaser_arrow:hover {
	background-position: -44px 0px;
}

/*=== Contain ===*/

#contain_left {


	width: 660px;
	float: left;
	min-height: 100%;

}

#contain_right {
	

	width: 320px;
	float:  right;


}

#menu_top {
	margin-top: 10px;
	width:660px;
	height:25px;
/*	background-color:#f5e457;*/
	background-color: #F7FE2E;
vertical-align: middle;

}

#teaser {
	margin-top: 15px;
	width: 660px;
	height: 300px;
	background-color:#ffffff;
	background-image:url("../images/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

#content {
	margin-top: 15px;
	margin-bottom: 15px;
	padding:  10px;
	width: 640px;
	min-height: 100%;
	background-color:#ffffff;
}

/*.tx-wecmap-pi1 {
	position: absolute;
	z-index: 10;
}
.tx-wecmap-map {
	position: absolute;
	z-index: 11;
}*/
.content_container {
	margin-top: 15px;
	margin-bottom: 15px;
	padding:  10px;
	width: 620px;
}
.box_right {
	
	position: relative;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
	border-width: 10px;
	border-style: solid;
	border-color: #b7d3ea;
	padding-top:  5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	min-height: 40px;
	width: 270px;
	color: #005295;
	background-color:#dbe9f5;

}

.box_right_arrow {

	position: absolute;
	bottom: -25px;
	right: -25px;
	height: 44px;
	width: 44px;
	background-image:url("../images/arrow_up.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;


}

.box_right_arrow:hover {
	background-position: -44px 0px;
	cursor: pointer;
}

.box_right_headline {

	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	color: #005295;
	padding-bottom: 3px;
	
}




/*Content*/

p {
	font-size: 12px; 
}

.tinytext {
	font-size: 10px;
}

p.form_label {

	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
}



h1 {
	font-size: 18px; 
	padding: 5px 0px; 
	color: #005295;
}

h2 {
	font-size: 16px;
	padding: 5px 0px;  
	color: #005295;
}

h3 {
	font-size: 14px;
	padding: 5px 0px;  
	font-weight: bold; 
	color: #575757;
}

h4,h5,h6 {
	font-size: 12px; 
	font-weight: bold; 
	color: #575757;
	padding: 5px 0px;  
}

ul {
	
	list-style-type: square;
    margin-left: 18px;
}

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

li {
	
	
	
}

a:link {
	color: #005295;
	text-decoration: none;
}
a:visited {
	color: #005295;
	text-decoration: none;
}
a:focus	{
	color: #005295;
	text-decoration: none;
}
a:hover	{
	color: #005295;
	text-decoration: underline;
}
a:active{
	color: #005295;
	text-decoration: none;
}

div.box_highlight {
	background: #dbe9f5;
    list-style: none;    
    padding: 5px;
    overflow: auto;
    border: 2px solid #B7D3EA;
    margin-top: 5px;
}

#contain input, textarea, select {
	
	padding: 1px;
	margin-bottom: 8px;
	margin-top: 0px;
	border-style: solid;
	border-width: 3px;
	border-color: #b7d3ea;
	color: #005295;
	background-color: white;
	font-family: Lucida Grande, Helvetice, Tahoma, sans-serif;
}

#contain select {
	
	min-width: 100px;
}

.csc-mailform-radio {
	
width: 50px;
}

.csc-textpic-border {
	
	border-color: #005295;
}

.formular_box {

	background-color:#eeeeee;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.formular_box div form {
	margin-right: 10px;
}

#klickpfad {
	padding-left: 1px;
	padding-bottom: 5px;
	font-size:10px;
}
#titel {
	margin-bottom: 10px;
	color: #005295;
	font-weight: bold;
	font-size: 24px;
}

#bookmark {
	text-align:right;
	float: right;
}

#text {
	color: #575757;
/*	padding-left: 1px;*/
	line-height: 18px;
}

/* Formular - Login */

div.login {
	
	clear:  both;
	text-align: right;
	
}

fieldset.login label {
	
}

fieldset.login input {
	
	margin-bottom: 5px;
	margin-top: 5px;

}


#tx_felogin_pi1[forgot_email] {
	min-width: 254px;
	width: 254px;

}



#user {
	margin-right: 3px;
	float: left;
	width: 124px;
}



#pass {
	margin-left: 3px;
	width: 124px;
}



/* Mitmachen */

.box_mitmachen {
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
	margin: 2px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	color: #575757;
}

.box_mitmachen a:link {
	color: #575757;
	text-decoration: none;
}

.box_mitmachen a:visited {
	color: #575757;
	text-decoration: none;
}

.box_mitmachen a:focus	{
	color: #575757;
	text-decoration: none;
}

.box_mitmachen a:hover	{
	color: #005295;
	text-decoration: none;
}

.box_mitmachen a:active	{
	color: #005295;
	text-decoration: none;	
}

#newsletter {
	background-image:url("../images/icons/newsletter.png");
  	background-position: left middle;
  	background-repeat: no-repeat;
}

#weblog {
	background-image:url("../images/icons/weblog.png");
  	background-position: left middle;
  	background-repeat: no-repeat;
}

#spenden {
	background-image:url("../images/icons/donate.png");
  	background-position: left middle;
  	background-repeat: no-repeat;
}

#mitglied {
	background-image:url("../images/icons/member.png");
  	background-position: left middle;
  	background-repeat: no-repeat;
}


/* Termine */

.cal-date-right {

	font-size: 10px;
	color: #575757;
  padding:2px 2px 2px 14px;
  background-image:url("../images/icons/calendar_day.gif");
  background-position: left 3px;
  background-repeat: no-repeat;
}


.cal-event-right {
	padding-bottom: 2px;
}

.cal-date {

	font-size: 10px;

  padding:2px 2px 2px 14px;
  background-image:url("../images/icons/calendar_day.gif");
  background-position: left 3px;
  background-repeat: no-repeat;
}
}

.cal-event {
	
}

.cal-category {
	font-size: 10px;
  padding:2px 2px 2px 14px;
  background-image:url("../images/icons/calendar.gif");
  background-position: left 3px;
  background-repeat: no-repeat;
}
.cal-organisator {
  font-size: 10px;
  padding:2px 2px 2px 14px;
  background-image:url("../images/icons/person.gif");
  background-position: left 3px;
  background-repeat: no-repeat;
}

.cal-location {
  font-size: 10px;
  padding:2px 2px 2px 14px;
  background-image:url("../images/icons/home.gif");
  background-position: left 3px;
  background-repeat: no-repeat;
}

.cal-export {
  font-size: 10px;
  padding:2px 2px 2px 14px;
  background-image:url("../images/icons/document.gif");
  background-position: left 3px;
  background-repeat: no-repeat;
}

.cal-list-item {
  padding:10px;
  margin-bottom:20px;
  background-color: #dbe9f5;

}

.cal-description {

}

/* Twitter */

.twitter-date {

  padding:2px 2px 1px 14px;
  background-image:url("../images/icons/clock.gif");
  background-position: left 3px;
  background-repeat: no-repeat;
  color: #575757;
}

.twitter-entry {
line-height: 14px;
  font-size: 10px;
  
  padding-top: 5px;

}

/* Formular - Mail*/

fieldset.csc-mailform {

	border:0;
	background-color: #eeeeee;
	padding-top: 8px;
}

fieldset.csc-mailform label{

	width:120px;
	float:left;
	text-align:right;
	margin-right:10px;
	display:block

}

fieldset.csc-mailform input,fieldset.csc-mailform textarea {

	font-size: 10px;
	font-family: Arial, Tahoma, Verdana, Helvetica;
	width: 200px;
	padding: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
	border-style: solid;
	border-width: 3px;
	border-color: #b7d3ea;
	color: #005295;
	background-color: white;

}

fieldset.csc-mailform input.csc-mailform-submit {
	width: 100px;
}

fieldset.csc-mailform fieldset input {

	
	width: 200px;
	padding: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
	border-style: solid;
	border-width: 3px;
	border-color: #b7d3ea;
	color: #005295;
	background-color: white;

	float:none;
	display:inline;

}

fieldset.csc-mailform fieldset label {

	display:inline;
	float:none;
	text-align:left;
	width:300px;
	margin:10px 0

}

fieldset.csc-mailform fieldset {

	border:0
	
}

fieldset.csc-mailform fieldset legend {

	display:none

}

fieldset.csc-mailform select {

	width:220px;margin:2px 0

}

fieldset.csc-mailform option {

	padding:0 5px;background:#fff
	
}

#mailformformtype_mail {

	padding:2px;
	margin-left:0px;
	background:#eee;
	border:1px solid #ccc;
	width:80px;
	text-align:center
	
}

.news-list-browse {
	
	text-align: center;
}