/* #########################################################
** # www.olti-events.de        #############################
** # pixelegg 2007             #############################
** #########################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 19.11.07
**  Datei       : myownstyles.css
**  Funktion    : Nomen est omen
**
*   Farben: 
*   grün - R 092 G 138 B 092 = #5c8a5c - Rahmen
*   grau - R 174 G 174 B 151 = #aeae97 - Schrift  
*   gelb: #ffdd00
*/

/* @import url(myOwnStyles_cal.css); */

/* Open @media all - DO NOT DELETE! */
@media all
{

/************************* page styles *************************/
#page_margins {
    margin-left:auto;
    margin-right:auto;
    max-width:80em;
    min-width:756px;
    border:0px solid #5c8a5c;
}
#page {
    background:#000 none repeat scroll 0%;
    border:0px solid #666677;
}

body {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 0.94em;
	margin: 0px;
  background:#ffdd00 url(../img/bg.gif) repeat-x top; 
  color: #fff;
}


#header {
	background-image: url(../img/bg-head-oben.gif);
  background-repeat: repeat-x;
	background-position: 1px 0px;
	height: 135px;
	position: relative;
	border-bottom: 1px solid #9c9c9c;
	margin: 0px;
	padding-top: 0px;
}

#header img {
    font-size:8%;
    left:0px;
    position:absolute;
    top:0px;
    z-index: 5;
}

#header div.tx-macinasearchbox-pi1 {position:absolute; top:30px; right:10px; font-size:0.8em;z-index: 10;}
#header div.tx-macinasearchbox-pi1 input {margin-left:0;}
#header div.tx-macinasearchbox-pi1 a { text-decoration: none; color: #000000; }
#header div.tx-macinasearchbox-pi1 a:hover { color: #cc0000; }

/* Brotkrumen*/
#teaser {
    background:transparent;
    color:#fff;
    margin:0pt;
    padding:0pt;
}

#nav{background: #000000 url(../img/bg-head-unten.gif) repeat-x top left;
 height:40px;
 }

#topnav { position: absolute; top: 5px; right: 10px; font-size: 0.8em; color:#000; z-index: 10;}
#topnav a { text-decoration: none; color: #000000; }
#topnav a:hover { color: #000000;text-decoration: underline; }

/* #############################################################################
* 
*   col3 - Hauptinhalt
*   
**/
/* #############################################################################
* 
*   Main
*   
**/ 
#main {
      padding-top:0pt;
      width: 100%;
}   

/* #############################################################################
* 
*   Fuss
*   
**/       

#footer {
      background:#000 none repeat scroll 0%;
      border-top:1px solid #DDDDDD;
      color:#ffffff;
      margin:0pt;
      padding:0pt;
      line-height:2em;
      height: 35px; 
 
}

#footer img{
      padding: 0px;
      }
#footer a, #footer a:hover { 
      padding: 4px;
      color: #fff;
      background:#000 none repeat scroll 0%; 
      }

/* ##########################
** Adresse von Olti       
**  
*##########################*/
span.adresse{
     border-top: 1px #ffdd00 solid;
     width: 100%;
     color: #ffdd00;
     padding-right: 3px;
     }   

#col2 span.adresse{
     float: right;
     text-align: right;
}
#col1 span.adresse{
     float: left;
     text-align: left;
}

/* ##########################
** Quickkontaktfeld       
**  
*##########################*/
#col1_content h3.csc-firstHeader {
    font-size:1.0em; 
    color:#000; 
    margin-top:0em;
    padding-top:0em;
    border-bottom:0px solid #CCCCCC;
    font-weight:bold;
    margin:0em 0pt 0.3em;
    padding:0pt;
    }
    
/* LINKS */
a, a em.file {
    color:#FFDD00;
    text-decoration:none;
}
a:hover {
    background-color:#000;
    text-decoration:underline;
}


/* ##########################
** Überschriften       
**  
*##########################*/
#col3_content h1 {
    width: 30em;
}

/* ######################################################################################################
** ### Formatierung der Rahmen                 ##########################################################
** ######################################################################################################
*/
DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }

DIV.csc-frame-frame1 {                  
                padding: 0px 2px 0px 2px; 
                margin: 0px; 
                min-height: 250px;
                border-left: 1px dotted #fff;
                border-right: 1px dotted #fff;
}
DIV.csc-frame-frame1 img {border-right: 5px #000 solid;    margin:3pt 0pt 0pt 0pt;}

/* HOME oder die grüne Box;  Text und Bild*/
DIV.csc-frame-frame2 { 
             background-color: #a6ca16; 
             padding: 0px; 
             border: 0px solid #333333; 
             margin: 0px 0px 1em 0; 
             min-height: 144px;
             }

DIV.csc-frame-frame2 h1, DIV.csc-frame-frame2 h1 a, DIV.csc-frame-frame2 h1 a:hover{
          background:inherit inherit inherit inherit inherit;
          border-bottom:1px solid #FFFFFF;
          color:#FFF;
          font-family:'Trebuchet MS',Verdana,Arial,Sans-Serif;
          font-weight: bold;
          font-size:1.2em;
          margin:0pt 0pt 0pt 0pt;
          padding-top:0.2em;
          padding-bottom: 0;
}
DIV.csc-frame-frame2 h1 a, DIV.csc-frame-frame2 h1 a:hover{
          text-decoration:none;
          font-size:1em;
          background:#a6ca16;
          }

DIV.csc-frame-frame2 p.bodytext{
          font-family:'Trebuchet MS';
          line-height:1.25em;
          margin: 0.5em 0 0 0;
          padding: 0;
          font-size:0.93em;
}

DIV.csc-frame-frame2 div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
          margin:0pt;
          padding:0;          
}
DIV.csc-frame-frame2 csc-textpic-imagewrap{margin:0pt; padding:0;}

/* ##########################
** ### TYPO3 Mailformular ###
** ##########################
*/
#mailform{ width: 30em; background-color:#000 ; padding: 10px;}
.csc-mailform-field label {color:#FFDD00; display:block; font-size:0.8em; margin-top:1em;}
.csc-mailform-radio label {display:inline; margin-left:0.3em;}
.csc-mailform-radio legend {display:none;}
.csc-mailform-submit {margin-top:1em;}

/* ################################
** ### TYPO3 Mailformular rechts###
** ################################
*/
#col2 #mailform{ width: 100%; }
#col2 .csc-mailform-field label {
    color:#000; 
    display:inline; 
    font-size:0.8em; 
    margin-top:0.5em;
    }
#col2 .csc-mailform-radio label {display:inline; margin-left:0.3em;}
#col2 .csc-mailform-radio legend {display:none;}
#col2 .csc-mailform-submit {margin-top:0.2em;font-size: 0.7em;float:right; color: #000;}

/* ################################
** ### Bildabstand ###
** ################################
*/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
   margin:3pt 3pt 0pt 0pt;
}
 
/* Close @media all - DO NOT DELETE! */
}