/** *********************************************************************
 * Beschreibung:
 *
 * @copyright Copyright 2003-2009 cReal. Alle Rechte vorbehalten.
 *
 * ********************************************************************** */


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img { border: none; }
strong {font-weight:bold;}

/* Allgemeine Klassen */
.float_left  {float:left;}
.float_right {float:right;}
.clear_both  {clear:both;}
.clear_right {clear:right;}
.clear_left  {clear:left;}
.align_center{text-align:center;}
.seo, .none  {display:none;}
.cake-sql-log           {position:absolute;top:2400px;border:1px solid #000;}

/* Layout: Elemente */
body                    {color:#696969;margin:0px;padding:0px;font-family:"Verdana",Verdana,Arial,sans-serif;font-size:11px;background:url(../img/layout/bg.png) repeat-x #fff;}
textarea                {font-family:"Verdana",Verdana,Arial,sans-serif; font-size:11px;}
.popupLayout            {padding:10px;}
input[type=submit] {cursor:pointer;}

.containerHeader        {float:left;clear:both;height:288px;background:url(../img/layout/containerHeader/bg.png) no-repeat;width:802px;}
.containerHeader .txt   {margin-left:43px;margin-top:16px;float:left;}
.containerHeader .top-info {margin-right:35px;margin-top:16px;float:right;}
.containerHeader .mainNavi {position:absolute;top:196px;left:13px;width:493px;margin-right:2px;height:65px; cursor:pointer; background-repeat:no-repeat;}
.containerHeader .mainNaviActive0 {background:url(../img/layout/mainNavi/0.png) no-repeat;}
.containerHeader .mainNaviActive1 {background:url(../img/layout/mainNavi/1.png) no-repeat;}
.containerHeader .mainNaviActive2 {background:url(../img/layout/mainNavi/2.png) no-repeat;}
.containerHeader .home  {width:330px;height:70px;position:absolute;top:10px;left:2px;}
.containerHeader .datum {position:absolute; top: 57px; left:43px; color:#ccc;}


.containerHeader .categories {position:absolute;width:720px;margin-left:-358px;top:267px;left:50%;color:#fff;}
.categories .aktiv {color:#ffcc00;}
.categories td a         {color:#fff; font-size:11px; font-weight:bold;}
.categories td a:hover {color:#ffcc00;text-decoration:none;}

.homesiteLink {position:absolute; top:50px; right:30px;}
.homesiteLink img {cursor:pointer;}

.searchBox              {position:absolute;margin-top:226px;margin-left:512px;}
.searchBox input[type=text] {background:transparent;border:none;height:23px;width:192px;padding-top:4px; color:#b4b4b4;}
.searchBox input[type=submit] {display:none;}
.searchBox .error-message {display:none;}
.submitSearch           {position:absolute; top:-2px; left:211px; width:44px; height:24px; ;}

.mainNavi h1            {display:none;}
.mainNavi div           {float:right;}
.mainNavi .separator    {float:right;}

.ad_superbanner {top:10px;height:90px;width:728px;  left:50%; margin-left:-390px; position:absolute; z-index:9;}
.ad_skyscraper {top:110px; left:50%; margin-left:400px; height:600px; width:120px;  position:absolute; z-index:9;}

.containerMain          {width:802px;position:absolute;top:102px;left:50%;margin-left:-401px; z-index:10;}
.containerOuterContent  {width:802px;float:left;clear:both;}
.containerOuterContent .left  {background:url(../img/layout/containerContent/left.png) no-repeat; width:19px;}
.containerOuterContent .center{background:url(../img/layout/containerContent/center.png) repeat-x; width:764px; padding:25px 0px 25px 0px;}
.containerOuterContent .right {background:url(../img/layout/containerContent/right.png) no-repeat;width:19px;}

.dottedSeparator {margin-top:15px;margin-bottom:15px;width:496px;background:url(../../img/layout/dottedSeparator.png) no-repeat;height:1px; }


/* Überschriften & Textelemente */
h2                      {font-weight:bold;font-size:14px;color:#fff;}
h3                      {font-weight:bold;font-size:13px;color:#fff;}
h4                      {color:#8b8b8b; height:18px; border-bottom:1px solid #cccccc; margin:0px 0px 10px 0px; font-size:12px; padding:15px 0px 0px 0px; font-weight:normal; display:block; clear:both;}
h6                      {color:#8b8b8b; height:18px; border-bottom:1px solid #cccccc; margin:0px 0px 10px 0px; font-size:12px; padding:0px; font-weight:normal; display:block; clear:both;}
.box .ueberschrift      {font-weight:bold; font-size:12px; color:#000; margin:0px 0px 5px 0px;}

a                       {color:#ff0000;text-decoration:none;}
a:hover                 {text-decoration:underline;}

/* Farben */
.orange {color:#ff6600;}
.rot    {color:#ff0000;}
.gelb   {color:#ffcc00;}
.weiss  {color:#fff;}
.black  {color:#000;}
.grau   {color:#8b8b8b;}

/* Footer */
.containerFooter            {float:left;clear:both;margin-left:1px;background:url(../img/layout/containerFooter/bg.png) no-repeat;height:211px;padding-left:15px;padding-right:15px; width:772px; padding-top:2px; }
.containerFooter a          {color:#696969;font-size:10px;}
.containerFooter .separator {padding-left:5px;padding-right:5px;}
.containerFooter .area-left {float:left;margin-top:21px;margin-left:24px;width:525px;color:#8b8b8b;font-size:10px;}
.containerFooter .area-right{float:right;margin-top:21px;margin-right:23px;font-size:10px;color:#7e7d7d;}

/* BoxA */
.cBoxes .boxA               {margin-bottom:16px;}
.cBoxes .boxA .top_left     {background:url(../img/layout/cBoxes/boxA/top_left.png) no-repeat;height:32px;width:6px;}
.cBoxes .boxA .top_center   {background:url(../img/layout/cBoxes/boxA/top_center.png) repeat-x;height:32px;padding-top:4px;padding-left:6px;}
.cBoxes .boxA .top_right    {background:url(../img/layout/cBoxes/boxA/top_right.png) no-repeat;height:32px;width:6px;}
.cBoxes .boxA .content      {background:#fff;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:10px;}

/* Greybox */
.greybox                {display:none; position: fixed; width: 100%; height: 100%; 	z-index: 999; top:0px; left:0px;}
.greybox .bg            {position: fixed; background: #000; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(opacity=60); width: 100%; height: 100%; 	z-index: 1; top:0px; left:0px;}
.greybox .box           {position:absolute; z-index:2; width:100%; height:100%; }
.greybox .inner         {background:#fff;padding:10px; text-align:center;}
.greybox .text          {background:#fff;padding:10px; }
.greybox .close         {background:#fff;padding:10px; text-align:right;}

/*
.greybox .box           {position:absolute; padding:10px; width:500px; height:500px; background:#fff; margin-left:-250px; left: 50%; top: 50%; margin-top:-250px;  z-index:2; }
.greybox .inner         {height:450px; float:left; clear:both;}
.greybox .bottom        {height:50px; float:left; clear:both;}
.greybox .text          {color:#000; float:left; width: 470px;}
.greybox .close         {width:30px; height:30px; float:left;}
*/


/* Eingabeelemente */
ul li                   {list-style:disc;margin-left:15px; margin-bottom:5px;}

/* Formulare */
label     {display:block}
input     {display:block;}


/* Startseite: Box mit Karte */
.content-left {width:530px;float:left;padding-left:5px;}
.content-right {float:right;width:188px;padding-right:14px;}

.box {width:180px;float:right; margin-bottom:18px;}
.box .title {height:20px;float:left;width:170px;clear:right;background:url(../img/layout/boxes/top_bg.png) repeat-x; color:#fff; font-weight:bold;padding-left:9px;padding-top:4px;}
.box .content {float:left;width:170px;background:url(../img/layout/boxes/bottom_bg.png) no-repeat bottom; padding:5px;}
.box .content2 {background:url(../img/layout/boxes/bottom_bg2.png) no-repeat bottom !important;}

.box .content3 {padding:12px; float:left;width:156px;background:url(../img/layout/boxes/bottom_bg2.png) no-repeat bottom !important;}
.box .dots {margin-top:20px; margin-bottom:20px;height:2px; background:url(../img/layout/boxes/dots.png) no-repeat;}
.dots1 {margin-top:20px; margin-bottom:20px;height:2px; background:url(../img/layout/boxes/dots.png) repeat-x;}

.box .create-nachricht b {margin-bottom:5px;}
.box .textarea {background:url(../img/layout/boxes/textarea.png) no-repeat; width:165px; height:106px;}
.box .textarea textarea {border:none; background:transparent; width:160px; height:102px; padding:3px;}
.aktuelles-box {float:right;}
.ad-rectangle {float:right; clear:both; margin-bottom:18px;}

.box .input {background:url(../img/layout/boxes/input.png) no-repeat; width:165px; height:23px;}
.box .input input {border:none; background:transparent; width:156px; height:23px; padding:3px; margin-left:1px;}

.box #remLen2 {float:right; font-weight: bold; color:#8b8b8b;}

.users-index        {height:600px;}

.box2 {border:1px solid #cccccc;width:168px;padding:5px; float:right; clear:both;}
.pfeil {margin-right:10px;}
.feedbackBtn {position:fixed; top:290px; left:0px;}

.top-themen a {color:#000;}


/* Registrierung */


.box-registrierung1 {width:532px;}

.box-registrierung0     {width:200px;float:right;color:#000;}
.box-registrierung0 .typB{color:#696969;list-style-image: url(../img/layout/ul/liGrey.png);}
.box-registrierung0 td  {font-size:11px;}
.box-registrierung0 ul  {margin-left:20px;}

.box-registrierung0 ol      {list-style-type:decimal;margin-left:20px;}
.box-registrierung0 ol li   {margin-bottom:5px;}
.box-registrierung0 ul      {margin-bottom:15px;}
.box-registrierung1 .hr     {background:url(../img/layout/hr/dashedGrey.png) repeat-x;margin-bottom:10px;margin-top:10px;}
.box-registrierung1 .bottom-txt {font-size:11px;color:#696969;}
.box-registrierung1 label   {width:145px;float:left;}
.box-registrierung1 input[type=text], .box-registrierung1 input[type=password]   {width:360px;margin-bottom:5px;}

.box-registrierung1 .SubCategories {margin:5px 0px 25px 25px;}
.box-registrierung1 input[type=checkbox] {float:left;margin-right:10px;}
.box-registrierung1 .AllCategories {width:200px;}
.box-registrierung1 .required, .box-registrierung1 .error-message {margin-bottom:10px;}


.required, .error-message       {color:#ff0000;}


#flashMessage   {border:1px solid #ff6600;padding:10px;margin:5px 0px 5px 0px;}


.adInfo {background:#f2f2f2; padding:8px; width:489px;}

/* BUTTON */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url(../img/layout/btn/bg_button_a.png) no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(../img/layout/btn/bg_button_span.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 10px;
}


a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */
}

.contactForm .error-message {display:none;}

.graue_box {background:#F2F2F2;padding:5px; color:#000;}