/* This file is part of Kukkaisvoima. It is meant to be example css
for Kukkaisvoima nothing more. This is config file. Kukkaisvoima's
license don't affect this file. So you may freely modify this as you
like */

body { 
       background: #f3f6f3;
       color: #383d44;
       }

#content1 {
	    border: #ccc 1px solid;
            font-family: Verdana, sans-serif;
            font-size: small;
            background: #fff;
            margin:0 auto;
            width:780px;
}
#content2 { 
            float:left;
            width:520px;
            border-right: 1px solid #c1c1c1;
            margin-top: 10px;
            margin-bottom: 10px;
            padding:20px;
            line-height: 1.6em;
            }
#content3 { 
            margin-top: 10px;
            margin-bottom: 10px;
            padding:20px;
            line-height: 120%
            }
#sidebar { 
           float:right;
           width:200px;
           margin-top: 40px;
}

#sidebar h2 {
	  color: #000;
	  font-size: 1.0em;
	  font-family: Georgia, Tahoma, Verdana, Arial, Serif;
	  letter-spacing: 0px;
	  font-weight: normal;

}

#sidebar h2 a:link, h2 a:visited { 
          color: #000;
	  font-family: Georgia, Tahoma, Verdana, Arial, Serif;
	  letter-spacing: 0px;
	  font-weight: normal;
}

#sidebar li
{ 
    list-style-type: square;
    margin-left: -1em;
    font-size: 0.9em;
  }

#sidebar li a
{ 
  
  }

#header a {
	  margin-left: 10px;
	  font-size: 0.9em;
	  font-family: Georgia, Tahoma, Verdana, Arial, Serif;
	  font-variant: small-caps;
	  letter-spacing: 0px;
	  font-weight: normal;
	  color: #265e15;
}

#header {
	  margin-top: 0px;
	  line-height:1.4em;
          background: #fff;
          color: #000;
	}

#headerpic {
          margin-left: 10px;
	}

#slogan {
	  line-height:0.8em;
	  margin-left: 10px;
	  margin-bottom: 20px;
}

#mainmenu {
	  margin: 20px auto 0; 
	  overflow: hidden; 
	  width: 760px; 
	  position: relative; 
	  text-align: left;
	  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Serif;
	  font-size: 0.7em;
}

#mainmenu li {
	  float: left; 
	  margin: 0 5px 5px 0;
	  list-style-type: none;
	  list-style-image: none;
	  display: inline;
	  background: #fff;
	  
	  display: block; 
	  font-weight: bold;    
	  text-decoration: none;
}

#mainmenu li a{
	  border: 1px solid #ccc;
	  background: #dedede;
	  padding: 5px 12px;
	  color: #333;
	  border-bottom: none;
}

#mainmenu li a:hover {	  
	  background: #fff;
	  list-style-type: none;
	  list-style-image: none;
	  color: #265e15;
}


a:link, a:visited {
	color: #265e15;
	text-decoration: none;
	border-bottom: 1px dashed #dbd5c5;
	}
h1 a:link, h1 a:visited {
                          color: #693;
                          border-bottom: none;
}

h2 {
     color: #693;
}


h2 a:link, h2 a:visited {
      color: #265e15;
      font-size: 1.0em;
      font-family: Georgia, Tahoma, Verdana, Arial, Serif;
      letter-spacing: 0px;
      font-weight: normal;
}

h3 {
     color: #265e15;
}

a:hover {
  border-bottom: 1px dotted #7E8C81;
  color: #BFA78D;
}

p {
    text-align: left;
}

li {
     text-align: left;
     margin: .5em;
}

img { 
 border: none; 
}

#footer { 
    
	  font-size: 0.8em;
          background: #ededed;
          color: #000;
          clear:both;
          }

blockquote, pre {
	background:#F4F5F7 url(http://dev.datensal.at/kukka/img/blockquote.gif) no-repeat left top;;
	color: #666;
	border:1px dashed #CCC;
	margin: 1em;
	padding: 0 0 10px 50px;
}


