/**********************************************************************************/
/* @file:        css/main.css
*  @description: Stylesheet der Webseite "Geiler STOFF"
*  @author:      Wolfgang Blessen Software (http://www.blessen.de)
/**********************************************************************************/
/***************************************
*  Generelle Formatierungen
***************************************/
* {
margin: 0px;
padding: 0px;}

* {
    font-family: 'menu_schrift',"arial", serif;
    font-size: 14px;
}

/*  font-family: 'LaffayetteComicProRegular'; */
@font-face {
    font-family: 'menu_schrift';
    src: url('../fonts/laffayette_comic_pro-webfont.eot');
    src: url('../fonts/laffayette_comic_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/laffayette_comic_pro-webfont.woff') format('woff'),
         url('../fonts/laffayette_comic_pro-webfont.ttf') format('truetype'),
         url('../fonts/laffayette_comic_pro-webfont.svg#LaffayetteComicProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

img {border: none;}

.red {
    background:#fff;
    margin-bottom:8px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    KHTMLOpacity: 0.75;
    MozOpacity: 0.75;
    opacity: 0.75;
    border:5px solid #bcaf88;
    border-radius:5px;
  radius:5px;
    -moz-border-radius:5px;
  -khtml-border-radius:5px;
}
.konzerte{
    overflow:scroll;
    padding:5px;
    width:260px;
    height:230px;
}
.iframe{
    overflow:hidden;
    width:270px;
    height:395px;
}
.gaestebuch{
    height:1150px;
    width:910px;
    overflow:scroll;
}
.blog {
  width:95%;
  margin: 0 0 10px 0;
    background:#fff;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    KHTMLOpacity: 0.75;
    MozOpacity: 0.75;
    opacity: 0.75;
    padding:5px;

  overflow:auto;
    border:5px solid #bcaf88;
    border-radius:5px;
  radius:5px;
    -moz-border-radius:5px;
  -khtml-border-radius:5px;
}
.datum {
  width:95%;
  margin-bottom:0px;
  padding-bottom:0px;
  font-family:monospace;
  color:maroon;
  font-weight:700;
  text-align:right;
}


a {
    text-decoration: none;
}

a:link,a:visited {
    color: #002266; text-decoration: none;
}

a:active,a:hover {
    color: #cc0000; text-decoration: underline;
}


p {
    margin-bottom: 11px;
}
/***************************************
*  div-Container Media Seite
****************************************/
#content_media{
    position:absolute;
    background: url(../images/fernseher.png) top left no-repeat;
    margin-left:60px;
    width:865px;
    height:1100px;
}
#media_player{
    position:absolute;
    background: black;
    top:135px;
    left:44px;
    width:640px;
    height:390px;
}
#media_leiste{
    position:absolute;
    background: black;
    overflow:auto;
    top:591px;
    left:44px;
    width:640px;
    height:157px;
}
#radio_schalter{
    position:absolute;
    background: transparent;
    top:90px;
    left:724px;
    width:105px;
    height:197px;
}
#foto_schalter{
    position:absolute;
    background: transparent;
    top:345px;
    left:715px;
    width:132px;
    height:150px;
}

/***************************************
*  div-Container für den Seitenaufbau  *
****************************************/
.block{

width:180px;
border:3px solid #bcaf88;
}
body {
    color: #000;
    background-color: #000;
    width: 100%;
    height: 100%;
    /*    background-color: #ffffff;
    background-image: url(../images/content_bg.png);
    background-position: center left;
    background-repeat: repeat-y;*/

}
#container {
    position: absolute;
    z-index: 0;
    left: 50%;
    width: 980px;
    margin-left: -490px;
    top: 0px;
    background:url(../images/hintergrund_streifen.png) repeat-y left top;
    /*border:1px solid red;*/
}
#header {
    z-index: 1;
    width: 980px;
    height:342px;
    background-image: url(../images/header_pur.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
#social_net{
	display:none;
    z-index:77;
    position:absolute;
    height:22px;
    width:113px;
    left:860px;
    top:353px;
}
#social_net a{
    margin:0;padding:0;
}

#content {
    width: 980px;
    min-height: 500px;
    margin-top:0;
    padding-top: 10px;
    padding-bottom: 34px;
    background-image: url(../images/content_background.jpg);
    background-position: center top;
    background-repeat: no-repeat;

}


#content_right {
    width: 200px;
    padding: 0 20px;
    background-color: transparent;
    float: left;
    filter: alpha(opacity : 50);
    KHTMLOpacity: 0.5;
    MozOpacity: 0.5;
    opacity: 0.5;
    overflow: hidden;
}

#content_left {
    //background-color: #333;
    float: left;
    width: 280px;
    padding: 30px 10px;
    overflow: hidden;
}

#content_center {
    //background-color: #666;
    float: left;
    width: 600px;
    padding:30px;
    overflow: hidden;
}
#content_all {
    background-color: transparent;
    padding:30px;
    width: 920px;
    overflow: hidden;
}

