/*******************************************************************************
    Document   : Himmerich
    Created on : 13.04.2010, 13:12:17
    Author     : Simon Milz <smilz@giftgruen.com>
*******************************************************************************/
@import 'sharing.css';
@import 'jquery.fancybox-1.3.1.css';

body {
    margin:0px;
    padding:0px;
    background: url("../img/bg_body.jpg") no-repeat 45% 0;
    font-family: Arial, sans-serif;
    font-size:12px;
    line-height:140%;
}

fieldset {
    border:none;
    padding:0px;
}

a img {
    border:none;
}

.left {
    float:left;
}

.right {
    float:right;
}

.clear {
    clear:both;
}

.small {
    color:#AAAAAA;
    font-size:9px;
}

.subtemplate {
    clear:both;
}
.about-dj {
    float:left;
    margin-right:10px;
    padding-top:10px;
}

h2 {
    border-bottom: 1px solid #F5CCD4;
    font-family: Georgia,serif;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    margin-top: 36px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
}

.teaser-box h2 {
    margin-top: 12px;
}

.location-item h2 {
    padding-left: 0;
}

p {
    
}

/************************************
    Message-Formate
************************************/

p.error {
    background:#FF6F6F url(../img/icons/cross.png) no-repeat scroll 8px center;
    border:1px solid red;
    color:#FFFFFF;
    padding:10px 10px 10px 30px;
    margin:0px;
}

p.success {
    background:#577F57 url(../img/icons/tick.png) no-repeat scroll 8px center;
    border:1px solid green;
    color:#FFFFFF;
    padding:10px 10px 10px 30px;
    margin:0px;
}

p.warning {
    background:#FFFACD url(../img/icons/error.png) no-repeat scroll 8px center;
    border:1px solid yellow;
    padding:10px 10px 10px 30px;
    margin:0px;
}

/*******************************************************************************
Navigation der verschiedenen Webseiten

div#topnavi-container   (Container Element)
    ul#topnavi  ´       (Listen Element)
*******************************************************************************/

div#topnavi-container {
    background: url("../img/bg_topnavi.jpg");
    height:28px;
}

div#topnavi-wrap {
    width:930px;
    margin:0 auto;
}

div#topnavi-container div#topnavi-wrap ul#topnavi {
    padding:0px;
    margin:0px;
}

div#topnavi-container div#topnavi-wrap ul#topnavi li {
    display:inline;
}

div#topnavi-container div#topnavi-wrap div#topnavi-fbconnect {
    float:right;
    margin-top:-29px;
}

/*******************************************************************************
Header - Oberer Teil der Webseite

div#header          (Container Element)
    ul#mainnavi     (Listen Element)
*******************************************************************************/

div#header {
    width: 930px;
    margin: 0 auto;
}

div#header img {
    cursor:pointer;
    width: 930px;
    height: 163px;
}

div#header ul#mainnavi {
    /*background: #3d3d3d;*/
    /*background: url(../img/layout/mainnavi_uol.png) no-repeat bottom right;*/
    height: 39px;
    padding: 0;
    margin-top: -14px;
    margin-left: 14px;
    margin-bottom: 1px;
    position: relative;
    font-family: Georgia,serif;
}

div#header ul#mainnavi li {
    float: left;
    list-style: none;
    padding: 0;
    height: 100%;
}

div#header ul#mainnavi li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
    padding: 14px 15px 0;
    height: 25px;
    background: url(../img/layout/mainnavi_li_sprite.png) no-repeat 0 -78px;
}

/* +++ HOVER +++ */

div#header ul#mainnavi li a:hover{
    text-decoration: underline;
}

div#header ul#mainnavi li.over span,
div#header ul#mainnavi li.over a {
    background: url(../img/layout/mainnavi_li_act_sprite.png) no-repeat 0 0px;
}

div#header ul#mainnavi li.over a{
    background: url(../img/layout/mainnavi_li_act_sprite.png) no-repeat 100% -39px;
    float: left;
    padding-left: 11px;
    /*padding-right: 38px;*/
}

