/**********************************************************************************
	created by:		Newmedia	http://www.newmedia.ch
	project:		schweizerische Arbeitsgemeindschaft fuer die Berggebiete www.sab.ch
	date:			07/2010, kec
	version:		0.1
	file:			content.css
	function:		Content Area
**********************************************************************************/
/* STANDARD ELEMENTS ------------------------------------------------------------*/
/* ------------------------------------------------------------------------------*/

/* TEXT ELEMENTS ----------------------------------------------------------------*/
p 
{
	font-size:11px;	
	line-height: 1.5em;
	margin-bottom: 1.2em;
	padding:0px;	
}

h1 
{
	color:#333;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 10px;
	padding:0px;
}

h2 
{
	color:#194E85;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	border-bottom:1px solid #C5CECD;
	margin-bottom: 8px;
	padding:0px;
}

h3 
{
	color:#333;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 2px;
	padding:0px;	
}


h4 
{
	color:#333;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 10px;
	padding:0px;
}

/* LIST ELEMENTS ----------------------------------------------------------------*/
#content ul
{
	margin-bottom:10px;
	margin-left:15px;
	list-style:square;
}

#content ol
{
	margin-bottom:1.0em;
	margin-left:22px;
}
#content li
{
	line-height: 18px;
	font-size:11px;	
	padding:0px;
	margin:0px;
}

/* SITEMAPS --------------------------------------------------------------------*/

#content .csc-sitemap ul
{
	margin-bottom:0px;
}

#content .csc-sitemap li
{
	line-height: 20px;
}


/* TABLE ------------------------------------------------------------------------*/
td 
{
	font-size:11px;
	line-height: 15px;
}

/* LINE -------------------------------------------------------------------------*/
hr 
{
	background-color: #666666; 	/* Mozilla 1.4 */
	color: #666666; 			/* IE 6 */
	border: #666666; 			/* Opera 7.11 */
	height: 1px; 				/* in Opera fuer die Anzeige noetig, in Mozilla fuer die einheitliche Hoehe */
	margin:0px;
	padding:0px;
}

/* LINKS ------------------------------------------------------------------------*/
a			{ color: #333; line-height:1.5em;}
a:link 		{ color: #333; }
a:visited  	{ color: #333; }
a:hover 	{ color: #000; text-decoration:underline;}
a:active	{ color: #000; text-decoration:underline;}
a:focus 	{ color: #000; text-decoration:underline;}	

span.important 				{
	color: #CC285E;
	font-weight:bold;
	font-size:12px;
	line-height:1.6em;
}
span.name-of-person 		{
	color: #6178A5;
	font-weight:bold;
	font-size:12px;
	line-height:1.6em;
}
span.detail 				{
	color: #999999;
}

/* IMAGE ------------------------------------------------------------------------*/
#content img
{
	border:none;
}

#content .csc-caption
{
	padding-top:10px;
}

.csc-textpic-caption{
font-size:10px;
line-height:13px;
color:#999999;}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	padding-bottom:10px;
 	margin-bottom:0px;
}


/*FILELINKS*/
.filelinks div {margin-bottom:1.2em;}


/**********************************************************/
/* FORMULAR */
/**********************************************************/

/*-------------------------FORMULAR----------------------------------*/
#mailform{
	color: #1B354E;
	}

/*bei radiolayout label und feld auf einer hoehe*/
#radiolayout label{
	line-height:20px;
	vertical-align:text-bottom;}
	
*+html #radiolayout label{
	vertical-align: inherit;
	line-height:normal;}

* html #radiolayout label{
	vertical-align:inherit;
	line-height:normal;}

* label{
	line-height:20px;}
	
/*grösse des schriftfeldes - Label*/
.csc-form-labelcell {               
    /*color:#1B354E;*/}

.csc-form-labelcell P, FORM .csc-form-commentcell { 
       font-size: 11px;}

.csc-form-labelcell P.csc-form-label { 
      color: #1B354E; }
	  
/* Email form, specifically */
.csc-mailform .csc-form-labelcell  { 
/*background-color: #ccccff;*/
}

/*grösse des Eingabefeldes - Feld*/
.csc-form-fieldcell {                 
    width:175px;}
	
.csc-form-fieldcell INPUT,.csc-form-fieldcell TEXTAREA {
	 background-color: #EDF5FC;
	 /*height: 17px;*/
	 width:175px;
	 border: none;
	 font-size: 11px; 
	 color:#1B354E;
	 padding-left:3px;
	}
	 
 .csc-form-fieldcell SELECT{
  	background-color: #EDF5FC;
	border:none;
	width:175px;}

/**************************************************************************************************/
/***************************EINZELNE FORMULARELEMENTE**********************************************/

/* Überschriften der LABEL bei Radio Buttons*/	  
legend {
    color:#1B354E;
    padding:0px;
    margin:0px;
    border:none;}
	
* html legend {
    margin-left:-4px;}
	
*+html legend {
    margin-left:-4px;}

/* Definition des Gesamtrahmens der Radio Buttons*/
fieldset {
    border:none;}
	
/*Definition label Radiobutton - Format,Standort*/
fieldset h3{
	color:#1B354E;
	font-size:13px;
	font-weight:bold;
	padding:3px 0px 0px 0px;}

/* eigene Klasse für die Abstände nach oben und unten
bei der vwerwendung von Radio Buttons in Formularen */
#radiolayout {
	color: #1B354E;
	padding-right:0px;}

#radiolayout h1{
	color: #1B354E;
	padding:10px 0px 10px 0px;}

*+html #radiolayout h1{
	position: relative;
	left:-5px;	
}

