/******************************************************************************
        
        C  S  S   -   D  A  T  E  I
        
        Projekt   :  Haus Reimann
        
        Copyright :  a-concept internet.studio
                     www.a-concept.de


#fae56e - gelbisch
#a3ac59 - olivisch
#d8e6ab - ockergrau
#e6f5bc - grüngrau hell
#b3b590 - grau
#99c089 - olivisches grau
#497019 - dunkelgrün

******************************************************************************/

*{
margin: 0;
padding: 0;
border: none;
background: none;
color: #000;
}

/*  HELPFUL CLASSES
******************************************************************************/
.invisible{
display:none;
}

.float_left{
float: left;
}

.float_right{
float: right;
}

.image{margin-bottom: 10px;}
.image.float_right{margin-left: 15px}
.image.float_left{margin-right: 15px}

/*  BASICS
******************************************************************************/
html{
font-size: 100%;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

min-height: 100%;
margin-bottom: 1px;
}

body{
margin: 0;
padding: 0;

font-size: 100%;
background-color: #d8e6ab; /*#e6f5bc;*/
}

#wrap{
position: relative;

width: 930px;
margin: 75px auto 10px auto;
padding: 125px 0 200px 0;

border: 1px solid #99c089;

background: #fff url(bg_wald.jpg) left bottom no-repeat;
}

#sterne{
position: absolute;
top: -45px;
left: -35px;

width: 200px;
height: 162px;

background: transparent url(4sterne.png) no-repeat;
}

#header{
position: absolute;
top: 0;
right: 0;

width: 100%;
height: 125px;

background: url(neuer_header.jpg) 100% 0 no-repeat;
}

/*    COLUMNS
******************************************************************************/
#left{
width: 25%;
margin-left: 15px;
float: left;
font-size: 100%;
}

#content{
margin-left: 27%;
margin-right: 15px;
padding: 0 0 5px 10px;
font-size: 100%;
}

/*    HEADLINES
******************************************************************************/
h1, h2, h3, h4, h5, h6{
font-family: "Times New Roman", Times, serif;
margin: 0.5em 0;
}

h1 {
font-size: 160%;
}

h2 {
font-size: 120%;
}

h3 {
font-size: 110%;
}

h4 {
font-size: 105%;
}

h5 {
font-size: 100%;
}

h6 {
font-size: 100%;
}

/*    TEXTE
******************************************************************************/
#content p,#content ul,#content ol,#content table{
margin: 0.4em 0;
font-size: 95%;
}

#content ul,#content ol{
margin-left:20px;
}

#content table{
width: 100%;
background-color: #e6f5bc;
}
#content table td{
text-align: center;
}

#content a:link,#content a:visited{
color: #5B8849;
}

#content a:hover,#content a:active{
text-decoration: none;
}


/*    NAVIGATION
******************************************************************************/
#navigation{
border-bottom: 1px solid #fff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#navigation ul.nav1st{
background-color: #e6f5bc;
font-size: 80%;
}

#navigation ul.nav1st li{
list-style-type: none;
border-top: 1px solid #fff;
font-weight: bold;
padding: 2px;
}

#navigation ul.nav1st li.active{
background-color: #d8e6ab;
}

#navigation ul.nav1st li a:link, #navigation ul li a:visited{
text-decoration: none;
display: block;
padding: 2px;
}

#navigation ul.nav1st li a.current, #navigation ul.nav1st li a:hover, #navigation ul.nav1st li a:active{
background-color: #d8e6ab;
}

#navigation ul.nav1st li ul.nav2nd{
background: transparent;
font-size: 95%;
}

#navigation ul.nav1st li ul.nav2nd li{
list-style-type: none;
border-top: 0;
font-weight: normal;
padding: 0;
}

#navigation ul.nav1st li ul.nav2nd li.active{

}

#navigation ul.nav1st li ul.nav2nd li a:link, #navigation ul.nav1st li ul.nav2nd li a:visited{
text-decoration: none;
display: block;
padding: 0 0 0 10px;
}

#navigation ul.nav1st li ul.nav2nd li a.current, #navigation ul.nav1st li ul.nav2nd li a:hover, #navigation ul.nav1st li ul.nav2nd li a:active{

}

/*    LANG_CHOICE
******************************************************************************/
div#lang_choice{
position: fixed;
top:0;

width: 100%;
height: 35px;

margin: 0;
padding: 0;

background: #eee;
border-bottom: 1px solid #ccc;

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 75%;
}

