/**
 * CSS styles for RAUM41
 *
 * @author J. Yeti Rohrberg (www.mfjweb.de)
 * @copyright RAUM41 <www.RAUM41.de>
 * @version 1.2 vpGB+Umfrage+Facebook
 *
 * created 2011-01-12
 */
/* ----------------- general html structure */

html, body, div, p, td, a, input, textarea, select {
    color: #eee;
    font-family: Verdana, Arial, sans-serif;
}

html, body {
    margin: 0;
    padding: 0;
/* overflow:auto;*/
}

input {
    font-size: 1.1em;
    line-height: 1.2em;
    color:  #333;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

html {
    /* background-image:url('../images/pattern_contenido.gif');
    background-position: 0 140px; */
    height: 100%;
}

body {
    height: 100%;
    background: #000 url(../upload/back_neu.gif) fixed;
}

form {
    margin: 0;
    padding: 0;
}

textarea {
    font-size: 1.1em;
    line-height: 1.2em;
    /*width: 418px;
    height: 85px;*/
    color: #333;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

img {
    border: 0;
}

/* /----------------- general html structure */
/* ###################################################### */
/* ####################### HEADER ####################### */
/* ###################################################### */

#head {
    height: 130px;
    background-color: #000;
    background-image: url('../upload/Images_Header/balken.gif');
    background-repeat: repeat-y;
    background-position: 0 90px;
    padding: 0;
}

#head #headBody {
    padding: 0;
    margin: 0;
    background-image: url('../upload/Images_Header/header_02.jpg');
    background-repeat: no-repeat;
    background-position: 240px -28px;
    width: 1000px;
}

#head a#logoTop {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}

#head h1 {
    display: block;
    float: left;
    width: 980px;
    height: 30px;
    padding-left: 20px;
    color: #181818;
    /* transparency */
    background-color: #ddd;
    opacity: .60;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    letter-spacing: 1px;
    font: normal small-caps 25px Verdana, "Lucida Grande", Lucida, sans-serif;
}

#head h1, #head a#logoTop {
    margin: 100px 0 0 0px;

    
}

/* ###################################################### */
/* ####################### MAIN BODY ################### */
/* ###################################################### */

p {
    font-size: 1.2em;
    line-height: 1.3em;
}

p#termine {
    float: left;
    clear: left;
}


#outerContainer {
    /*background-image: url('../images/pattern_contenido.gif'); */
    min-height: 550px;
    width: 1000px;
    border-right: 2px solid #333;
}

* html #outerContainer {
    height: 90%;
}

#contentContainer {
    width: 1000px;
}

#outerContainer, #contentContainer {
    margin: 0;
    padding: 0;
}

#whiteBg {
    float: left;
 /*   background-color: #111; */
    padding: 0;
    margin: 0;
    height:100%;
    min-height:420px;
    color: #fff;
}

#navigation, #content, #teasersRight {
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;
    min-height:430px;
    height:100%;

}

#outerContainer #contentContainer #content {
    padding-top: 30px;  
    padding-bottom: 30px;

}

#content, #teasersRight {
/*    background-color: #000; */
    color: #fff;

}

#contentContainer #navigation {
    width: 240px;
    background-color: transparent;
}

#contentContainer #content {
    width: 700px;
    padding: 0 30px;
    margin: 0;
}

#contentContainer #teasersRight {
    width: 150px;
    height:100%;    
}

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */
/* Level 1 */

#navigation ul {
    width: 230px;
    margin: 0;
    padding: 0;
    /*background-color: #F2F2F2;*/
    background-color: transparent;
}

#navigation ul li {
    width: 220px;
    margin: 0;
    padding: 0 0 0 10px;
    list-style-type: none;
    background-color: #000;
}

#navigation ul li a {
    display: block;
    width: 220px;
    margin: 0;
    padding: 2px 0 2px 10px;
    color: #ccc;
    background-image: url(../images/navi_pfeil_zu.gif);
    background-repeat: no-repeat;
    background-position: 210px 3px;
    border-bottom: 1px solid #111;
    text-decoration: none;
    font: 12pt/19pt dali;
    letter-spacing: 1px;
    word-spacing: 1px;
    text-align: left;
    text-transform: lowercase;
}

