/*

    CSS Document


    Site: KOS

    URL: http://www.kosab.net

    Author: PS Kommunikation
 
    Version: 1.2

    Date: 2008.06.15


*/

/*
 *      HTML GENERAL
 *
 */

body {
	font-size:62.5%;     
    font-family:"Arial", sans-seriff;
    color:#666;
}
h1, h2, h3 {
	text-align:left;    
	font-weight:normal;
}
h1 {
    font-size:2.6em;
    line-height:1.1em;
    margin:15px 0 0.5em 0;
}
h2 {
    font-size:1.8em;
    margin:0 0 0.5em 0;
}
h3 {
    font-size:1.4em;
    margin:0 0 0.5em 0;
}
p {
    font-size:1.2em;
	line-height:1.6em;
    color:#666;
    margin:0 0 1.5em 0;
}
td {
    font-size:1.2em;
	line-height:1.4em;
    color:#666;
    margin:0 0 1.5em 0;
}
img {
    border:none;
}
abbr {
    border-bottom:dotted 1px;
    cursor:help;
}
em {
    color:#fff;
    background-color:#087590;
    font-style:normal;
}
strong {
    font-weight:bold;
}
ul {
    font-size: 1.2em;
    list-style-type:square;
    margin:0 0 10px 25px;
}
ul li {
    margin-bottom:0.5em;
}
ol {
    font-size: 1.2em;
    list-style-type: decimal;
    margin:0 0 10px 30px;
}
ol li {
    margin-bottom:0.5em;
}

/*
 *      LINKS
 *
 */

a {
    font-family:"Arial", sans-seriff;
	color:#666;
}
a:hover {
    text-decoration:none
}

div#secondaryContent a {
    font-size:1.2em;
}
div#primaryContent a:hover {
    text-decoration:none
}

/*
 *      CLASSES
 *
 */

.searchAttributes {
    margin:0;
    font-size:1em;
}
.kos {    
   color:#666;
   margin-bottom:3px;
   background:url(../images/iconKOS.gif) center left no-repeat;
   padding:5px 0 5px 20px;
   color:#666;
   line-height:20px;
}
.print {    
   display:block;
   color:#666;
   background:url(../images/iconPrint.gif) center left no-repeat;
   padding-left:20px;
   color:#666;
}
.mail {    
   display:block;
   color:#666;
   background:url(../images/iconLetter.gif) center left no-repeat;
   padding-left:20px;
   color:#666;
}
.link {    
   display:block;
   color:#666;
   background:url(../images/arrowRight.gif) center left no-repeat;
   padding-left:15px;
   color:#666;
}
.pdf {    
   display:block;
   color:#666;
   background:url(../images/iconPdf.gif) center left no-repeat;
   padding-left:20px;
   color:#666;
}
.strong {
    font-weight:bold;
}

/*
 *     NAVIGATION
 */

/*      MAIN        */

ul#mainNav {
    float:left;
    width:100%;
	font-size:1.2em;
    font-weight:normal;
    list-style-type:none;
    background:url(../images/bgMainNavTop.gif) left top no-repeat;
    padding:5px 0 0 0;
    margin:0;
    position:relative;
    z-index:1;
}
ul#mainNav li {
    float:left;
    background:url(../images/graphicMainNav.gif) center right no-repeat;
    margin:0 10px 0 10px;
    position:relative;
    padding:2px 0 2px 0;    
    height:1.8em;
}
ul#mainNav li a {
    text-decoration:none; 
    color:#ffffff;
    float:left;
    padding:0 20px 0 20px;    
    line-height:1.8em;
    height:20px;
}
ul#mainNav li a:hover {
    color:#ccc;
}
ul#mainNav li.active {
    float:left;
    border:solid 1px #323334;
    background:none;
    padding:0;
}
ul#mainNav li.active a {
    border:solid 1px #666;
    text-decoration:none; 
    color:#fff;
    display:block;
    padding:0 18px 0 18px; 
}
ul#mainNav li.active ul li a {border:none}
ul#mainNav li ul {
    display:none;
    position:absolute;
    font-size:1em;
    top:1.8em; 
    left:0px;
    padding-top:6px;
    border-bottom:1px #666 solid;
    margin:0;        
}
ul#mainNav ul li { 
    padding:0;
    clear:both;
    display:block;
    padding:0;
    margin:0; 
    background:#101d27;
}
ul#mainNav li>ul {
    top: 1.8em; 
    left: 0px;
    padding-top: 6px;
    border-bottom:1px #666 solid;   
}
ul#mainNav li:hover ul, ul#mainNav li.over ul {
    display:block; 
    z-index:9999;
}
ul#mainNav li ul li a {
    width:120px;     
    background:#101d27;
    padding:0 20px 0 20px;
    border-bottom:none;
}
ul#mainNav li ul li a:hover {
    background:#ccc;
    color:#666;
}

