/*
Original design: Origo (v1.1 - Oct 04, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/origo/

Adopted by Jochen Thaeder (April 2013)
*/

/* --- General styles ------------------------------------------------------ */
*{margin:0; padding:0;}

body {
  background:#dddddd url(images/container_bg.png) repeat-y;
  /* url(../images/background-light.jpg) top center no-repeat;*/
  text-align: left;
  line-height:1.3em;
} 


a {text-decoration:none; }
a:hover {text-decoration:underline}
ul,ol,dl {margin:0 0 15px 0; line-height:1.5em;}
p {margin:0 0 15px 0; line-height:1.5em; text-align:justify;}

h1,h2,h3 {padding:10px 0 5px 0; margin:0px 0 10px 0; font-weight:400; line-heigt:1.2em;}

/* Main layout container */
#layout {margin:40px auto ; width:960px; background-color:white; border-radius:20px;box-shadow: 0 0 5px 1px #888; overflow:hidden;}

/* --- Grid classes -------------------------------------------------------- */
/* fixed width, 960px with 12 columns */
.col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;}
.col img {max-width:100%;}
.row {width:960px; margin:20px auto 0; overflow:hidden;}
.row .row {margin:0 -10px; width:auto;	display:inline-block;}
.c1 {width:60px;}
.c2 {width:140px;}
.c3 {width:220px;}
.c4 {width:300px;}
.c5 {width:380px;}
.c6 {width:460px;}
.c7 {width:540px;}
.c8 {width:620px;}
.c9 {width:700px;}
.c10 {width:780px;}
.c11 {width:860px;}
.c12 {width:940px;}

/* --- Additional text classes --------------------------------------------- */
.top {padding-top:4px; margin-top:0px;}
.noPad {padding:0 0 0 0; margin:0 0 0 0;}
.slogan {font-size:1.2em;line-height:1.2em;padding-top:0px; margin-top:0px;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}
.nomargin {margin:0; padding:0;}
.larger {font-size:1.2em;}
.smaller {font-size:0.6em;}
.spacer {margin:0 20px;}
.clear {clear:both;}
.hide {display:none;}
.logoleft {margin-left:7px;}
.selector02{  
  //border-left:7px solid #455BA6;  
  border-bottom:1px solid #455BA6;  
  //padding:.6em .8em  ;
}  
.selector02:before {
     float:left;
     height:18px;
     width:18px;
     border-radius:9px;
     background:#33c073;
     content:" ";
     margin-left: 8px;
     margin-right: 8px;
     position:relative;
     top:0.5px;
}

.selector05{  
  //border-top:2px solid #00008b;  
  //border-right:2px solid #00008b;
  ////border-left:7px solid #00008b; 
   //border-left:2px solid #00008b; 
   //border-bottom:2px solid #00008b; 
  padding: 12px 0 10px;
   border-radius:20px;
   color: #115; //#455BA6;  //#ffffff; 
  background:#eeeeee;
  text-decoration:none;
} 

.selector05:before {
     float:left;
     display:block;
     height:23px;
     width:23px;
     border-radius:12px;
     background:#4c4cff;
     position:relative;
     top:2.5px;
     content:" "; 
     margin-left:18px;
     margin-right:10px;
}