/*
#navigation ul li a:hover, #navigation ul li.active a {
    color: #000;
    background-image: url(../images/navi_pfeil_zu2.gif);
}


#navigation ul li.active a {
    color: #fff;
    background-image: url(../images/navi_pfeil_zu2.gif);
    padding-left: 20px;
}
*/


#navigation ul li a:hover, #navigation ul li.active a {
    background-image: url(../images/navi_pfeil_zu2.gif);
    background-repeat: no-repeat;
    background-position: 208px 8px;
    color: #000;
    font: bold 12pt/19pt dali;
    padding-left: 5px;
    padding-top: 2px;
}

/* Level 2 */

#navigation ul li.navmainStandardLevel_2 {
    margin-left: 20px;
    width: 200px;
    font-size: 12px;
    height: 22px;
}

#navigation ul li.navmainStandardLevel_2 a {
    background-image: url(../images/subnavi_pfeil_zu.gif);
    background-repeat: no-repeat;
    background-position: 199px 8px;
    border-bottom: 1px dotted #555;
    color: #888;
    width: 190px;
}

#navigation ul li.navmainStandardLevel_2 a:hover, #navigation ul li.navmainStandardLevel_2 a.active {
    background-image: url(../images/subnavi_pfeil_zu2.gif);
    background-repeat: no-repeat;
    background-position: 199px 9px;
    color: #fff;
}

/* Level 3 */

#navigation ul li.navmainStandardLevel_3 {
    margin-left: 20px;
}

#navigation ul li.navmainStandardLevel_3 a {
    background-image: none;
    border-bottom: 0;
    color: #666;
    width: 200px;
}

#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {
    background-image: url(../images/subsubnavi_over.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* ###################################################### */
/* ####################### MAIN CONTENT ################# */
/* ###################################################### */

#content {
    font-size: 11px;
    line-height: 14px;
    color: #eee;
}

#content h1, #content h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    color: #eee;
}

#content h1 {
    line-height: 22px;
}

#content h1 a {
    color: #0060b1;
    text-decoration: none;
}

#content h2 {
    color: #eee;
    font-size: 13px;
}

img.hr {
    display: block;
    margin: 10px 0;
    padding: 0;
}

/* ###################################################### */
/* ####################### FOOTER ####################### */
/* ###################################################### */

#footer {
    /* width: 100%; */
    height: 104px;
    font-size: 11px;
/*    background-color: #000; */
    overflow: hidden;
}

#footerContainer {
    width: 960px;
}

#footer a#logoBottom {
    display: block;
    float: left;
}

#footer #footerContentContainer {
    background-image: url('../upload/Images_Header/footerbg.jpg');
    background-repeat: no-repeat;
    float: left;
    background-color: #111;
    width: 760px;
    height: 104px;
    margin-left: 238px;
    border: 1px solid #111;
}

#footerContentLeft, #footerContentRight {
    float: left;
    color: #333;
}

#footerContentLeft {
    width: 450px;
    margin: 10px 0 0 30px;
    font-size: 10px;
    padding-right: 10px;
}

* html #footerContentLeft {
    margin-left: 15px;   /* hae? */
}

#footerContentRight {
    width: 220px;
    font-size: 11px;
    padding-left: 10px;
    margin-left: 40px;
    height: 104px;
}

#logindiv {
    font-size: 11px;
    background-color: #111;
    height: 104px;
    padding-top: 1px;
    padding-left: 8px;
    margin-left: -10px;
}



#footerContentRight h3 {
    font-size: 11px;
}

#footerContentRight input {
    width: 150px;
    height: 12px;
    border: 1px solid #ccc;
    font-size: 10px;
    margin: 0 0 4px 0;
    color: #000;
}

* html #footerContentRight input {
    width: 142px;
}

#footerContentRight label {
    display: block;
    width: 60px;
    float: left;
    margin: 0 0 4px 0;
}