#hit { 
       display: inline;
       text-decoration: none;
       background: #693;
 }

/* inline source code */
span.geshifilter {
  display: inline;
  padding: 0;
  margin: 0;
  border: none;
}

/* block source code */
div.geshifilter {
  display: block;
  padding: 0.5em;
  margin: 0.5em;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  line-height: 1.3;
}

div.geshifilter > pre, div.geshifilter > div {
  margin: 0;
  padding: 0;
  overflow: auto;
}

div.geshifilter > pre ol, div.geshifilter > div ol {
  padding-left: 1em;
}

/* Set line-height for syntax highlighting with line numbers */
.geshifilter ol {
  margin: 0;
  line-height: 1.3;
}
.bash {line-height: 1.3;}
.bash .de1, .bash .de2 {color: #000060; font-weight: normal;}
.bash  {white-space: nowrap;border: 1px dotted #a0a0a0; font-family: 'Courier New', Courier, monospace; font-size: 110%; background-color: #f0f0f0; margin: 0; line-height: 110%; padding: 0;color: #0000bb;}
.bash a:link {color: #006;}
.bash a:hover {background-color: #d6d6e6;}
.bash .head {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 70%; font-weight: bold; background-color: #f0f0ff; border-bottom: 1px solid #d0d0d0; padding: 2px;}
.bash .foot {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 70%; font-weight: bold; background-color: #f0f0ff; border-top: 1px solid #d0d0d0; padding: 2px;}
.bash .imp {font-weight: bold; color: red;}
.bash li, .bash .li1 {font-family: 'Courier New', Courier, monospace; color: #000060; background-color: #f0f0f0; padding-bottom: 2px;}
.bash .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.bash .kw1 {color: #000000; font-weight: bold;}
.bash .kw2 {color: #c20cb9; font-weight: bold;}
.bash .kw3 {color: #7a0874; font-weight: bold;}
.bash .co0 {color: #666666; font-style: italic;}
.bash .co1 {color: #800000;font-style: normal;}
.bash .co2 {color: #cc0000; font-style: italic;}
.bash .co3 {color: #000000; font-weight: bold;}
.bash .coMULTI {font-style: normal;}
.bash .es1 {color: #000099; font-weight: bold;}
.bash .es2 {color: #007800;}
.bash .es3 {color: #007800;}
.bash .es4 {color: #007800;}
.bash .es5 {color: #780078;}
.bash .es_h {color: #000099; font-weight: bold;}
.bash .es0 {font-weight: normal;}
.bash .br0 {color: #7a0874; font-weight: bold;}
.bash .sy0 {color: #000000; font-weight: bold;}
.bash .st0 {color: #ff0000;}
.bash .st_h {color: #ff0000;}
.bash .nu0 {color: #000000;}
.bash .me {1}
.bash .re0 {color: #007800;}
.bash .re1 {color: #007800;}
.bash .re2 {color: #007800;}
.bash .re4 {color: #007800;}
.bash .re5 {color: #660033;}
.bash span.xtra { display:block; }

div.frame {
  width:198px;
  height:300px;
  overflow:auto;
  font-size:12px;
  border:1px dashed #ccc;
  font-size:12px;
  font-family:Arial;
}

div.frame img {
  border: 1px solid #666;
}

div.frame a {
  text-decoration:none;
}

div.row0 {
  margin:2px;
  background-color:#f8f8f8;
}

div.row1 {
  margin:2px;
}

div.title {
  font-size:12px;
  font-family:Arial;
}

div.date {
  font-size:10px;
  color:#888888;
  margin-bottom:2px;
}

div.head {
  font-size:12px;
  font-family:Arial;
  width:198px;
  height:20px;
  font-size:12px;
  background-color:#666666;
  color:white;
  font-weight:bold;
  text-align:center;
  border:1px dashed black;
}

div.head a{
  color:white;
}