/* 
    Document   : sytle.css
    Created on : 4.2.2013, 14:46:42
    Author     : marko.hassinen
    Description:
        Purpose of the stylesheet follows.
*/

body{background:#cba57c top left;color:#555;font-family:Tahoma,Arial,sans-serif;font-size:13px;}

/*body{background-image: url(images/IMG_0013.JPG);
     background-repeat: no-repeat; 
        background-position: top center; 
        background-attachment: fixed; } 
*/

a{color:#00c94c;text-decoration:none;}
a:hover{color:#555;text-decoration:none;}
a img{border:none;}


h1,h2,h3,h4{clear:left;color:#111;font-weight:600;margin:0.7em 0;font-family:Tahoma,Arial,sans-serif;}
h1{font-size:2.4em;}
h2{font-size:2.1em;}
h3{font-size:1.6em;}
h4{font-size:1.6em;}

p {margin:0 0 20px 0;}
ul{margin:0 0 20px 30px;}

/* Main wrappers */
#wrapper1240{margin:20px auto;width:1240px;}
#wrapper960{margin:20px auto;width:960px;}
#wrapper760{margin:20px auto;width:760px;}
#wrapper600{margin:0 auto;width:600px;}
#wrapperfluid{margin:0 auto;max-width:1260px;}
#wrapper1240,#wrapper960,#wrapper760,#wrapper600,#wrapperfluid{background:#fffaf1 url(images/contentbg.jpg) top left;box-shadow:#111 0 0 20px;}

/* Layout IDs */
#header{position:relative;}
#sitetitle{float:left;margin:32px 0 5px 20px;}
#sitetitle h1 {font-size:36px;color:#fff;margin:0;padding:0;}
#header-image{height:300px;margin:0;padding:0;}
#content{padding:15px 30px;background-color:#f1e7d7;color:#fffaf1;}
/*#content{padding:15px 30px;background-color:#a3a673;color:#ddd;}*/
#content h1{font-size:20px;color:#111;font-family:Tahoma,Arial,sans-serif;font-weight:600;}
#content h2{font-size:18px;color:#111;font-family:Tahoma,Arial,sans-serif;font-weight:500;}
#content h3{font-size:16px;color:#111;font-family:Tahoma,Arial,sans-serif;font-weight:bold;}
#content h4{font-size:16px;color:#111;font-family:Tahoma,Arial,sans-serif;font-weight:900;}
#content p{font-size:16px;color:#111;font-family:Tahoma,Arial,sans-serif;font-weight:300;}
#content ul{font-size:16px;color:#111;font-family:Tahoma,Arial,sans-serif;font-weight:900}

#content a{color:#00c94c;text-decoration:underline;}

/* Ylin otsaketaso */
#extendedhead{padding:15px 30px;background-color:#f1e7d7;}
#extendedhead h1{font-size:25px; text-transform: uppercase;color: #000; }
#extendedhead h2{font-size:20px;color:#000;}
#extendedhead h3{color:#333;}
#extendedhead h4{color:#333;}

/* #align: left;*/

#extendedhead1{padding:15px 30px;}
#extendedhead1 h1{font-size:25px; text-transform: uppercase; color:#000; } 
#extendedhead1 h2{font-size:20px; color:#000; }
#extendedhead1 h3{color:#333;}
#extendedhead1 h4{color:#333;}


#extended{padding:15px 20px;background-color:#fff;}
#extended h1{font-size:20px;color:#555;}
#extended h2{font-size:15px;color:#555;}
#extended h3{font-size:15px;color:#333;}
#extended h4{font-size:15px;color:#333;}

/* Top links menu */
#toplinks{padding:0 30px;}
#toplinks ul{list-style:none;margin:0;text-align:right;display:inline; }
#toplinks ul li{display:inline;font-size:12px;margin:10px 0 8px 15px;}
#toplinks ul li a{color:#dadddd;}
#toplinks ul li a:hover{color:#fff;text-decoration:none;}

/* Forest background */
#toplinks, #content, #footer{background:none;background-color:#fffaf1;}


/*#toplinks, #content, #footer{background:none;background-color:#0A21F2;}*/
/*#toplinks, #content, #footer{background:url(images/eeee.jpg)}*/



#nav
{
    border:1px solid #ccc;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    background:#a9622d;
    list-style:none;
/*    margin:30px 30px 26px 20px;
    margin:30px 10px 20px 20px;   */
    font-family:'Lato',Verdana,Tahoma,sans-serif;
    font-family:Tahoma,Arial,sans-serif;
    font-size:16px;
}

#nav li
{
    display:inline;
    height:auto;
    line-height:75px;
    margin-bottom:0;
    margin-left:5px;
    position:relative;   
}

#nav a
{
    display:inline-block;
    padding:0px;
    color:#fffaf1;
    padding-top:0;
    text-transform:uppercase;
}

#nav ul li a:hover{color:#fffaf1;}
#nav ul li a.current{color:#68c17f;}

/* Columns */
#sidebar{width:33.3%;}
#sidebar p {margin:0 0 20px 0;}
#sidebar ul{margin:0 0 20px 0;}

#main{width:66.6%;}
#trio1{float:left;width:33.3%;}
#trio2{float:left;width:33.3%;}
#trio3{float:right;width:33.3%;}
.inner{margin:5px 30px;}
#trio1 .inner{margin-left:0;}
#trio2 .inner{margin:0;}
#trio3 .inner{margin-right:0;}
.left .inner{margin-left:0;}
.right .inner{margin-right:0;}


#double1{float:left;width:50%;}
#double2{float:right;width:50%;}
#double1 .inner{margin-left:0;}
#double2 .inner{margin-right:0;}



/* Footer */
#footer{clear:both;background:none;background-color:#fffaf1;}
#footer p{color:#333;font-size:16px;margin:0;padding:15px 30px;text-align:center;}
#footer a{color:#ccc;}
#footer a:hover{color:#eee;}

/* Image alignment */
img.alignleft,img.aligncenter,img.alignright{background:#fff;padding:4px;margin-bottom:10px;border:1px solid #ddd;}
.alignleft{float:left;margin-right:30px;}
.alignright{float:right;margin-left:30px;}
.aligncenter{text-align:center;display:block;clear:both;margin:5px auto;}

/* Additional classes */
.shadow{background:url(images/shadow.png) top center no-repeat;}
.clear{clear:both;}

.left
{
    float:left;
    width:33.3%;
}

.right 
{
    width:66.6%;
    float:left; 
}

.flags
{
    float: right;
    margin: 0px;
}

/* new clearfix */
.clearfix:after { /* for non-IE browsers and IE8+ */
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
*:first-child+html .clearfix {min-height:1px} /* for IE7 */
* html .clearfix {height:1%} /* for IE6 */


table.db-table 		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
table.db-table th	{ background:#eee; padding:5px; border-left:1px solid #ccc; border-top:1px solid #ccc; }
table.db-table td	{ padding:5px; border-left:1px solid #ccc; border-top:1px solid #ccc; }

#contenttable h1
{
    text-align: left;
    text-transform: uppercase;
    padding-left:20px;
    font-weight: bold;
    color: #000000;
    font-family:  Helvetica, sans-serif;
    font-size: 18px;
}


th.head
{

    color:#006600;
    float:left;
    padding: 0px 20px;
    text-align: right;
    text-transform: uppercase;
    font-size: 1.63em;	
    font-weight: bold;	
    text-transform: uppercase;
    font-family:  Helvetica, sans-serif;
    width: 220px;
}


td.headers
{ 	
    float:left;
    padding: 0px 20px;
    text-align: right;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
    font-size: 1em;
    width: 220px;
}

td.details
{ 	
    text-align: left;
    background: #FFFFFF;
    font-weight: bold;
    width: 440px;

}

/**
24.10.2012 
Linkkien fontit
**/
#content .dogbreedfont
{
    font-family: cursive;
    font-size: 	18px;
    /*font-weight: normal;*/
}

#content .dogbreedfont h1
{
    text-transform: none;
    font-family:  cursive;
    font-size: 18px;
    font-weight: bold;
    color: #111;  /*ForestGreen*/
}

#content .dogbreedfont h2
{
    text-transform: none;
    font-family: cursive;
    font-size: 18px;
    font-weight: bold;	
    color:#111; /*Navy; /*LimeGreen*/
    border-bottom: 2px #CCCCCC dashed;
}

#content .dogbreedfont h3
{
    text-transform: none;
    font-family: cursive;
    font-size: 18px;
    font-weight: bold;	
    color:#111; /*LimeGreen*/
    border-bottom: none;
}

#content .dogbreedfont b
{
    font-size:18px;
    font-weight: bold;	
    color:#111; /*LimeGreen*/
}


/*
        31.08.2012 * linkkien kokoa muutettu
*/
#content .class2 A:link {text-decoration: none; font-size:20px; font-weight: bold; color:burlywood;  text-justify:none; white-space: nowrap; font-family:  cursive; }
#content .class2 A:visited {text-decoration: none;color:burlywood;font-family:  cursive; }
#content .class2 A:active {text-decoration: none;color:burlywood;font-family:  cursive; }
#content .class2 A:hover {text-decoration: none; color: CornflowerBlue ; font-family:  cursive;}

table.timetable		{ border-right:0px solid #ccc; border-bottom:0px solid #ccc;font-size:18px;font-weight: bold;color:#111;	 }
table.timetable th	{ background:#fffaf1; padding:5px; border-left:0px solid #ccc; border-top:0px solid #ccc; }
table.timetable td	{ padding:5px; border-left:0px solid #ccc; border-top:0px solid #ccc; }


/*body {
  padding: 0;
  margin: 0;
}

p,
ul {
  font-family: "Roboto", sans-serif;
  text-align: center;
}

.header {
  font-family: "Roboto";
  margin: 0;
  padding: 0;
}

a:link,
a:visited {
  color: #264d73;
  background-color: transparent;
  text-decoration: none;
}

.header ul {
  list-style: none;
  text-align: center;
  background-color: #e6ccb3;
  padding: 0;
  margin: 0;
}

.header li {
  border-bottom: 1px solid #888;
  font-size: 14px;
  padding: 0;
}

ul h3 {
  margin: 0;
  padding: 0
}

.header a {
  display: block;
  padding: 0px;
}

.header a:hover {
  background-color: #f3e5d8;
}*/

.nav ul {
  list-style: none;
  background-color: #c27134;
  text-align: center;
  padding: 0;
  margin: 0;
}
.nav li {
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  line-height: 40px;
  height: 40px;
  border-bottom: 1px solid #888;
}
 
 
.nav a {
  text-decoration: none;
  color: #fffaf1;
  display: block;
  transition: .3s background-color;
}
 
.nav a:hover {
  background-color: #fffaf1;
  color: #c27134;
}
 
.nav a.active {
  background-color: #fff;
  color: #fffaf1;  
  cursor: default;
}
 
@media screen and (min-width: 600px) {
  .nav li {
    width: 137px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
  }
 
  /* Option 1 - Display Inline */
  .nav li {
    display: inline-block;
    margin-right: -4px;
  }
 
  /* Options 2 - Float
  .nav li {
    float: left;
  }
  .nav ul {
    overflow: auto;
    width: 600px;
    margin: 0 auto;
  }
  .nav {
    background-color: #444;
  }
  */
}