div#header ul#mainnavi li.over span{
    display: block;
    float: left;
    width: 4px; height: 39px;
    background-position: 0 0;
}

/* +++ AKTIV +++ */

div#header ul#mainnavi li.active span,
div#header ul#mainnavi li.active a {
    background: url(../img/layout/mainnavi_li_sprite.png) no-repeat 0 0px;
}

div#header ul#mainnavi li.active a{
    background: url(../img/layout/mainnavi_li_sprite.png) no-repeat 100% -39px;
    float: left;
    padding-right: 20px;
}

div#header ul#mainnavi li.active span{
    display: block;
    float: left;
    width: 4px; height: 39px;
    background-position: 0 0;
}

/* +++ Letztes Element +++ */

div#header ul#mainnavi li.last a{
    padding: 14px 0 0;
}

/*******************************************************************************
Content - Inhaltsbereich der Webseite

div#content-container     (Container Element)
    div#content           (Container Element)
*******************************************************************************/

div#content-container {
    background: url("../img/bg_content.png") no-repeat scroll 0 0 transparent;
    margin:0 auto;
    width:992px;
    overflow: hidden;
}

div#content-container div#content {
    margin-left:31px;
    padding-right:41px;
    overflow:hidden;
    padding-left:10px;
    padding-top:10px;
}

/*******************************************************************************
Footer - Fussleiste der Webseite

div#footer  (Container Element)
*******************************************************************************/

div#footer {
    background:url("../img/bg_footer.jpg") no-repeat scroll 0 0 transparent;
    height:23px;
    margin:10px auto 0;
    width:931px;
    text-align:right;
    padding-top:2px;
    clear:both;
}

div#footer a {
    color:#fff;
    text-decoration:none;
    font-size:10px;
    padding-right:10px;
}

/*******************************************************************************
FCE's der Seiten

div.teaser-box-wrap         (Container Element)
    div.teaser-box          (Container Element)

div.teaser-box-wrap-single  (Container Element)
    div.teaser-box          (Container Element)

div.subtemplate             (Container Element)
    div.subcol_33           (Container Element)
    div.subcol_50           (Container Element)
    div.subcol_66           (Container Element)
*******************************************************************************/

div.teaser-box-wrap-single {
    -moz-border-radius:10px 10px 10px 10px;
    background:url("../img/bg_box_single.png") no-repeat scroll right bottom transparent;
    margin-bottom:10px;
    padding-bottom:22px;
    padding-right:2px;
}

div.teaser-box-wrap {
    -moz-border-radius: 10px 10px 10px 10px;
    background: url("../img/bg_box.png") no-repeat scroll right bottom transparent;
    margin-bottom: 10px;
    padding-bottom: 22px;
    padding-right: 2px;
}

div.teaser-box-wrap div.teaser-box, div.teaser-box-wrap-single div.teaser-box {
    -moz-border-radius:10px 10px 10px 10px;
    background:url("../img/bg_box_inner.jpg") no-repeat scroll right bottom #F7F7F7;
    border:0 solid #F7F7F7;
    padding:12px;
}

div.teaser-box-wrap div.teaser-box p{
    font-size: 11px;
}

div.teaser-box-wrap a.more {
    color:#FFFFFF;
    display:block;
    float:right;
    font-size:11px;
    font-weight:bold;
    margin-right:16px;
    margin-top:3px;
    text-align:center;
    text-decoration:none;
    width:97px;
}

div.subtemplate div.subcol_33 {
    width:33%;
}

div.subtemplate div.subcol_50 {
    width:48%;
}

div.subtemplate div.subcol_50.left {
    margin-right:1%;
}

div.subtemplate div.subcol_50.right {
    margin-left:1%;
}

div.subtemplate div.subcol_66 {
    width:63%;
}

/*******************************************************************************
Übersicht der aktuellen Fotos auf der Startseite (ID:26)

div#overview-right-col      (Container Element)
    div.gallery-overview    (Container Element)
        div.info            (Container Element)
        div.footer          (Container Element)
*******************************************************************************/
div#overview-right-col div.gallery-overview:hover {
    background:#e8e8e8;
    /*background:#dfdfdf;*/
    background:#C10025;
    color:#fff;
}