* html #radiolayout {
	position: relative;
	left:-5px;}

/*textfelder*/
.csc-form-fieldcell .mf-text{                
     margin:0px 0px 8px 0px;
     border: 1px solid #004C93;
	 width:351px; 
	 height:100px
}

/*sendebutton*/	   
.csc-form-fieldcell .mf-submit{                
    width:60%;
	height:21px;
	border: 1px #004C93 solid;
	font-size: 11px;
	color:#1B354E;
	text-align: center;
	vertical-align: top;
	padding-bottom:1px;
	margin:16px 0px 10px 0px;
	background-color: #D4D0C8;
	border-bottom:2px #2B547D solid;
	border-left:2px #cccccc solid;
	border-top:2px #cccccc solid;
	border-right:2px #004C93 solid;
	}
/*eingabefelder*/
  .csc-form-fieldcell .mf-input{                 
	/*height: 16px;*/
	height:21px;
	width:175px;
	border: 1px solid #004C93;
	margin-bottom:5px;
	padding-top:2px;
}
	   
/*Markierungsfeld*/	   
.csc-form-fieldcell .mf-check{
    margin:0px 20px 0px 0px;              
	text-align: left;
	vertical-align: top;
	width:15px;
	border:none;
}
	   
/* spezielle Klassen für Formularelemente */
 .mf-radio{
 	border:none;
 	margin-right:3px;
 	color:#1B354E;}
 
*+html .mf-radio {
   /*margin-right:3px;*/
   margin-top:-2px;
}

* html .mf-radio {
   /*margin-right:0px;*/
   margin-top:-2px;
}

 /*Passwortfeld*/
.csc-form-fieldcell .mf-pass {                     
   width:175px;
   border: 1px solid #004C93;
   font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
   color: #000000;
   font-size: 12px;
   margin-bottom:5px;
}

 /*Auswahlfeld*/
.csc-form-fieldcell .mf-select {                
   border: 1px solid #004C93;
   width:275px;
   margin:2px 0px 5px 0px; 
}

/*Dateiupload*/
.csc-form-fieldcell .mf-file {
	width:175px;                                 
	border: 1px solid #004C93;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	margin-bottom:5px;
}

div.csc-form-fieldcell input.mf-file{ border: 1px solid #004C93;}

/*Beschriftung - Zusatzvermerke, br`s*/
.csc-mailform-label{
    color:#666666;
    padding:2px 0px 2px 0px;}

	
.mf-reset {
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}
/*---------------- Formular-Effekte -------------------------*/
#mailform input:hover, #mailform input:focus {
	 background-color:#FFFFCC;
	 border:#840000 1px solid;
	}
	
#mailform textarea:hover, #mailform textarea:focus {
	 background-color:#FFFFCC;
	 border:#840000 1px solid;
	}
	
#mailform select:hover, #mailform select:focus {
	 background-color:#FFFFCC;
	 border:#840000 1px solid;
	}

/*--------------------------------------FORMULAR ENDE----------------------------------*/