/* ----------------------------------------------
   File Name : style.css familienbeirat-berlin.de
   File Code : FB-001
   Version : 1.0
   Author : Wolfgang Sinzig
   Author URI : http://www.followyoureyes.net/
   Last Date Modified : Februar 01, 2010

   Farbwerte:
   orange:         #f19300;
   blau:           #002a63;
   grau:           #444;
   hell-grau:      #666666;

   Bild-Dimensionen:
 ------------------------------------------------ */
 
@import url("reset.css");


/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */

body {
	font: 100% Arial, Verdana, Helvetica, Geneva, sans-serif;
	color: #444;
	margin: 0; padding: 0;
   text-decoration: none;
   background-color: #fff;
   margin: 0;
   padding: 0;
}

li.br {
   margin: 10px;
}
/* start - table */
table {
   border-collapse: collapse;
   margin: 20px 0 10px 0;
}
tr { background: rgb(255, 255, 255); }
tr.altrow { background: #F9F9F9;   }
th, td {
   text-align: left;
   border-width: 0px;
   border-style: solid;
   vertical-align: middle;
}
th {
   color: #7BA857; /*  green */
   color: #feae31; /* orange */
   background: #EFFAE6;
   padding: .8em 1em;
   border-color: #DFF4D5 #D3EFC3 #A7DF8A #D3EFC3;
}
td {
   border-color: #EFEFEF;
   padding: .1em 1em;
}

td.pflichtfeld, td.error { padding: .1em 0; width:0px; }

/* end - table */

/* form elements */
 form {
   margin: 0;
   padding: 10px 0px 15px 0px;
   background: #fff;
} 
form p {
   border-bottom: 1px solid #E6E6E6;
   padding: 10px 0 5px 0;   margin: 0;
   color: #7BA857; /*  green */
   color: #feae31; /* orange */
}
label {
   font-weight: bold;
   color: #7BA857; /*  green */
   color: #feae31; /* orange */
}
input, select, textarea {
   margin: 5px 0;
   padding: 5px;
   color: #6A6969;
   border-width: 1px;
   border-style: solid;
   border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
   font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
input:focus, select:focus, textarea:focus {
   color: #444; /* orange */
   background: #ECECEC;
}
/* #name, #email, #message, #website {
   width: 325px;
} */
input.button, .button,
input[type="submit"] {
   font: bold 12px Arial, Sans-serif;
   height: 30px;
   margin: 0;
   padding: 2px 3px;
   color: #fff;
   background: #feae31;

   border-width: 1px;
     border-style: solid;
     border-color: #fdab30 #ff9900 #ff9900 #fdab30;
}
input[type="image"] {
   border: 0 none;
}

.button { background-color: #f19300; color: #fff; font-weight: bold; }

ul {
list-style-type: none;
list-style-image: url(../images/icon-arrow2.gif);
margin: 0px;
padding: 0px;
padding-left:15px; }
li { padding-bottom: 4px; }

h1 {
font: normal 1.2em/1.5em Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 1.6em;
line-height: 30px;
color: #f19300;
margin: 0;
margin-bottom: 10px;
padding: 0;
}
h1.normal{
font-weight: normal;
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 30px;
line-height: 30px;
color: #444;
margin: 0;
margin-bottom: 10px;
padding: 0;
}
h2 {
font-weight: normal;
font-size: 1.4em;
font-family:  Arial, Verdana, Helvetica, Geneva, sans-serif;
line-height: 24px;
color: #f19300;
margin: 0;
margin-bottom: 5px;
padding: 0;
}
h3 {
font-weight: normal;
font-family:  Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 11px;
margin:0;
padding: 0;
color: #444;
}
h4 { font-size: 1.2em;}

a { text-decoration: none; color: #444; font-weight: normal;}
a:hover { color: #f19300;}

p, dl { padding: 0px; }
/* Images */
img {
   border: 0 none;
}
/* ------------------------------------------
   LAYOUT
------------------------------------------- */

#header-wrapper,
#content-wrapper,
#toolbox-wrapper,
#footer-wrapper {
   position: relative;
   width:100%;
   background: #fff;
/* background-color: grey; */
}
#header-wrapper {  
   margin-top: 5px;
   margin-bottom: 25px;
}
#content-wrapper {  
	clear: both;
   font-size: .8em;
}

#toolbox-wrapper {
	clear: left;
	margin: 0 auto;
   padding-top: 20px;
	text-align: left;
   height:auto;
   font-size: .8em;
}

#footer-wrapper {
	clear: both;
   background-color: #ececec;
   height:464px;
	margin: 0 auto;
	text-align: left;
}
.grid_1,
.grid_2,
.grid_3 {
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}