#footer {
    z-index: 2;
    display:none;
    position:fixed;
    width: 980px;
    height: 24px;
    bottom:0px;
    line-height: 24px;
    text-align: center;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    border-top: 1px solid #f00;
    border-left: 1px solid #f00;
    border-right: 1px solid #f00;
    background-color: #666;
    background-image: url(../images/button_bg.png);
    background-position: center left;
    background-repeat: repeat-X;
}
/***************************************
*  Navigation
***************************************/
#menu_struktur {
    z-index:2;
    width: 950px;height: 30px;
    padding:0 15px;
    margin:0;
    text-decoration: none;
    background-image: url(../images/menu_background.jpg);
}
.menu_aktuell{
    z-index:5;
    width: 130px;height: 30px;
    padding:0;margin:0;
    background-image: url(../images/menu_aktuell_130.jpg);
}
.menu_aktuell:hover,.menu_aktuell:active{
    z-index:5;
    width: 130px;height: 30px;
    padding:0; margin:0;
    background-image: url(../images/menu_aktuell_130_up.jpg);
}
.menu_media{
    z-index:5;
    width: 130px;height: 30px;
    padding:0;margin:0;
    background-image: url(../images/menu_media_130.jpg);
}
.menu_media:hover{
    z-index:5;
    width: 130px;height: 30px;
    padding:0; margin:0;
    background-image: url(../images/menu_media_130_up.jpg);
}
.menu_gaestebuch{
    z-index:5;
    width: 130px;height: 30px;
    padding:0;margin:0;
    background-image: url(../images/menu_gaestebuch_130.jpg);
}
.menu_gaestebuch:hover{
    z-index:5;
    width: 130px;height: 30px;
    padding:0; margin:0;
    background-image: url(../images/menu_gaestebuch_130_up.jpg);
}
.menu_presse{
    z-index:5;
    width: 130px;height: 30px;
    padding:0;margin:0;
    background-image: url(../images/menu_presse_130.jpg);
}
.menu_presse:hover{
    z-index:5;
    width: 130px;height: 30px;
    padding:0; margin:0;
    background-image: url(../images/menu_presse_130_up.jpg);
}
.menu_kaufladen{
    z-index:5;
    width: 130px;height: 30px;
    padding:0;margin:0;
    background-image: url(../images/menu_kaufladen_130.jpg);
}
.menu_kaufladen:hover{
    z-index:5;
    width: 130px;height: 30px;
    padding:0; margin:0;
    background-image: url(../images/menu_kaufladen_130_up.jpg);
}
.menu_kontakt{
    z-index:5;
    width: 130px;height: 30px;
    padding:0;margin:0;
    background-image: url(../images/menu_kontakt_130.jpg);
}
.menu_kontakt:hover{
    z-index:5;
    width: 130px;height: 30px;
    padding:0; margin:0;
    background-image: url(../images/menu_kontakt_130_up.jpg);
}
.menu_gesichtsbuch{
    z-index:5;
    width: 140px;height: 30px;
    padding:0;margin:0;
    background-image: url(../images/menu_gesichtsbuch_140.jpg);
}
.menu_gesichtsbuch:hover{
    z-index:5;
    width: 140px;height: 30px;
    padding:0; margin:0;
    background-image: url(../images/menu_gesichtsbuch_140_up.jpg);
}

#menu_struktur ul{
    list-style: none;
    margin:0; padding:0;
}
#menu_struktur ul li{
  float:left;
  list-style: none;
  margin:0;
  padding:0;
}
#menu_struktur ul li a {
    margin-top:-4px;
    height:30px;
    width: 110px;float: left;
    line-height: 30px;
    font-size: 0px;
    font-family: menu_schrift;
    color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    text-align: center;
    /* background:gold;*/

}

#menu_struktur ul li a:link,
#menu_struktur ul li a:visited {
    color: #fff;
    text-decoration: none;
}

#menu_struktur ul li a:active,
#menu_struktur ul li a:hover,
#menu_struktur ul li a.selected
 {
    color: #c2aa77;
    text-decoration: none;
}
/***************************************
*  S U B M E N U
***************************************/
ul.menu2 li{
  list-style-type: none;
}
ul.menu2 li a {
  backgroud-color:brown;
}
ul.menu2 li a:link,
ul.menu2 li a:visited {
    color: #666;
    text-decoration: none;
}
ul.menu2 li a:active,
ul.menu2 li a:hover,
ul.menu2 li a.selected
 {
    color: #2E384F;
    text-decoration: none;
}

/***************************************
* Struktur baum
***************************************/
table.structur_tree tr {
    height: 18px;
    line-height: 18px;
    background-color: #ccc;
}

table.structur_tree a.level1 {
    margin-left: 0px;
}

table.structur_tree tr.level2 {
    background-color: #bbb;
    height: 18px;
    line-height: 18px;
}

table.structur_tree a.level2 {
    margin-left: 16px;
}

table.structur_tree tr.level3 {
    background-color: #aaa;
    height: 18px;
    line-height: 18px;
}

table.structur_tree a.level3 {
    margin-left: 32px;
}

table.structur_tree tr.level4 {
    background-color: #999;
    height: 18px;
    line-height: 18px;
}

table.structur_tree a.level4 {
    margin-left: 48px;
}

table.structur_tree tr td:first-child {
    height: 18px;
    width: 280px;
    /* border:1px black solid; */
    overflow: hidden;
}


#form_table {
    margin-left: -10px;
    border-spacing: 10px;
}

#form_table td {
    vertical-align: top;
}

/*********************
*  Modale Container  *
**********************/ /*******************
*  Links im Menü  **
********************/ /***********
*  Texte   *
************/
h1 {
    font-size: 18px;
    color: #000066;
    /*  border-bottom:1px solid #b8b8b5; */
    margin-top: 3px;
    margin-bottom: 9px;
}
h2 {
    height:20px;
    line-height: 20px;
    font-size: 20px;
    font-family: menu_schrift;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 2px;
    margin-bottom: 8px;
}
h4 {
    font-size: 14px;
    font-weight: 700;
    color: #2E384F;
    margin-top: 1px;
    margin-bottom: 7px;
}

p.content,ul.content,li.content {
    margin: 11px;
}

span.projekt {
    color: #000099;
    font-style: bold;
}

a.content:link,a.content:visited,a.content:active {
    color: #000099;
    text-decoration: none;
}

a.content:hover {
    color: #cc0000;
    text-decoration: underline;
}