div#overview-right-col div.gallery-overview.active:hover {
    background:#080808;
    color:#fff;
}

div.gallery-overview {
    padding:5px;
    margin-bottom: 5px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

div.gallery-overview a { text-decoration: none; }

div#overview-right-col div.gallery-overview.active {
    background:#080808;
    color:#fff;
}
div#overview-right-col div.gallery-overview.selected {
    background:#e8e8e8;
    /*background:#dfdfdf;*/
    background:#C10025;
    color:#fff;
}

div#overview-right-col div.gallery-overview.active div.info span.date {
    color:#fff;
}

div#overview-right-col div.gallery-overview.active div.info p.title {
    color:#fff;
}

div.gallery-overview div.info p.title a {
    color: #C10025;
    text-decoration: none;
}

div#overview-right-col div.gallery-overview.active div.info p.title a,
div#overview-right-col div.gallery-overview.selected div.info p.title a,
div#overview-right-col div.gallery-overview:hover div.info p.title a{
    color: #fff;
}


div#overview-right-col div.gallery-overview.selected span.date,
div#overview-right-col div.gallery-overview:hover span.date,
div#overview-right-col div.gallery-overview:hover p.title{
    color: #fff;
}

div#overview-right-col div.gallery-overview:hover span.day{
    background: #080808;
    border: 1px solid #000;
}

div#overview-right-col div.gallery-overview.selected span.day,
div#overview-right-col div.gallery-overview.active:hover span.day{
    background: #C10025;
    border: 1px solid #DF6A80;
}

div#overview-right-col div.gallery-overview:hover img.thumb {
    border: 1px solid #DF6A80;
}

div#overview-right-col div.gallery-overview.active:hover img.thumb {
    border: 1px solid #D7D7D7;
}

div.gallery-overview img.thumb {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px;
    border:1px solid #D7D7D7;
    float:left;
    padding:3px;
    width:95px;
    height:63px;
}

div.gallery-overview div.info {
    margin-top:-4px;
    margin-left:110px;
}

div.gallery-overview div.info span.day {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px;
    background:none repeat scroll 0 0 #C10025;
    border:1px solid #DF6A80;
    color:#FFFFFF;
    display:block;
    float:left;
    font-size:17px;
    font-weight:bold;
    margin-right:2px;
    padding:3px;
    text-align:center;
    text-transform:uppercase;
    width:31px;
}

div#overview-right-col div.gallery-overview.active div.info span.day,
div#overview-right-col div.gallery-overview.active:hover div.info span.day{
    border: 1px solid #000;
}

div.gallery-overview div.info span.date {
    color:#181818;
    display:block;
    font-size:17px;
    font-weight:bold;
    padding-top:8px;
}

div.gallery-overview div.info p.title {
    border-bottom:1px solid #C9C9C9;
    color:#CB0027;
    font-size:11px;
    font-weight:bold;
    margin-bottom:5px;
    margin-top:8px;
    padding-bottom:2px;
    padding-left:2px;
}

div.gallery-overview div.footer {
    font-family:Georgia;
    font-size:10px;
    margin-left:109px;
}

div.gallery-overview div.footer img {
    vertical-align:text-bottom;
}

div#start-next-events {
    position:relative;
}

div.event-slideshow {
    background:none repeat scroll 0 0 #FFFFFF;
    bottom:40px;
    opacity:0.7;
    position:absolute;
    width:547px;
}

div.event-slideshow img.preview {
    width:100px;
    height:65px;
    padding:6px 18px;
}

div.event-slideshow img.preview.active, img.preview:hover {
    background:#C10025;
    cursor:pointer;
}

div.next-event img.preview {
    width:547px;
    height:404px;
}

div.next-event div.info {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px;
    background:#3d3d3d;
    margin-top:-7px;
    position:relative;
    padding:8px;
    height:24px;
}