#footer input#loginBtn {
    background-color: #444;
    border: 0;
    padding: 2px 15px 2px 5px;
    background-image: url(../images/link_pfeil_klein.gif);
    background-repeat: no-repeat;
    background-position: right 6px;
    font-size: 10px;
    width: auto;
    height: auto;
    float: right;
    margin: 4px 10px 0 0;
}

* html #footer input#loginBtn {
    margin: 0 14px 0 0;
}

ul#metaNavigation {
    margin: 0 0 20px 0;
    padding: 0;
}

ul#metaNavigation li {
    margin: 0;
    padding: 0 5px 0 8px;
    display: inline;
    border-left: 1px solid #ddd;
}

#logoutText {
    position: relative;
    height: 70px;
}

#logoutText a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-decoration: none;
}

/* ###################################################### */
/* ####################### LINKS ######################## */
/* ###################################################### */

a {
    color: #888;
    text-decoration: none;
}

a:hover {
    color:  #eee;
/*   text-decoration: underline; */
}

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */

#contactForm {
    font-size: 11px;
    width:  450px;
}

#contactForm .contactRow {
    margin: 4px 0;
}

select.eingabe {
    color: #333;
}

select#selNewsletterType {
    color: #333;
}

#contactForm label {
    display: block;
    float: left;
    width: 80px;
}

#contactForm .contactRow input, #contactForm .contactRow textarea {
    border: 1px solid #ccc;
    width: 346px;
}

#contactForm .contactRow select {
    border: 1px solid #ccc;
    width: 172px;
}

* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width: 343px;
}

#contactForm .contactRow input {
    height: 14px;
}

#contactForm .contactRow textarea {
    height: 105px;
    font-size: 10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float: left;
    margin: 0 0 0 80px;
    width: 174px;
}

* html #contactFormSubmit #contactFormSubmitLeft {
    margin: 0 0 0 26px;
}

#contactFormSubmit #contactFormSubmitRight {
    float: left;
    width: 174px;
}

#contactFormSubmit #contactFormSubmitLeft input, #contactFormSubmit #contactFormSubmitRight input {
    background-color: #fff;
    border: 0;
    color: #0060b1;
    padding: 2px 12px 2px 2px;
    background-image: url(../images/link_pfeil.gif);
    background-repeat: no-repeat;
    background-position: right 4px;
    font-size: 10px;
    width: auto;
    height: auto;
    float: left;
    margin: 0;
}

#contactFormSubmit {
    background-image: none;
    padding: 0;
    float: left;
}

#contactForm table {
    width: 100%;
    border-collapse: collapse;
}

#contactForm table td {
    padding: 0;
}

#contactForm table td.pt {
    padding-top: 2px;
}

* html #contactForm table td.pt {
    padding-top: 0;
}

/* ###################################################### */
/* ####################### BACKEND STYLES ############### */
/* ###################################################### */

#modHeaderImgEdit {
    position: absolute;
    top: 60px;
    left: 270px;
}

/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hide from IE Mac \*/

.clearfix {
    display: block;
}

/* End hide from IE Mac */

/**** IMAGE GALLERY ****/

table.gallery {
    margin: 20px 10px 0px 0px;
    width: 410px;
}

table.gallery td.gallery-navigation {
    
}

table.gallery tr.thumbnails td {
    padding: 0;
}

table.gallery dd {
    
}

div.download {
    padding: 3px 0 3px 10px;
    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;
}

div.downloadImg {
    padding: 0;
    margin-top: 10px;
    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}

dl.gallery-detail {
    margin: 20px 10px 0px 0px;
}

dl.gallery-detail dt {
    text-align: left;
    padding: 0;
}

td.gallery_image {
    height: 220px;
    padding: 0px;
}

td.gallery_image div.link_image {
    padding: 0;
    background-position: top center;
    min-height: 120px;
    margin-bottom: 5px;
    overflow: hidden;
}

td.gallery_image .bottom_links {
    height: 40px;
    margin-top: 10px;
}

td.gallery_image .bottom_links {
    margin-bottom: 0px;
    text-align: left;
    width: 180px;
}

td.gallery_image .links {
    margin-bottom: 0px;
}

/**
* CSS styles for Contenido Sitemap.
 *
* @author rbi
* @copyright four for business AG <www.4fb.de>
* @version 0.1.0
*
* created 2009-01-16
*/

