/* CSS Stylesheet for daskochlabor.com
   written by Marco Stipek [m.stipek [-at-] cms-agengten.de] 2008

Colors: 
- #666666, #66cc00 

*/

* {
    padding: 0;
    margin: 0;
}

html,body
{

    font-family: Arial, Verdana, Helvetica, Trebuchet MS, sans-serif;
    width: 100%;
    background-color:#FFFFFF;
    font-size: 13px;
}

body
{
    width: 100%;
}

img 
{
    border:0;
}

a 
{
    text-decoration: none;
    color: #666666;

}

a:link, a:visited, a:hover, a:active 
{
    
}

h1,h2,h3,h4,h5,p 
{
    padding-top: 0.4em;
    color: #666666;
}

h1
{
    font-size: 16px;
}

h2
{
    font-size: 14px;	
}

h3 
{
    font-size: 12px;
    font-weight: bold;
    color: #66cc00;
}

h6 
{
    width: 270px;
    font-size: 12px;
    font-weight: bold;
    padding: 0.3em;
    text-align:center;
    background-color: #66cc00;
}

td 
{
  vertical-align: top;
  text-align:left;
}


#site
{
    width: 762px;
    height: 562px;
    margin:auto;
}

#header
{
    margin-top: 5%;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}

#logo
{
    float: left;
    margin-left:20px;
}

/*********************************************/
/*BEGINN Tab-navi                            */

#tab_nav
{
    font-weight: bold;
    font-size:13px;
    float: right;
    margin-right: 5px;
    text-align: center;
    position: relative;
    bottom: -15px;
    right: 0;
}

#tab_nav li 
{
    display: inline;
    background:url("../images/tabnav-right.png") no-repeat right top;
    float: left;
}


#tab_nav a 
{
    color: #666666;
    background:url("../images/tabnav-left.png") no-repeat left top;
    padding: 9px;
    padding-top: 5px;
    padding-bottom: 3px;
    float: left;
}

/*Dieser Bereich geht in IE <7 nicht */
#tab_nav li:hover 
{
    background:url("../images/tabnav-right-ho.gif") no-repeat right top;
}

#tab_nav li.active 
{
    background:url("../images/tabnav-right-ho.gif") no-repeat right top;
}

#tab_nav li.active a 
{
    color: #666666;    
    background:url("../images/tabnav-left-ho.gif") no-repeat left top;
}

#tab_nav  a:hover 
{
    color: #666666;
    background:url("../images/tabnav-left-ho.gif") no-repeat left top;
}

/*Bis hier*/
/*
  #tab_nav a:hover {
  color: #464648;
  display:block;
  background:url("../images/tabnav-left-ho.gif")
  no-repeat left top;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  margin:0;
  float: left;
}

#tab_nav li a:hover {
display: block;
padding-left:5px;
padding-right:5px;
padding-top:5px;
background:url("../images/tabnav-right-ho.gif")
no-repeat right top;
float: left;
}
*/
/*ENDE Tab-navi */

#container
{
    position: relative;
    top: 0;
    left: 0px;
    width:765px;
    height:459px;
    background-image: url("../images/background.gif");
}

#content_area 
{
    padding-left:63px;
    padding-top: 43px;
    padding-left:170px;
}

#content_area_2 
{
    padding-left:63px;
    padding-top: 43px;
    padding-left:93px;
}

#content_area_preise 
{
    padding-left:63px;
    padding-top: 20px;   
}


#content 
{
   color: #666666;
   margin-right: 15px;
   padding: 10px;

}

#content_box 
{
   width: 400px;
   background-color: #f2f2f3;
   overflow: hidden;
   float: left;
}

#content1_box 
{
   width: 496px;
   background-color: #f2f2f3;
   overflow: hidden;
   float: left;
}

#content_box_preise 
{
   width: 525px;
   background-color: #f2f2f3;
   overflow: hidden;
   float: left;
}

#content_box_impressum
{
   width: 700px;
   background-color: #f2f2f3;
   overflow: hidden;
   float: left;
}

#content_area_impressum
{
    padding-left:63px;
    padding-top: 43px;
    padding-left:30px;
}

#content_box_Unterrichtsraum
{
   width: 490px;
   background-color: #f2f2f3;
   overflow: hidden;
   float: left;
}

#content_area_Unterrichtsraum
{
    padding-left:63px;
    padding-top: 43px;
    padding-left:95px;
}

#content_area_Bildwechsel
{
    padding-left:63px;
    padding-top: 43px;
    padding-left:35px;
}

#content_box_Bildwechsel
{
   width:590px;
   background-color: #FFFFFF;
   float:left;
   color: #FF0000;
   text-align:center;
   font-size:16px;
   font-weight:900;
   
   
}

img.cright 
{
    float: right;
    margin-left: 10px;
}