/* --- Set Red QM Color ---------------------------------------------------- */
/*body.red a {color:#00008b;}*/
body.red a {color:#0000FF;}
body.red a.notred {color:white;}
/*body.red h1, body.red h2, body.red h3 {color:#00008b;}*/
body.red h1, body.red h3 {color:#00008b;font-size:2.4em; }
body.red h3 {color:#115;}


/* --- Freestyle01 Body ---------------------------------------------------- */
body.freestyle01 #layout {margin:20px auto 0; width:960px;}

/* Text FuturaBT-Medium, Trebuchet MS, sans-serif*/
body.freestyle01 {font:84%; color:#000000; 
  font-family: "Lucida Sans Unicode", "Trebuchet MS", "Arial", Arial ; font-size:1.0em;} 
/* Headings */
body.freestyle01 h1, body.freestyle01 h2, body.freestyle01 h3, body.freestyle01 ul.menu li a {
  text-transform:uppercase;
  font-family: "Lucida Sans Unicode", "Trebuchet MS", "Arial", Arial;}
body.freestyle01 ul.menu li a {border-radius: 15px;}
//body.freestyle01 h2 {font-size:2.4em; line-height:1.4em;}
body.freestyle01 h2 {font-size:1.6em; line-height:1.2em;}
body.freestyle01 h3 {font-size:1.1em; }
/* Slogan */
 body.freestyle01 .slogan {color:#000000; 
   /*text-transform:uppercase; */
   font-family: "Lucida Sans Unicode", "Trebuchet MS", "Arial", Arial;}
body.freestyle01 p.slogan {margin-top:10px; font-size:1.1em;}

/* --- Menu ---------------------------------------------------------------- */
body.freestyle01 ul.menu {
   list-style:none; 
   margin:0 0px 15px 0px; 
   border:0; 
   padding:0; 
   position:relative;
}
body.freestyle01 ul.menu li {
  list-style:none; 
  text-align:left; font-size:1.15em; 
  padding:0 0 6px 0; 
  margin:0 0 1px;
  border:0;
  /*  border-bottom:1px solid #0066cc;  */
  /*border-right:1px solid #0066cc;  */
    /*border-left:1px solid #0066cc;  */
    /*border-top:1px solid #0066cc;  */

}

/* inactive menu element */
body.freestyle01 ul.menu li a {font-size:0.9em; color:#000000; padding:4px 5px 4px 5px; //border-left:10px solid #455BA6; 
		 border-left:10px solid #eeeeee;
			 	background-color:#eeeeee; display:block; font-weight:400;}
/* active menu element */
body.freestyle01 ul.menu li a:hover, body.freestyle01 ul.menu li a.current {
  border-color:#00008b; 
  background-color:#455BA6;
  border-left:10px solid #455BA6;
  color: #ffffff;
  text-decoration:none;
} 



/*body.freestyle01 ul.menu li a.disabled {border-color: #dadada; background-color: #eaeaea;} */
body.freestyle01 ul.menu li a.disabled {border-color: #ccccff; background-color: #ffffff;} 
/*body.freestyle01 ul.menu li a.disabled {border-color: #f0f8f; background-color: #f0f8ff;} */


body.freestyle01 ul.menu ul.subpages {margin:9px 0 -10px 15px;}
body.freestyle01 ul.menu ul.subpages a {font-size:0.8em; padding:4px 5px 4px 8px;}

/* --- Footer -------------------------------------------------------------- */
/*body.freestyle01 #footer {background:url(images/insidebg-light.jpg) top center no-repeat;}*/
/*body.freestyle01 #footer {background:url(images15/footer.jpg) top center no-repeat;}*/
/*body.freestyle01 #footer .col {color:#000000; padding:20px 0; border-top:1px dotted #ccc;}*/
/*body.freestyle01 #footer {font-size:0.9em; color:#ffffff;}  */
/*body.freestyle01 #footer p {text-align:center; color:#ffffff;}                 */
/*body.freestyle01 #footer p a {color:#ffffff; font-weight:400; text-decoration:none; border-bottom:1px dotted #ddd;}*/
/*body.freestyle01 #footer p a:hover {color:#000000; text-decoration:none; border-bottom:1px dotted #eee;}  */

#footer {
 clear: both;
 width:960px;
/*  background-color:#003366;*/
 background-color:#ffffff;
  text-align:center;
 padding:1em 0;
 color: #000000;
}

p#copyright {
  font-weight:bold;
  text-align:center;
}


p#copyright2 {
  text-align:center;
  font-size: 0.7em;
}

ul#top-list{
  margin-top: 11px;
  margin-bottom: 30px;
  padding: 0 14px;
  font-size: 92%;
        
}

ul#top-list li{
 margin-bottom: 0.6em;
 padding: 2px 0 2px 21px;
 background: url(images15/icon_infolist.jpg) no-repeat left 2px;
 line-height: 1.4em;
}