@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

/*menu*/
.sticky {
    position: fixed;
    top: 0;
    width: 900px;
    z-index: 1000;
    
}

/* Formulare */
input:focus, textarea:focus{background-color:aliceblue;color:#000;}
input, textarea {
    border:1px solid #c7c7c7;
    padding:2px;
    margin-top:3px;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 13px;
}
#button9 {
    padding:0;
    margin:0;
    border:none;
    font-size:10px;
    background: url(images/foxy_button.png) no-repeat center;
    color: #666;
    height:22px;
    width:112px;
    /*
    width:110px; < - Breitenangabe für die Längere Version 
    */
}

.blue-btn {
    padding:0;
    margin:0;
    border:none;
    font-size:10px;
    background: url(images/foxy_button.png) no-repeat center;
    color: #666;
    height:22px;
    width:112px;
    /*
    width:110px; < - Breitenangabe für die Längere Version 
    */
}

/* CSS Document */
body {
/*     font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #e7e7e7;
}
* {
    margin: 0px;
    padding: 0px;
}
#cont {
    margin: 0 auto;
    width: 900px;
    padding:5px;
    background-color:#FFFFFF;
    min-height: 650px;
    overflow: hidden;
    border: 1px solid #c7c7c7;
}
.mainconts { clear:both;padding:10px; overflow: hidden; }
.mainconts a:link, .mainconts a:visited {color:#0099FF; }
.mainconts a:hover { color:#F6C; }
/* Active Links */
.act { color:#F6C; text-decoration:none; }
.headers { padding:12px; background-color:#666; color:#f7f7f7; }
.adminheaders { 
    padding:12px; 
    background-color:#416fb5; 
    color:#f7f7f7; 
    background-image:url(images/fbcms-adminhead.jpg); 
    background-size: cover;
    background-position-x: right;
    max-height: 100px;
}

.adminheaders h1 {
    margin-top: 0;
}

h1, h2 { font-family:"Open Sans", sans-serif; font-weight:600; }
h1 { font-size:200%; }
h2 { font-size:180%; }
#nav { color:#ccc; }
#nav ul { list-style:none; }
#nav li { float:left;
          width: 120px;
          text-align:center;
}
.headliner { clear:both; padding-top:50px; padding-left:20px; overflow:hidden; }
#newcontents { float:left; width:70%; padding-right: 30px; }
#navigation { float:right; width:20%; background: aliceblue; padding-bottom:20px;}
#navigation ul { list-style:none; padding-left:10px; padding-right:10px; }
#navigation li { font-size: 12px; font-family: "Trebuchet MS", Verdana; height:25px; border-bottom:1px dotted #333; padding-top:5px; }
#navigation a:link,#navigation a:visited { text-decoration:none; color:#333; }
#navigation a:hover {text-decoration:underline; } 
#navCats { height: 22px; background-color:#000; color:#fff;padding-left:5px; padding-top:5px; margin-bottom:5px; }
table { border:1px dotted #333; }
th { background:#000; color:#fff; line-height:21px; }
td {  padding:4px; }
.tbrows { background:aliceblue; }
.tbrows1 { background:lightblue; }

/*-------------------------------------------------------------------------*/

/**
 * (en) Formatting content container
 * (de) Formatierung der Inhalts-Container
 *
*/

#col1 { float: right; width: 32%; padding-top:10px;  }
#col1 h3 { font-family:Tahoma, "Trebuchet MS"; color:#0099CC; }
#col2 { display:none}
#col3 { width: auto; margin: 0 10% 0 0; padding-top:10px; }
#col1_content { padding: 0 20px 0 20px; font-family:  Arial, Helvetica, sans-serif; font-size:1.2em; }

#col3_content { padding: 0 40px 0 30px; font-family:  Arial, Helvetica, sans-serif; font-size:1.2em; }
#col3_content h2 { font-size:150%; font-weight:bold; }
/*-------------------------------------------------------------------------*/

#userform input,#userform textarea,#userform select  { margin-top:0.5em; padding:2px;}
#userform select { width:200px; }
#userform label {
    clear: left;
    width: 150px;
    float:left;
}
#fbutton { margin-left:150px; padding: 3px !important; }

#tabtext table { background-color:#4A5060; color:#FFF; }

.message { border:1px solid #006600; background:#C4ECB0; padding:5px 25px; margin-top:10px; margin-bottom:10px; color:#006600; } 

.achtung { padding:10px;border:1px solid #990000; background:#FFD2D2; color:#990000; margin-top:20px; }
.warning { padding:10px;border:1px solid #666; background: #ffffcc; color:#333; margin:20px 10px 0px 10px; }

/* Style im contentcontainer im editmode */
.editView ul { padding-left:30px; } 

.upload-button { margin-left: 100px; }
.backend-tab table { border: none; }

.clearing { clear: both;}

/* Galerie Liste */
#fb-gallery li {
    list-style: none;
    float: left;
    padding: 20px;
    text-align: center;
}

.fileCaption {

    font-size: 13px;
    color: #292929;
    padding:3px;
}
.imgCont {
    background:#e7e7e7;
    border:1px solid #ccc;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;	
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align:center;
}

.noborder, .image-cont img { 
    padding: 5px; 
    border: 1px solid #666;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}
#footer { 
    padding: 10px 5px; 
    font-size: 9px; 
    color: #666; 
    text-align: center; 
    margin: 0 auto;
    width: 900px;
    background: #c7c7c7;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}

textarea {
    width: 100%;
    min-height: 300px;
}

.pad10 {
    padding: 10px;
}