img.cleft 
{
    float: left;
    margin-right: 10px;
}

#content_galery 
{
    float: left;
}

#content ul {
    padding-left:3em;
    list-style-type: square;
}

#content li 
{
    list-style-type: square;
}

.award 
{
    display: block;
    width: 280px;
    padding: 3px;
    color: black;
    font-weight: bold;
    background-color:  #66cc00;
}

/* Referenzenliste */
.refrenzenliste 
{
   font-size: 0.6em;
}

.referenzenliste h1, .referenzenliste h2, .referenzenliste h3, .referenzenliste h4 
{
   font-size: 0.9em;
  color: green; 
  padding: 5px;
  margin: 0;
}

.referenzenliste ul 
{
   margin: 0!important;
   padding: 0!important;
}

#content .referenzenliste ul 
{
    margin-right: 10px;
    margin: 10px;
    padding: 0 0 0 0;
    list-style-type: square;

}

#content .referenzenliste li 
{
   font-size: 0.8em;
    list-style-type: square;
    padding: 0 0 0 0;
    margin: 0 20px 0 10px;
}

/* BEGINN rechte Seite*/
#right_side 
{
    float: right;
    width: 139px;
}

/* BEGINN Navigation*/
#navi_area h1 
{
    padding: 0;
    padding-bottom: 8px;
    font-size: 12.5px;	
}


#navi_area h1>a 
{
    color: #FF0000;
}

#navi_area ul, #navi_area li 
{
    list-style: circle;
}


li.active>a 
{

  color: #FF0000;
}

/* ENDE  Navigation*/

#werbung li, ul#werbung 
{
    list-style: none;
}

ul#werbung 
{
    margin-top: 5%;
}

/* ENDE linke Seite*/
#footer  
{
    color: #666666;
    font-size: 9px;
    position: relative;
    top: 5px;
    left: 15px;
}

#footer a 
{
    color: #666666;
}

#copy, #imp
{
    display: inline;
    float: left;
    padding: 0;
}

#imp 
{
    position: absolute;
    right: 35px; 
}

#aktuell 
{
    background-color: #f2f2f3;
    font-size: 13px;
    position: absolute;
    bottom: 2px;
    left: 2px;
    width: 740px;
    padding: 10px;
    margin-top: 20px;

}

#homepage 
{
    padding-top: 20px;
    font-size: 15px;
    text-align: center;
    margin-left: 22px;
}

#homepage h1 
{
    padding: 0;
   margin-bottom: 20px;
    font-size: 16px;
    color: #66cc00;
}

#homepage h5 
{
   font-size: 14px;
}

#homepage p 
{
    padding: 5px;
}

.product 
{
    float: left;
    text-align: center;
    width: 180px;
    font-size: 14px;
    font-weight: bold;
}

.product img 
{
    margin-top: 5px;
}

#homepage a  
{
    color: #66cc00;
}

/* Formular */

label 
{
    display: block;
}


/* Termine */
.ee_listDetailsContainer 
{
    display: inline;
}
#aktuell .easyEventsList_group 
{
    display: inline;
}
.easyEventsList_heading 
{

}
#aktuell .easyEventsList_events 
{
    display: inline;
}

#aktuell .easyEventsList_item  
{
    display: inline;
   margin-right: 5px;
}

#aktuell .easyEventsList_item:after 
{
    content: "+++";
}

.easyEventsList_time 
{
    font-size: 13px;
    font-weight: bold;
    color: #66cc00;
    display: inline;
    text-decoration: underline;
}

.easyEventsList_title 
{
    font-size: 13px;
    font-weight: bold;
    display: inline;
}

.easyEventsList_title a 
{
    text-decoration: underline;
}

#aktuelles a
{
    color:  #666666;
    text-decoration: underline;
}

#aktuelles 
{
    font-size: 13px;
    font-weight: bold;
    display: inline;
	color:  #666666;
}

#aktuelles strong 
{
    font-size: 13px;
    font-weight: bold;
    color: #66cc00;
}

label 
{
    display: block;
    margin-bottom: 10px;
    clear: both;
    margin-top: 10px;
}

label input, label select, label textarea 
{
    display: inline;
    width: 250px;
}

/* Colors */
.pink { color: #ff4cd4;}
.rot { color: #dc0d41;}
.blau { color: #159abb;}
.lila {color: #7d19a8;}
.orange { color: #ff7902;}
.gruen { color: #37a70f;}
.dunkelgruen { color: #37a70f;}
.braun {color: #7e0300;}
.dunkellila { color:#ae1aa8;}
.dunkelrot { color: #ae0a43;}
.neongruen { color: #70d316;}
.rot2 {color: #FF0000;}

.partner a:hover { color: #FF0000; }
.farbe a { color:#FF0000;}

#content_galery 
{
width: 100%;
}

#Überschrift {
	
}