div.next-event div.info span.date {
    color:#fff;
    display:block;
    font-size:19px;
    font-weight:bold;
    padding-top:4px;
    float:left;
}

div.next-event div.info span.day {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px;
    background:none repeat scroll 0 0 #C10025;
    border:1px solid #DF6A80;
    color:#FFFFFF;
    display:block;
    float:left;
    font-size:19px;
    font-weight:bold;
    margin-right:2px;
    padding:3px;
    text-align:center;
    text-transform:uppercase;
    width:31px;
}

div.next-event div.info p.title {
    color:#CB0027;
    font-size:20px;
    font-weight:bold;
    float:left;
    margin:3px 6px;
}

/*
    Event Detailansicht
*/

div.event-detail {
    margin-top: 18px;
}

div.event-detail img.preview {
    width:573px;
}

div.event-detail div.info {
    padding:8px 8px 4px;
    height:31px;
    border-bottom:1px solid #F5CCD4;
}

div.event-detail div.info span.date {
    display:block;
    font-size:19px;
    font-weight:bold;
    padding-top:4px;
    float:left;
}

div.event-detail div.info span.day {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px;
    background:none repeat scroll 0 0 #C10025;
    border:1px solid #DF6A80;
    color:#FFFFFF;
    display:block;
    float:left;
    font-size:19px;
    font-weight:bold;
    margin-right:2px;
    padding:3px;
    text-align:center;
    text-transform:uppercase;
    width:31px;
}

div.event-detail div.info p.title {
    color:#CB0027;
    font-size:20px;
    font-weight:bold;
    float:left;
    margin:3px 6px;
}

div.event-detail div.info div.share {
    float:right;
    margin-top:2px;
}

div.event-pic {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #E8E8E8;
    float:left;
    height:135px;
    margin-bottom:13px;
    margin-right:13px;
    overflow:hidden;
    padding:5px;
    width:170px;
}

div.event-pic.last {
    margin-right:0px;
}

div.event-pic div.pic-wrap {
    overflow:hidden;
    height:113px;
    margin-bottom:5px;
}

div.event-pic img.thumb {
    width:170px;
}

div.event-pic img.icon {
    vertical-align:text-bottom;
}

/*******************************************************************************
Uploadworkflow für Fotos (ID:40)

div#picture-upload  (Container Element)
    div.activity    (Container Element)
*******************************************************************************/

div.activity {
    border-bottom:1px solid #F5CCD4;
    overflow:hidden;
    padding:10px 5px 8px;
    padding-left:15px;
    position:relative;
}

div#picture-upload label {
    display:block;
    float:left;
    width:160px;
    margin-right:10px;
}

div#picture-upload select  {
    -moz-appearance:menulist;
    -moz-box-sizing:border-box;
    -moz-user-select:none;
    background-color:-moz-combobox;
    border:2px inset threedface;
    color:-moz-comboboxtext;
    cursor:default;
    font:-moz-list;
    line-height:normal !important;
    margin:0;
    overflow:-moz-hidden-unscrollable;
    text-align:start;
    text-indent:0;
    text-shadow:none;
    white-space:nowrap !important;
    word-wrap:normal !important;
}

/*******************************************************************************
Bearbeitungsworkflow für Fotos (ID:40)

div#picture-edit    (Container Element)
    div.activity    (Container Element)
    div.imgedit     (Container Element)
*******************************************************************************/

div#picture-edit div.activity img.thumb {
    width:80px;
    float:left;
    margin-right:10px;
}

div#picture-edit div.activity div.info span {
    display:block;
    float:left;
    width:80px;
}

div#picture-edit div.activity div.options {
    float:right;
}

div.imgedit {
    float:left;
    padding:5px;
    border:1px solid #E8E8E8;
    -moz-border-radius:5px 5px 5px 5px;
    margin-right:21px;
    margin-bottom:5px;
    font-size:10px;
}

div.imgedit:hover {
    background:#ccc;
}

div.imgedit.last {
    margin-right:0px;
}