/*    SUB     */

ul#subNav {
    list-style-type: none;
    margin:0;
    font-size:1.2em;
    }
ul#subNav li {
    float:left;
    margin:0;
}  
ul#subNav li a {
    color:#fff;
    padding:5px 10px 5px 10px;
    text-decoration:none;
    display:block;
    width:153px;
    border-bottom:solid 1px #fff;
    background: #636469;  
}
ul#subNav li a:hover {
    background:#990000;
    color:#fff;
}
ul#subNav li.current a  {
    background:#101d26 url(../images/bgSubNavCurrent.gif) repeat-x;
    color: #fff;  
}
ul#subNav li.current ul {
    list-style-type:none;
    margin:0;
    font-size:1em;
}
ul#subNav li.current ul li a {
    background:#ccc;
    color:#000;
    padding-left:20px;
    width:143px;    
}
ul#subNav li.current ul li.current a {
    font-weight:bold;
    background:#ddd;
}
ul#subNav li.current ul li a:hover {
    background:#990000;
    color:#fff;
}
ul#subNav li.current ul li.active {
    font-weight:bold;
}


/*      BREADCRUMBS        */

div#breadcrumbs p {
    font-size:1.1em;
}

/*      HELP        */

ul#helpNav {
    display:inline;
    float:left;
	list-style:none;
	height:2em;
	margin:5px 0 0 0;
	font-size:1.2em;	
}
ul#helpNav li {
	line-height:1.4em;
	color:#666;
	float:left;
	margin-left:10px;
}
ul#helpNav li a {
    color:#666;
}

/*
 *      PUFF SIDEBAR
 *
 */

div#puffContainer p {
    line-height:1.4em;
}

/*
 *      SIDEBAR
 *
 */

div#sidebar p {
    margin-left:10px;
}
/*
 *      CONTENT
 *
 */


/*      INDEX        */

body#start div#masthead h1 {
    position:absolute;
    top:20px;
    left:20px;
    margin:0;
}
 body#start div#primaryContent h1 {
    font-size:3.6em;
    font-weight:bold;    
}
body#start div#primaryContent p {
    margin:0;
}
body#start div#puffOne strong, body#start div#puffTwo strong, body#start div#puffThree strong {
    margin:15px 15px 0 15px;
    font-size:1em;
    font-weight:bold;
    background:#333;
    color:#fff;
    display:inline;
    padding:2px 5px 2px 5px;
    background: #b21f00 url(../images/bgInputButton.gif) top left no-repeat;
}
body#start div#puffOne h2, body#start div#puffTwo h2, body#start div#puffThree h2 {
    margin:8px 15px 0 15px;
    font-size:1.6em;
    font-weight:normal;
    color:#666;
}
body#start div#puffOne p, body#start div#puffTwo p, body#start div#puffThree p {
    margin:10px 15px 0 15px;
    line-height:1.3em;
}
body#start div#puffOne a, body#start div#puffTwo a, body#start div#puffThree a {
    position:absolute;
    bottom:1.5em;
    left:15px;
    padding-left:10px;
    font-family:"Arial", sans-seriff;
    width:62px;
    color:#666;
    font-weight:bold;
    text-decoration:none;
    font-size:1.2em;
    background: url(../images/arrowRight.gif) left center no-repeat;
}
body#start div#puffOne a:hover, body#start div#puffTwo a:hover, body#start div#puffThree a:hover {
    text-decoration:underline;
}

/* SEARCH RESULTS */

