/*
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:#f5f5f5 url(../images/background-light.jpg) top center no-repeat; 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:10px 0 5px 0; font-weight:400; line-heigt:1.2em;}

/* Main layout container */
#layout {margin:40px auto 0; width:960px;}

/* --- 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;}

/* --- Set Red QM Color ---------------------------------------------------- */
body.red a {color:#993333;}
body.red a.notred {color:white;}
body.red h1, body.red h2, body.red h3 {color:#993333;}

/* --- Freestyle01 Body ---------------------------------------------------- */
body.freestyle01 #layout {margin:20px auto 0; width:960px;}

/* Text */
body.freestyle01 {font:84%; color:#626060; font-family: "FuturaBT-Medium", "Trebuchet MS", Arial, sans-serif; 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: "FuturaBT-Medium", "Trebuchet MS", Arial, sans-serif;}   
body.freestyle01 h1 {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:#626060; text-transform:uppercase; font-family: "FuturaBT-Medium", "Trebuchet MS", Arial, sans-serif;}
body.freestyle01 p.slogan {margin-top:10px; font-size:1.1em;}

/* --- Menu ---------------------------------------------------------------- */
body.freestyle01 ul.menu {list-style:none; margin:0 0 15px 0; border:0; padding:0; position:relative;}
body.freestyle01 ul.menu li {list-style:none; text-align:left; font-size:0.95em; padding:0 0 8px 0; margin:0 0 1px; border:0;}

/* inactive menu element */
body.freestyle01 ul.menu li a {font-size:0.9em; color:#626060; padding:4px 5px 4px 5px; border-left:5px solid #dadada; 
			 	background-color:#eaeaea; display:block; font-weight:400;}
/* active menu element */
body.freestyle01 ul.menu li a:hover, body.freestyle01 ul.menu li a.current {border-color:#993333; 
									     background-color:#dadada;text-decoration:none;} 

body.freestyle01 ul.menu li a.disabled {border-color: #dadada; background-color: #eaeaea;}

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 .col {color:#626060; padding:20px 0; border-top:1px dotted #ccc;}
body.freestyle01 #footer {font-size:0.9em; color:#a1a1a1;}  
body.freestyle01 #footer p {text-align:center; color:#a1a1a1;}                 
body.freestyle01 #footer p a {color:#a1a1a1; font-weight:400; text-decoration:none; border-bottom:1px dotted #ddd;}
body.freestyle01 #footer p a:hover {color:#626060; text-decoration:none; border-bottom:1px dotted #eee;}  