div#lang_choice ul{
position: fixed;
top: 0;
left: 62%;

list-style-type: none;
}

div#lang_choice ul li{
float: left;

margin: 10px 15px 0 0;
padding: 0 0 0 18px;

height: 30px;

background-repeat: no-repeat;
background-position: 0 0;
}

div#lang_choice ul li.de{
background-image: url(siatv_german16_16.png);
}

div#lang_choice ul li.en{
background-image: url(siatv_uk16_16.png);
}

div#lang_choice ul li.da{
background-image: url(siatv_danish16_16.png);
}

div#lang_choice ul li.nl{
background-image: url(siatv_netherland16_16.png);
}

div#lang_choice a:link, div#lang_choice a:visited, div#lang_choice a:hover, div#lang_choice a:active{
text-decoration: none;

color: #000;
}

/* download
*******************************************************************************/
#content .download-hdl p, 
#content .download-file p, 
#content .download-desc p { 
	margin: 0;
}

#content .download-hdl p { 
	padding: 5px 7px;
	background-color: #e6f5bc;
	font-weight: bold;
}

#content .download-file { 
	padding: 1.2em 7px;
	border-left: 2px solid #e6f5bc;
	border-right: 2px solid #e6f5bc;
}

#content .download-desc { 
	margin-bottom: 1.2em;
	padding: 1.2em 7px;
	background-color: #eee;
	border-left: 2px solid #e6f5bc;
	border-right: 2px solid #e6f5bc;
	border-bottom: 2px solid #e6f5bc;
}

#content .download-without-desc { 
	border-top: 2px solid #e6f5bc;
	margin-bottom: 1.2em;
}

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung der Thumbnails, ausgelegt auf eine 
Thumbnail-Grösse von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet und dem jeweiligen div's zugeordnet.
*******************************************************************************/

div.jaosg_thumbnail{
	float: left;
	background: #e6f5bc;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	margin: 5px 3px;
}

div.jaosg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}

/*  FORMation-Formulare
*******************************************************************************/
form.formation{
	margin: 15px 0 20px 0;
	padding: 15px 10px;
	background-color: #e6f5bc;
	border: 1px solid #99c089;
}

fieldset{
	border: none;
	padding: 0;
	font-size: 0.9em;
	/*border-top: 2px solid #CAC2A5;*/
}

form.formation legend{
	font-weight: bold;
	font-size: 1.15em;
	padding: 0 5px 0 0;
	margin-left: -5px;
	background-color: transparent;
	color: #878376;
}

form.formation label {
	width:13em;
	float:left;
	margin:0.2em 0 0.6em 0;
}

form.formation p.radio,
form.formation p.checkbox{
	width:13em;
	float:none !important;
	margin:0.2em 0 0.6em 0;
	font-size: 1em;
	color: #000000;
}

form.formation label.radio,
form.formation label.checkbox{
	float: none;
	margin:0 0 5px 5px;
	width: auto;
}

form.formation input.radio,
form.formation input.checkbox{
	float: left;
	width: auto;
	margin: 0 0.4em 8px 0;
}

div.checkset,
div.radioset{
	margin-bottom: 10px;
}

input,
select, 
textarea {
	float:left;
	margin:0.3em 7px 0.6em 0;
	border: 1px solid #99c089;
	border-bottom: 2px solid #99c089;
	background-color: #FEFEFC;
}

form.formation fieldset br {
	clear:left;
}

form.formation input.text,
form.formation input{
	padding:0.1em;
	margin-top: 0;
	width: 60%;
}

form.formation textarea {
	padding:0.1em;
	width: 60%;
}

input.button {
	color:black;
	background-color: #FEFEFC;
	border: 1px solid #878376;
	border-bottom: 2px solid #878376;
}			

form.formation input.button {
  width: 10em;
	margin-left: 11.5em;
	clear: both;
}

form.formation p.capDesc {
	margin: 15px 0 0 0;
	font-size: 1em;
	color: #000000;
}

form.formation input.captchatext{
	margin-top: 5px;
	width: 8em;
}

img.captcha{
	float: left;
	padding-right: 10px;
}

form.formation p{
	font-size: 0.9em;
}

.textdesc{
	font-size: 1em;
	font-weight: bold;
	margin-top: 16px;
}

.req{
	color: #F48618;
	font-size: 1.2em;
}

.required,
.FORMATIONsuccess,
.FORMATIONerror {
	color: #F48618;
}