div#searchResults h1 {
    font-size:1.2em;
    font-weight:bold;
    padding-bottom:15px;    
    border-bottom:solid 1px #ccc;    
}
div#searchResults a:hover {
    text-decoration: underline;
}    
div#searchResults a {
    font-size:1.2em;
    font-weight:bold;
    color:#990000;
    text-decoration: none;
}
div#searchResults p {
    border-bottom:solid 1px #ccc;
    padding-bottom:15px;
    margin-top:5px;
}

/*      NEWS LIST        */
   
div#newsList a {
    font-size:1.8em;
    font-weight:normal;
    margin:0 0 0.5em 0;
    color:#990000;
    text-decoration: none;
}
div#newsList a:hover {
    text-decoration: underline;
}
div#newsList p {
    border-bottom:solid 1px #ccc;
    padding-bottom:15px;
    margin-top:5px;
}
div#newsList p span {
    display:block;
    font-size:0.9em;
    margin-top:0.2em;
}

/*
 *      FORM
 *
 */

/* COMMON */

fieldset p { margin:0; padding:0; display:inline}

/* SEARCH WEBSITE*/

fieldset#searchWebsite {
    width:162px;
    padding:0 10px 10px 10px;
}    
    
fieldset#searchWebsite legend {
    display:none;
    visibility:hidden;  
}
fieldset#searchWebsite input {
    font-family:"Arial", sans-seriff;
    font-size:1.1em;
    width:152px;
	border:1px solid #487d50;
	height:1.5em;
	background: #fff;
	color:#999;
	padding:2px;
}
fieldset#searchWebsite input.submit {
    font-family:"Arial", sans-seriff;
    font-size:1.1em;
    border:solid 1px #b82900; 
   	background: #b21f00 url(../images/bgInputButton.gif) top left no-repeat;
    width:50px; 
    height:2em; 
    color:#fff; 
    padding:0;
    margin: 3px 0 0 107px;
    cursor:pointer;
}

/* CONTACT  */

fieldset#formContactinfo {
    font-family:"Arial", sans-seriff;
	font-weight:normal;
	color:#666;
	margin-bottom:4em;
	margin-top:3em;
}
fieldset#formContactinfo legend, fieldset#formMessage legend {   
    font-weight:bold;
    font-size:1.3em
}
fieldset#formContactinfo label, fieldset#formMessage label {
    color:#666;
    display:block; 
    text-align:left;
    margin-top:10px;
    font-size:0.9em;
    font-weight:bold;
}
fieldset#formContactinfo input {
    font-family:"Arial", sans-seriff;
    font-size:1.0em;
    width:250px;
	background:#f5f9f1;
	border:none;
	border:solid 1px #eaeaea;
	border-bottom:3px solid #ccc;
	color:#666;
	padding:5px;
}
fieldset#formMessage {
    font-family:"Arial", sans-seriff;
	font-size:1.0em;
	line-height:1.5em;
	font-weight:normal;
	color:#666;
	margin-bottom:1em;
}
fieldset#formMessage textarea {
    font-family:"Arial", sans-seriff;
    color:#666;
	font-size:1.0em;
	width:350px;
	background:#f5f9f1;
	border:none;
	border:solid 1px #eaeaea;
	border-bottom:3px solid #ccc;
	padding:3px;
	height:13.5em;
}
fieldset#formMessage input.submit {
    display:block;
    font-family:"Arial", sans-seriff;
    font-size:1em;
    border:solid 1px #b82900; 
  	background:#b21f00 url(../images/bgInputButton.gif) top left no-repeat;
    width:5em;
    height:2em; 
    color:#fff; 
    padding:0.2em 1em 0.2em 0.5em;
    cursor:pointer;
    margin:3px 20px 0 0;
}

/*
 *     FOOTER
 */

div#footer p {

    color:#666; 
    font-size:1.1em; 
    margin:0 10px 0 0; 
    padding:0; 
    line-height:1.3em;
}
div#footer a {
    color:#666; 
    text-decoration:none;
}
div#footer div#footerLink a {
    color:#666; 
    text-decoration:underline;
}

/*
 *     PRODUCTION
 */

div#production p {
    color:#666; 
    font-size:1.1em; 
    margin:0; 
    padding:0; 
    line-height:1.8em;
}
div#production a {
    color:#666; 
    text-decoration:none;    
}