/* - - - - - - - - - - info - - - - - - - - - -

        StyleSheet for 'creatives-kochen.com and creatives-kochen.info'

        Copyright 2004-2008 by Andreas Hohmann
                mail@es33.com
                http://www.es33.com

        Used colors:
                 #2a8a2e (green)
                 #ca2e2e (red)

                 #006c00 (light green) (old)
                 #326C00 (light green) (new)
                 #003c00 (dark green)
                 #cc0001 (red)

 - - - - - - - - - - global - - - - - - - - - - */
body{
        background-repeat: repeat-y;
	background-color: #376C37;
        background-image: url(../img/bg3.png);
        background-position: 890px 0px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:95%;
        margin:0;
        padding:0;
}

img{
        border:none;
}

.invisible{
        position:absolute;
        left:-3333px;
}

.center{
        text-align:center;
}

img.framedright{
        float:right;
        background-color:fff;
        border-left:10px solid #fff;
        border:1px solid #000;
	margin: 0px 0px 10px 10px;
}

img.right{
        float:right;
}

img.left{
        float:left;
}

.starter{
        font-family:Arial, Helvetica, sans-serif;
        font-size:130%;
        font-weight:bold;
        color:#cc0001;
        background-color:fff;
}


/* - - - - - - - - - - head - - - - - - - - - - */
#head{
        position:absolute;
        top:0px;
        left:0px;
        height:205px;
        width:880px;
        background-image:url(../img/creatives_kochen_logo_schrift.jpg);
        background-position: 200px 0px;
        background-repeat:no-repeat;
        border:none;
        border-right:10px solid #ffffff;
        background-color:#ffffff;
}


/* - - - - - - - - - - navi - - - - - - - - - - */
#navi {
        position:absolute;
        top:205px;
        left:0;
        width:200px;
        color:#ffffff;
        border-top:1px solid #ffffff;
}
#navi span{
        display:none;
}
#navi ul.top span{
        display:inline;
        margin-left:-14px;
        color:#fff;
        border-bottom:none;
}
#navi ul.sub span{
        display:inline;
        margin-left:-14px;
        color:#fff;
        border-bottom:none;
}
#navi ul.top{
        margin:0;
        padding:0;
        list-style-type: none;
        font-size:100%;
}
#navi ul.top a{
        padding-left:5px;
}
#navi ul.top span{
        display:block;
        padding-left:5px;
}
#navi ul.top li{
        margin:0;
}
#navi ul.sub{
        color:#FFFFFF;
        list-style:square;
}
#navi ul.sub li a{
        padding-left:0px;
}
#navi ul.sub li.last{
        border-bottom:none;
}
#navi li{
        margin-top:0;
        border-bottom:1px solid #FFFFFF;
}
#navi li span{
        border-bottom:1px solid #FFFFFF;
}
#navi .active {
        background-color:#CC0001;
        font-size:100%;
        font-style:italic;
        font-weight: bold;
        border-bottom: 1px solid #FFFFFF;
        padding: 3px 5px 3px 5px;
}
#navi a{
        color:#FFF;
        display:block;
        padding:3px 5px 3px 5px;
        text-decoration:none;
}
#navi a:hover, #navi a:focus, #navi a:active{
        background-color:#cc0001;
        color:#fff;
        display:block;
}

#infobox{
        padding:10px 10px 10px 5px;
        color:#fff;
}
#infoboxmail a{
        color:#fff;
        text-decoration:underline;
        display:block;
        padding:0 0 0 0;
}
#infoboxmail a:hover, #infoboxmail a:focus, #infoboxmail a:active{
        color:#fff;
        text-decoration:underline;
        display:block;
        padding:0 0 0 0;
}


/* - - - - - - - - - - content - - - - - - - - - - */
#content div.aktuelles_box{
      border: 1px solid red;
      padding: 2px;
}

#aktuelles_box h3 {
      font-size: 100%;
      margin: 0px 0px 3px 0px;
      font-weight: bolder;
}

#content a.aktuelles {
      font-weight: normal;
      color: black;
}


#content{
        position:absolute;
        background: white;
        top:140px;
        left:200px;
        width:660px;
        border:15px solid #fff;
}

#content h2{
        font-family:Arial, Helvetica, sans-serif;
        font-size:135%;
        font-weight:bold;
        color:#003c00;
        background-color:fff;
}



#content h3{
        font-family:Arial, Helvetica, sans-serif;
        font-size:115%;
        font-weight:normal;
        color:#cc0001;
        background-color:fff;
}

#content h4{
        font-family:Arial, Helvetica, sans-serif;
        font-size:115%;
        font-weight:normal;
        color:#003c00;
        background-color:fff;
}

#content .h3{
        font-family:Arial, Helvetica, sans-serif;
        font-size:115%;
        font-weight:normal;
        color:#cc0001;
        background-color:fff;
}

#content .h4{
        font-family:Arial, Helvetica, sans-serif;
        font-size:115%;
        font-weight:normal;
        color:#003c00;
        background-color:fff;
}

#content .h5 {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 150%;
}

#content a{
        font-weight:bold;
        font-style:normal;
        text-decoration:underline;
        color:#003c00;
}

#content hr{
        visibility:hidden;
}

#content ul.strich {
        color: red;
        list-style-image: url(../img/list_strich.png);
	margin-left: 0px;
	padding-left: 12px;
}

#content ul.strich li {
	padding-bottom: 20px;
}

#content ul.strich span {
	color: black;
}

#content ul.logo {
        list-style-image: url(../img/ck_icon_farbe_16.jpg);
	margin-left: 0px;
	padding-left: 26px;
}

#content ul.logo li {
	padding-bottom: 20px;
}

#content ul.logo span {
	color: black;
}

#content ul.normal {
        list-style-image: none;
	list-style-type: disc;
}

#content ul.normal li {
	padding-bottom: 0px;
}

#content .framed{
        background-color:fff;
        border-left:10px solid #fff;
        border:1px solid #000;
	margin: 10px;
}

#content .bordered{
        border:20px solid #fff;
}