div#picture-edit div.imgedit img.thumb {
    width:80px;
    height:80px;
}

div#picture-edit div.imgedit a img {
    vertical-align:top;
    margin-right:3px;
}

div.fancybox-img-wrap {
    width:490px;
    height:300px;
}

/*
 Mailform
*/
#karte {
margin-top:-164px;
position:relative;
z-index:100;
}

legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
width:100%;
}

.mf-check {
border: 0px;
}
.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

/**
    Picbrowser
**/

div.pic-browser {
    /*margin-left: 10px;*/
    text-align: center;
}

a.internal {
    -moz-border-radius:5px 5px 5px 5px;
    margin-right:4px;
    padding:1px 4px;
    text-decoration:none;
    background:none repeat scroll 0 0 #C10025;
    border:1px solid #DF6A80;
    color:#FFFFFF;
    font-size:11px;
}

a.internal.active {
    font-weight:bold;
}

/* position and dimensions of the navigator */
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 910px;
    height:375px;
}

div.scrollable-events {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 547px;
    height:441px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items, div.scrollable-events div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div, div.scrollable-events div.items div.next-event {
    float:left;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}
.navi {
height:20px;
padding:10px;
position:absolute;
right:0;
z-index:1000;
}


/* items inside navigator */
.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(../img/scrollable/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.navi a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
    background-position:0 -16px;
}

.prevPage {
    background:url(../img/scrollable/slide_arrow_left.png) 0 0 no-repeat;
    height:291px;
    position:absolute;
    width:53px;
    margin-top:20px;
    cursor:pointer;
}

.nextPage {
    background:url("../img/scrollable/slide_arrow_right.png") no-repeat scroll 0 0 transparent;
    height:291px;
    margin-top:40px;
    position:absolute;
    right:0;
    width:53px;
    cursor:pointer;
}

.browse.disabled {
    opacity:0.5;
}

/*
    Location
*/

div.location-item {
    clear:left;
}

div.location-item div.teaser-box-wrap-single {
    float:left;
    margin-right:10px;
    margin-top:-6px;
}

div.location-item div.teaser-box-wrap-single img {
    height:140px;
    width:200px;
}

div.location-item div.content {
    margin-left:250px;
}

div.location-item span.date {
    font-family: Arial, sans-serif;
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #C10025;
    border: 1px solid #DF6A80;
    color: #FFFFFF;
    display: block;
    font-style: normal;
    float: left;
    font-size: 17px;
    font-weight: bold;
    margin-top: -4px;
    margin-right: 4px;
    padding: 3px 6px;
    text-align: center;
    text-transform: uppercase;
    /*width: 31px;*/
}

div.location-navi {
    -moz-border-radius:0 0 9px 9px;
    -webkit-border-radius:0 0 9px 9px;
    border-radius:0 0 9px 9px;
    border-top:1px solid #dc516c;
    background:none repeat scroll 0 0 #CF1337;
    margin-top:-6px;
    height:29px;
}

div.location-navi a {
    border-right:1px solid #DC516C;
    color:#FFFFFF;
    display:block;
    float:left;
    font-family:Georgia,serif;
    font-size:13px;
    font-style:italic;
    font-weight:bold;
    padding:6px 30px;
    text-decoration:none;
    position:relative;
}

div.haken {
    background:none repeat scroll 0 0 #3c3c3c;
    height:15px;
    left:45%;
    position:absolute;
    top:20px;
    width:15px;
    z-index:-1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

div.location-navi a.active, div.location-navi a:hover {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.25, rgb(61,61,61)),color-stop(0.75, rgb(82,82,82)));
    background: -moz-linear-gradient(center bottom,rgb(61,61,61) 25%,rgb(82,82,82) 75%);

}

div.about-item .gallery-overview.aboutus img {
    -moz-border-radius:5px 5px 5px 5px;
    border:1px solid #D7D7D7;
    float:left;
    height:63px;
    padding:3px;
    width:95px;
}