ul.sitemapStandardMainCat {
    margin-left: 0;
    padding-left: 0;
}

ul.sitemapStandardMainCat li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
    background-color: #444;
    padding: 3px 3px 3px 10px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
    background-color: #111;
    padding: 3px 3px 3px 30px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
    background-color: #ffffff;
    padding: 3px 3px 3px 50px;
}

.logindiv {
    color: #333;
    width: 50px;
    float: left;
    margin-left: -6px;
}

#effekt {
    padding-top: 10px;
}

a.slider {
    color: #fff;
    padding: 3px;
}

a.slider:hover{
    color: #bbb;
    background-color: #000; 
    padding: 3px;
}

#metaNavigation li a {
    text-decoration: none;
    color: #ddd;
/*  opacity: .50;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    background-color: #111;
*/  
    text-transform: lowercase;
    padding: 2px;
}

#metaNavigation li a:hover {
    text-decoration: overline;
    color: #111;
    background-color: #aaa;
}

/***********************
* Up-Download Styles 
***********************/

.upl_button {
    font-family:Verdana, Arial, Verdana, Sans-Serif;
    font-size:10px;
    color:#000;
    background-color: #eee;
    height:19px;
    padding:1 2px;
    border:1px solid #000;
    margin-top:2px;
}

.upl_formdesc {
    width:100px;
    float:left;
}

.upl_table, .upl_file, .upl_file_inactive {
    border-collapse: collapse;
    border:1px solid #000;
}

td.upl_file {
    padding:2px;
    background: transparent;
    border-bottom: 2px dotted #727272;
}

td.upl_file_inactive {
    padding:2px;
    background:#ccc;
}

td.upl_textaction, td.upl_textfilename, td.upl_textsize {
    background:#333;
}

td.upl_textaction {
    width:80px;
}

.upl_textbox {
    font-family:Verdana,Sans-Serif;
    font-size:10px;
    color:#000;
    background-color:#fff;
    border:1px #000080 solid;
}

td.upl_textsize {
    width:80px;
}

#showMessage {
    margin:0px 0px 10px 100px;
    padding:5px;
    width:300px;
    font-weight:normal;
    background-color: transparent;
    border:2px #bbb dashed;
    text-align:center;
    color: #ccc;
}

#showMessage form {
    margin:0px;
}

#showMessage h3 {
    font-size:14px;
    padding:0px;
    margin:0px;
    text-align:center;
}

h6 {
    font-size: 16px;
}

h5 {
    font-size: 12px;
}

#mod_ttl table tbody tr th {
    padding-top: 10px;
    padding-bottom: 2px;
    color: #bbb;
    font-size: 1.2em;
    text-transform: uppercase;
}


#mod_ttl {
    float: left;
    height: 70px;
}

#mod_ttl marquee {
    font-size: 1.2em;
}

.slideShow {
    display: block;
}

#content div.artikelliste h2 {
    padding-top: 20px;
    border-top-style: dotted;
    border-top-width: 1px;
    clear: left;
}

#content div.artikelliste h2 a {
font-size: 1.1em;
}

img.teaser_img {
    float: left;
    margin: 5px 10px 15px 0;
}

div.vpgb_comment {
    color:  #ddd;
    font-style: italic;
    margin-top: 3px;
    margin-left: 7px;
}

div.textItem {
    float: right;
}

#voting {
    width:  150px;
    height: auto;
    display: inline-block;
    float: left;
    clear: left;
    line-height: 150%;
    border: 1px solid #444;
    background-color: #111;
    opacity: 1;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#optional {
    top: 130px;
    left: 1008px;
    position: absolute;
    font: 70% Verdana, Arial, sans-serif;
    opacity: 1;
}

#voting p {
    font-size: 95%;
    opacity: 1;
    padding-left: 10px;
    line-height: 145%;
}

.piccaption {
    clear: left;
    float: right;
   /* font-size: 80%; */
}

#facebook {
    position: absolute;
    width:  250px;
    height:  25px;
    margin-top: 40px;
    margin-left: 270px;
    display: block;
}