.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
}

.container_16 .grid_3 {
	width: 400px;
   /* border: 1px solid grey; */
}

.container_16 .grid_2 {
	width: 505px;
  /*  border: 1px solid grey; */
   margin-right: 45px;
   padding-bottom: 35px;
}
.container_16 .grid_1 {
	width: 270px;
   margin-bottom: 25px;
   /* border: 1px solid grey; */
}
#toolbox  .grid_1 {
	width: 270px;
   margin-bottom: 0px;
   /* border: 1px solid grey; */
}

/* ================
   Header        */

#header { width: 820px;  }
#logo { float: left; width: 40px;}
#logo img { width: 200px; height: 77px; }


/* ================
   Navigation    */

.top-nav { padding-left: 40px; text-align: center;}
.top-nav-data { height: 50px; text-align: right; color: #f19300; text-decoration: none; }
.top-nav-data a { text-decoration: none; color: #444; font-size: 14px; margin-left:8px; font-weight: normal;}
.top-nav-data a:hover { text-decoration: none; color: #f19300; }
.top-nav-data-active a{ text-decoration: none; color: #f19300; }

div.tx-grnmixedsearch-pi {
   position: relative;
   left: 645px;
   top: 5px;
   height: 27px;
   width: 134px;
}
.tx-grnmixedsearch-pi form {
   margin: 0;
   padding: 0px;
   background: #fff;
} 
.tx-grnmixedsearch-pi input {
   margin: 0;
   padding: 0;
   color: #6A6969;
   border-width: 0px;
}
div.tx-grnmixedsearch-pi input.swords {
   background:transparent url(../images/search_swords.png) no-repeat scroll 0 0;
   border:0 none;
   height:13px;
   padding:7px 12px 7px 7px;
   width:90px;
   float: left;
}

#top-nav-main { font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; font-size: 20px;  margin-top:50px; white-space: nowrap; }
.top-nav-main  a { text-decoration: none; padding-right: 8px; color: #444; }
.top-nav-main a:hover { text-decoration: none; color: #f19300; }
.top-nav-main-active a { color: #f19300; text-decoration: none; padding-right: 8px; }
.top-nav-main-active a:hover { color: #f19300; text-decoration: none; }
#top-nav-under { height: 40px; text-align: center; font-size: 14px; margin-top:10px;}
.top-nav-under a { text-decoration: none; padding-right: 12px; color: #444; }
.top-nav-under a:hover { text-decoration: none; color: #f19300; }
.top-nav-under-active a { color: #f19300; text-decoration: none; padding-right: 12px; }
.top-nav-under-active a:hover { color: #f19300; text-decoration: none; }
#teaser { width: 853px; height: 150px; }
#teaser h1 { color: white;}
.teaser-headline { float: left; width: 218px; height: 131px; background-image: url(../images/teaser-text.png); background-repeat: no-repeat; }
.teaser-headline-box { padding-left: 25px; padding-top: 20px; padding-right: 10px; padding-bottom: 15px; font-size: 15px; line-height: 17px; color: #fff; text-align: left; }
.teaser-headline-box h1 { font-size: 18px; }
.teaser-headline-box a { color: #f19300; text-decoration: none; }
.teaser-headline-box a:hover { color: #f19300; text-decoration: none; }
.teaser-image { float: left; width: 635px; height: 133px; background-image: url(../images/teaser-image.png); background-repeat: no-repeat; }

#content { width:820px; margin-top: 10px; }
.content a { color: #444; text-decoration: none; font-weight: bold;}
.content a:hover { color: #f19300; text-decoration: underline; }

/* ================
   Main column   */
   
/* Änderung Alexander Sühlo */
.bodytext {
   line-height: 140%;
}

.column1padder { padding-top: 23px; padding-left: 15px; padding-right: 15px; }
.column1newsbox p { width: 495px;padding-right: 15px;}
.column2padder { padding-top: 23px; padding-left: 15px; padding-right:15px; }
.column2newsbox { margin-right:20px; }
.news-main { padding-left: 15px; padding-right: 5px;  }
.nav-box { padding-left: 15px; padding-right: 5px;  }
/* .nav-box li { list-style-image: url(../images/list-icon.gif);} */
.nav-box li { list-style-image: url(../images/icon-arrow2.gif);}
.nav-box li a { padding-left: 0px;}
.nav-box li a.nav-box_act{ color: #f19300; }
.newsbox { padding-left: 0; padding-right: 15px; padding-bottom: 15px;width: 520px;  }
#veranstaltungen h2 { color: #444; }
#veranstaltungen h3 { color: #f19300; font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; }
#veranstaltungen p { padding: 1px 0; }
#veranstaltungen ul { padding: 1px 20px 10px 20px; }


.csc-form-label, .csc-form-label-req, .csc-form-labelcell{
vertical-align: top;
padding-top:0px;
margin-top:0px;
}

#table_veranstaltung {
margin: 20px 0;
}

#table_veranstaltung  table{
margin: 0;
}
#table_veranstaltung  td {
padding: 0 1em  0 0;
vertical-align: bottom;
}

.input_area {
	width:220px;
}

.event_long {
	width:38em;
}

.event_text {
	width:38em;
}

.event_anrede_plz_nummer {
	width:6em;
}

.event_datum_uhrzeit {
	width:15.6em;
}

.event_vorname_name {
	width:12em;
}

.event_strasse_ort {
	width:25em;
}
.clear { clear: both; }

.preview-box-head { background: white url(../images/preview-oben.png ) no-repeat; width: 269px; height:18px; }
.preview-box-body { background: white url(../images/preview-mitte.png ) repeat-y; width: 269px; color: #333; }
.preview-box-bottom { background: white url(../images/preview-unten.png ) no-repeat; width: 269px; height:18px; }
.preview-box { padding-left: 15px; padding-right: 5px; }
/* .preview-box  li { list-style-image: url(../images/list-icon.gif); } */
.preview-box  li { list-style-image: url(../images/icon-arrow2.gif); }
.preview-box  a { color: #333; }
.preview-box  a:hover { color: white; }
.preview-box  h2 { color: white; }

/* ================
   Toolbox       */

#toolbox {
  position:relative;
  width: 820px;
  height: 40px;
  top: 0px;
  left: 2px;
}
#size {
   float:left;
   width: auto;
}
#printer {
   float:left;
   width: 40px;
   height: 20px;
   padding-left: 15px;
}
#update {
   clear:left;
   position:relative;
   width: auto;
   height: 20px;
}
/*Die Steuerung der Schriftgroesse*/
a.font_n:link, a.font_n:visited, a.font_n:hover {
	color:#666666;
	font-size:1.45em;
	text-decoration: none;
	font-weight:normal;
	margin-right:1em;
	background-color:#ffffff;
}

a.font_n:hover {
	color:#141F78;
	font-size:1.45em;
	text-decoration:none;
	font-weight:normal;
	margin-right:1em;
	background-color:#ffffff;
}

a.font_minus:link, a.font_minus:visited, a.font_minus:hover {
	color:#666666;
	font-size:1.1em;
	text-decoration: none;
	font-weight:normal;
	margin-right:1.3em;
	background-color:#ffffff;
}

a.font_minus:hover {
	color:#141F78;
	font-size:1.1em;
	text-decoration:none;
	font-weight:normal;
	margin-right:1.3em;
	background-color:#ffffff;
}

a.font_plus:link, a.font_plus:visited, a.font_plus:hover {
	color:#666666;
	font-size:1.75em;
	text-decoration: none;
	font-weight:normal;
	background-color:#ffffff;
}

a.font_plus:hover {
	color:#141F78;
	font-size:1.75em;
	text-decoration:none;
	font-weight:normal;
	background-color:#ffffff;
}
/* ================
   Footer       */
#footer {  
   width: 820px; 
   margin-top: 0px; 
   margin-bottom: 0px; 
   font-size: 11px; 
   line-height: 20px; 
   background-color: #ececec;
}
.footer a { color: #444; text-decoration: underline }
.footer a:hover { color: #f19300; }

#footer-wrapper h3 {
	color: #f19300;
	font: normal 1.8em Arial, Verdana, Helvetica, Geneva, sans-serif;
	text-transform: none;
	letter-spacing: -0.5px;
}
#footer-wrapper h3,
#footer-wrapper p {
	padding-left: 0;
}
#footer-wrapper .social
{
	margin-top: -10px;
}
#footer-wrapper a {
	color: #444;
   font-weight: bold;
	background: transparent;
}

/* footer-list */
#footer-wrapper .footer-list ul {
	border-top: 1px solid #E6E6E6;
	list-style: none;
	padding: 0 16px;
	margin-left: 0;
	width: 440px;
}

/* Alternatives Footer Aufzählungszeichen: list-style-image: url(../images/list-icon.gif);  war unten drinn */

#footer-wrapper .footer-list ul li {
	border-bottom: 1px solid #E6E6E6;
        list-style-image: url(../images/icon-arrow2.gif);
}
#footer-wrapper .footer-list ul li a {
	display: block;
	width: 98%;
	line-height: 2em;
	font-weight: bold;
	padding: 4px 0;
	margin-left: 0;
	padding-left: 0;
	color: #555;
	border: none;
}
#footer-wrapper .footer-list ul li a span {
	font-style: italic;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}
#footer-wrapper .footer-list ul li a:hover,
#footer-wrapper .footer-list ul li a:hover span {
	color: #444;
}

/* footer-content */
#footer-content {
	float: left;
	width: 100%;
	padding: 0 0 35px 0;
	margin: 10px 0 0 0;
}

/* footer-bottom */
#footer-bottom {
	clear: both;
	border-top: 1px solid #dadada;
	width: 820px;
	margin: 0 auto;
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
}
#footer-bottom .bottom-left {
	float: left;
	padding-left: 5px;
}
#footer-bottom .bottom-right {
	text-align: right;
	padding-right: 0;
}
.download {
background-image:url(../images/acrobat.gif);
background-position:left;
background-repeat:no-repeat;
padding-left: 22px;
}


.font-color_dark { color: #444; }
.pflichtfeld { color: #f19300;}

/* Kalender */
.tx-cal-controller .even {
   background-color: #fff;
}
ul.footer-list .tx-cal-controller .even {
   background-color: #ececec;
}
.V9G .orange_catheader { color: #f19300 !important; }
.csc-textpic-text { padding-bottom: 10px;}
.csc-searchResultHeader a {
   background-image:url(../images/list-icon.gif);
   background-position:left;
   background-repeat:no-repeat;
   padding: 2px 0 0 16px;
}
.csc-searchResultInfo { margin: 10px 0; }
.csc-searchResultInfo td {
   padding: .5em 0em;
}
#mailform { padding-top: 12px; }
.csc-mailform-field {
padding-top: 4px;
}

/* Alexanders Aenderungen */
/* Bei Ausblendung der Ankündigungsbox soll die Navigation richtig angezeigt werden */
.container_16 .grid_1 {
   margin-bottom: 0px;
}

#c532 {
   margin-bottom: 25px;
}

/* Link in Ankuendigungsbox soll nicht Fett angezeigt werden */
.preview-box a {
font-weight:normal;
}

td.td-0 {
   width: 144px;
}
.align-center {
   text-align: center;
}

.important {
   color: red;
}

.name-of-person {
   color: blue;
}

.detail {
   color: green;
}