div.about-item .gallery-overview.aboutus div.info p.title {
    border:none;
    color:#CB0027;
    font-size:11px;
    font-weight:bold;
    margin-bottom:5px;
    margin-top:8px;
    padding-bottom:2px;
    padding-left:2px;
}

.gallery-overview.aboutus.active {
    background: #3d3d3d;
}

.gallery-overview.aboutus.active .day {
    border: 1px solid #3d3d3d;
}

div.about-item .gallery-overview.aboutus.active img {
    border: 1px solid #5f5f5f;
}

div.about-item .gallery-overview.aboutus.active div.info p.title,
div.about-item .gallery-overview.aboutus.active div.info .date {
    color: #fff;
}


.gallery-overview.aboutus img {
    cursor:pointer;
}

div.gallery-overview.aboutus:hover {
    background:#CB0027;
    cursor:pointer;
}

div.gallery-overview.aboutus:hover div.info p.title,
div.gallery-overview.aboutus:hover div.info .date{
    color: #fff;
}

div.gallery-overview.aboutus:hover div.info .day{
    background: #000;
    border: 1px solid #3d3d3d;
}

div.about-item div.gallery-overview.aboutus:hover img{
    border: 1px solid #DF6A80;
}

div.about-item div.gallery-overview.aboutus.active:hover img{
    border: 1px solid #5f5f5f;
}

div.gallery-overview.aboutus.active:hover {
    background:#3d3d3d;
}

div.gallery-overview.aboutus.active:hover div.info .day {
    background:#CB0027;
}

/*
    Table
*/
table.fancy {
    border:0px;
    border-style:none;
    border-collapse:collapse;
}
table.fancy th {
    color:#fff;
    height:23px;
    text-align:left;
    padding-left:4px;
}
table.fancy td {
    padding-left:4px;
}
table.fancy tr.odd td {
    background:#e7e7e7;
}
table.fancy th.first {
    background:url("../img/bg_footer.jpg") no-repeat scroll 0 0 transparent;
}
table.fancy th.middle {
    background:url("../img/bg_footer.jpg") no-repeat scroll -10px 0 transparent;
}
table.fancy th.last {
    background:url("../img/bg_footer.jpg") no-repeat scroll right center transparent;
}

div#orga-overview div.teaser-box-wrap-single {
    width:300px;
    float:left;
}

/*
 Forms
*/

input.input-text {
   position: relative;
   z-index: 2;
}

label {
   position: relative;
   z-index: 1;
}

label.inlined {
    padding-left: 6px;
    font-weight: normal;
    font-size: 12px;
    font-family: "Helvetica Neue";
    opacity: 0.75;
    -webkit-transition: opacity 0.15s linear;
}

label.inlined + input.input-text {
    margin-top: -22px;
}

label.focus { opacity: 0.35; }
label.has-text { opacity: 0.0; -webkit-transition-duration: 0s; }

input.input-text, input.password, textarea {
    -moz-border-radius:2px 2px 2px 2px;
    background:url("../img/bg_input.png") no-repeat scroll 0 0 transparent;
    border:1px solid #BBBBBB;
    color:#999999;
    display:block;
    font:12px/18px "Arial",Helvetica,Verdana,sans-serif;
    margin:0 10px 10px 0;
    padding:3px 4px;
    position:relative;
    text-shadow:0 0 1px #FFFFFF;
    z-index:2;
    width:270px;
}

label.inlined + textarea.input-text {
margin-top:-20px;
}

.mandatory { font-weight: bold !important; }

#captcha-text {
    float:left;
    font-size:10px;
    margin:0;
    padding:5px;
    width:137px;
}

#kontakt-captcha {
    margin-bottom:10px;
}

#kontaktform,#meinung {
/*    float:left;*/
    padding-top:5px;
}

#kontaktsuccess, #meinungsuccess {
/*    margin-left:308px;*/
    margin: 10px 0 0;
}



/*******************************************************************************
Facebook Friends

span.fb-friends-pic  (Container Element)
*******************************************************************************/

span.fb-friends-pic{
    display: inline-block;
    margin-right: 4px;
}