/**********************************************************************************
	created by:		Newmedia http://www.newmedia.ch
	project:		nm_grf (graubuenden)
	date:			August/2010, Ann Nielsen, Beat Hausheer
	version:		0.1
	file:			content.css
	function:		CE
**********************************************************************************/

@charset "utf-8";
/* CSS Document */


/* FELOGIN  */

fieldset {
	border:none;
}

.tx-felogin-pi1 {
	font-size:11px;
	line-height:1.3;
	margin:0 0 8px;
	padding:0 12px;
}
.tx-felogin-pi1 div{
 display:inline;
}

.tx-felogin-pi1 input {
	border:1px solid #999999;
	color:#000000;
	margin-top:3px;
	padding:2px;

	width:200px;
}

.tx-felogin-pi1 input.submit_login {
	background-color:#000000;
	color:#FFFFFF;
	text-transform:uppercase;	
	margin-top:15px;
	width:205px;
}
.tx-felogin-pi1 input.submit_logout {
	background-color:#D4D0C8;
	color:#000000;
	text-transform:uppercase;	
	margin-top:10px;
	width:205px;
}

/* FL SEO SITEMAP  */

#content .tx-flseositemap-pi1 ul {
	list-style-type:none;
}
#content .tx-flseositemap-pi1 ul.list li {
	font-size:14px;
	line-height:20px;
	list-style-type:none;
	font-weight:bold;
	padding:0 0 3px;
	margin:0 5px 5px 0 !important;
	padding-left:12px;
	background:none;
}

#content .tx-flseositemap-pi1 ul.list li li {
	font-size:12px;
	font-weight:bold;
}
#content .tx-flseositemap-pi1 ul.list li li li {
	font-size:12px;
	font-weight:normal;
	line-height:14px;
}




/* Typography */

h1 { 
	margin:0; 
	padding:2px 0 8px 5px; 
	font-size:32px; 
	color: #af0e1b;
} 

h1 a, h1 a:hover{
    text-decoration:none;
}


.subheader_granat{
 	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	color: #C0051A;
}


.subheader_fett{
 	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	color: #000000;
}

#sub_L_N_R_2a #colRight .subheader_granat{
 padding-left:10px;
}


#sub_L_N_R_2a #colRight .subheader_fett{
 padding-left:10px;
}



/*padding-top 2px wg. IE6 & overflow hidden: Überschrift h1 oben sonst angeschnitten*/

#thePrintbody h1 { 
	line-height:32px;
}

h2 small{font-weight: normal; font-size: 16px}
h4{color: #af0e1b; font-size: 12px; padding: 0; margin: 0;}


.csc-textpic-image { margin:0 0 16px 0; padding:0; }
.csc-textpic-caption {display:none;}

.bodytext { margin:0 0 16px 0; padding:0px 0px 0px 10px;  }
	
#content .bodytext { 
	margin:0 0 7px 0; 
	padding:0px 10px 0px 10px;
	line-height: 1.3;
	font-size:14px;
}

#content #colRight .bodytext { 
	font-size:12px;
	width:95%;
}

.csc-header{ margin:0px 0px 10px 0px; padding:0; clear:both; }
/*#colRight .csc-header{ margin:0px; padding:0; clear:both; }*/

.csc-header h4 { margin:0px 0px 10px 10px; padding:0; clear:both; }
.csc-header h3 { 
	margin:0; 
	padding:5px 0px 0px 10px;
	clear:both; 
}
.csc-subheader { margin:0 0 16px 0; padding:0; clear:both; }
.csc-bulletlist { margin:0 0 16px 0; }
.contenttable { margin:0 16px 16px 16px; }
#content-right .contenttable{font-size: 14px}
	
.csc-uploads { margin:0 0 16px 0; }

.csc-textpic-intext-left-nowrap {padding-bottom: 20px}

#content-left .csc-textpic-imagewrap {
	margin-right: 25px !important; 
	margin-bottom: 5px !important; 
}

#content-right .csc-default   {
	background-color: #ecece8; 
	border-left:0 solid #FFFFFF; 
	float:left; 
	overflow:hidden; 
	width:336px;
}
#thePrintbody #content-right .csc-default   {
	background:none;
	border:1px solid #CCCCCC;
}
/* AS#content-right .csc-default p{margin: 0 16px 0 16px}*/   
/* AS#content-right .csc-textpic-text{margin-left: 10px;}*/
/* AS#content-right .csc-default .csc-textpic-text p {margin: 0 16px 0 0;}*/
#content-right .csc-default .csc-header h4{margin: 0 0 -16px 16px !important; padding: 0}
#content-right .csc-textpic-imagewrap {/*ASmargin-right: 10px !important;*/ margin-bottom: 5px !important; }
#contentwrapper #content #content-right .schmal-s .csc-textpic .csc-textpic-imagewrap { margin-right: 0px !important; }
#contentwrapper #content #content-right .schmal-s .csc-textpic .csc-textpic-text { clear: none; margin: 0px; padding: 0px; display: inline;}
#contentwrapper #content #content-right .csc-textpic-text .csc-textpicHeader {margin: 0px 0px 0px 10px; }

#content-left .csc-default .csc-default,
#content-right .csc-default .csc-default { border: 0px solid white; padding-bottom: 0px; }

#content-fullscreen .csc-default{width: 978px; float: left;  overflow: hidden;  border-left: 1px solid #fff; margin-bottom: 0px;}
#content-left .start-h2{width: 642px; float: left;  overflow: hidden;  border-left: 1px solid #fff; margin-bottom: 0px;}

/*Rahmen LInie danach*/
#colNormal .csc-frame-rulerAfter{
    border-bottom: #EEEEEE solid 1px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.breit-xs {
    width: 640px; 
	height: 193px; 
	float: left; 
	overflow: hidden; 
	/*border-left: 1px solid #fff;
	 border-right:1px solid #FFFFFF; */ 
	 /*margin-bottom: 40px; */ 
	 clear:both; 
}

.breit-s {
    width: 640px; 
	height: 251px; 
	float: left; 
	overflow: hidden; 
	/*border-left: 1px solid #fff;
	 border-right:1px solid #FFFFFF; */ 
	 /*margin-bottom: 40px; */ 
	 clear:both; 
}
.breit-m {
    width: 640px; 
	height: 321px; 
	float: left; 
	overflow: hidden;
	/*border-left: 1px solid #fff; 
	border-right:1px solid #FFFFFF; */ 
	margin-bottom: 0px; 
	clear:both; 
}
.breit-l {
    width: 640px;
	height: 386px; 
	float: left; 
	overflow: hidden; 
	/*border-left: 1px solid #fff; 
	border-right:1px solid #FFFFFF; */ 
	margin-bottom: 0px; 
	clear:both; 
	}



#content-left .csc-default,   
.breit-flexibel{
	width: 640px; 
	float: left;  	
	overflow: hidden;  
	/*border-left: 1px solid #fff; 
	border-right: 1px solid #fff;*/
	text-align:left;
	/*margin-bottom: 10px;*/
}


#content-left .horizontal .csc-default{
	width: 320px; 
	border-right: 1px solid #fff; 
	}
#content-left .horizontal div.schmal-s, #content-left .horizontal div.schmal-m, #content-left .horizontal div.schmal-l, #content-left .horizontal div.schmal-flexibel{ 
	border-right: 1px solid #fff; 
	}

#content-left .csc-default img{
	padding-left:12px;
}
 
.schmal-xs{
    width: 320px; 
	height: 193px; 
	/*border-left: 1px solid #fff; */
	float: left;  
	overflow: hidden;  
	padding-bottom: 0px;
	} 
 
.schmal-s{
    width: 320px; 
	height: 251px; 
	/*border-left: 1px solid #fff; */
	float: left;  
	overflow: hidden;  
	padding-bottom: 0px;
	}   
.schmal-m{
    width: 320px; 
	height: 321px; 
	/*border-right: 1px solid #fff;*/
	float: left;  
	overflow: hidden;  
	padding-bottom: 0px;
	}
.schmal-l{
    width: 320px; 
	height: 386px; 
	/*border-right: 1px solid #fff;*/ 
	float: left;  
	overflow: hidden;  
	padding-bottom: 0px;
} 

.schmal-flexibel{
    width: 320px;  
	/*border-right: 1px solid #fff; */
	float: left;  
	overflow: hidden;  
	/*padding-bottom: 40px;*/
}

/*content related*/
#content-right .schmal-xs{
    width: 336px; 
	float: left;  
	overflow: hidden;  
	background-color: #ecece8; 
	/*border-right: 0px solid #fff;*/
}
#content-right .schmal-s{
    width: 336px; 
	float: left;  
	overflow: hidden;  
	background-color: #ecece8; 
	/*border-right: 0px solid #fff;*/
}
 /* html #content-right .schmal-s{width: 321px;}    */
#content-right .schmal-m{
    width: 336px; 
	float: left;  
	overflow: hidden;  
	background-color: #ecece8; 
	border-right: 0px solid #fff;
}
#content-right .schmal-l{
    width: 336px; 
	float: left;  
	overflow: hidden;  
	background-color: #ecece8; 
	/*border-right: 0px solid #fff;*/
}
#content-right .schmal-flexibel{
    width: 336px; 
	float: left;  
	overflow: hidden;  
	background-color: #ecece8; 
	/*border-right: 0px solid #fff;*/
}

#content-center-layout2a .csc-default {
    width:475px;
	}


/*headlines*/  
#content-left h2,
#content-right h2,
#content-right h1,
#content-left-layout2 h2,
#content-right-layout2 h2,
#content-center-layout2 h2,
#content-fullscreen h2,
#content-left-layout1 h2,
#content-right-layout1 h2,
#content-left-layout2 h2,
#content-center-layout2 h2,
#content-right-layout2 h2,
#content-left-layout2a h2,
#content-center-layout2a h2,
#content-right-layout2a h2{
    font-weight: strong;
	/*font-size: 14px; */
	font-size:0.88em;
	padding: 0px 0px 0px 10px; 
	border-top: 1px solid #fff;
	line-height:150%; 
	} 
    
#content-left h2,
#content-center-layout2 h2,
#content-left-layout2a.gelb h2,
#content-fullscreen h2{
	color: #da8e03; 
	border-bottom: 2px solid #da8e03; 
	background-color: #fdebc1; 
	border-top: 1px solid #fff;  
} 
#content-left.blau h2, 
#content-left-layout2a.blau h2,
#content-fullscreen.blau h2 {
	color: #2D9DB4; 
	border-bottom: 2px solid #2D9DB4; 
	background-color: #c0e7ef;
	border-top: 1px solid #fff;
}


#content-right h1{
    color: #706e59;
	border-bottom: 2px solid #706e59;
	background-color: #dfdfd8;
	border-top: 1px solid #fff;	    
	margin-bottom:10px; 
}

#content-right h2{
    color: #706e59;
	border-bottom: 2px solid #706e59;
	background-color: #dfdfd8;
	border-top: 1px solid #fff;	     
}



#content-right-layout2 h2,
#content-right-layout2a h2,
#content-left-layout1 h2 {
    color: #706e59; 
	border-bottom: 2px solid #706e59; 
	background-color: #dfdfd8; 
	border-top: 1px solid #fff;  
}

#content-left-layout2 h2 {
    color: #da8e03; 
	border-bottom: 2px solid #da8e03; 
	background-color: #fdebc1; 
	border-top: 1px solid #fff;  
}
	
#content-left-layout2a h2 {
    color: #706e59; 
	border-bottom: 2px solid #706e59; 
	background-color: #dfdfd8; 
	border-top: 1px solid #fff;  
}

#content-right-layout1 h2,
#content-center-layout2 h2,
#content-center-layout2a h2 {
    color: #706e59; 
	border-bottom: 2px solid #706e59; 
	background-color: #dfdfd8; 
	border-top: 1px solid #fff;  
}

#content-center-layout2a h3,#content-center-layout2 h3 {
    color: #706e59; 
	border-bottom: 2px solid #706e59; 
	background:none;
}

#content ul{
    margin-left: 16px;
	}
	
#content li {
    margin:0; 
	padding:0 0 3px 0; 
	line-height:120%; 
	color: #706e59; 
	list-style-type:none; 
	font-size:11px; 
	background:url(../images/list_style_li.gif) no-repeat left 2px;
	padding-left: 16px; 
	}
	
#content-left li {
    font-size:14px; 
	}
#content-center-layout2a li {
    font-size:14px; 
	}
	
#content-right li {
    font-size:12px;
	}

#content #content-left .csc-textpic-imagewrap ul, 
#content #content-right .csc-textpic-imagewrap ul {
    margin: 0; padding: 0
	}

#content #content-left .csc-textpic-imagewrap li, 
#content #content-right .csc-textpic-imagewrap li{
    margin-right: 11px
	} 

.left{
    float:left
	}
.right{
    float:right
	}
.clear{
    clear:both
	}

/*SBB FAHRPLAN, ROUTENPLANER*/
#content #content-right .fahrplan {

padding:0;
text-align:right;
width:336px;
}

#content #content-right .fahrplan img.logo {
padding: 0 0 10px 0;
}

#content #content-right .fahrplan form {
border-top:1px solid #706E59;
margin-top:-18px;
padding:10px 0 30px 4px;
float:left;
}

#content #content-right .fahrplan form input {
width:160px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D6D6D3;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-bottom:4px;
padding:3px;
text-align:left;
}

#content #content-right .fahrplan .radio   {
width:12px;
border:none;
font-family:Arial,Helvetica,sans-serif;
margin-bottom:4px;
padding:0px;
background:none;
}

#content #content-right .fahrplan .label_radio{
    line-height: 14px;
	width: 40px;
	display:inline;
	margin-right: 10px;
	}

#content #content-right #routenplaner input {
width:160px;
background: #FFFFFF;
border:1px solid #D6D6D3;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-bottom:4px;
padding:3px;
text-align:left;
}

#content #content-right .fahrplan form table {
font-size:12px;
margin:4px;
text-align:left;
width:320px;
}

#content #content-right .fahrplan form select {
width:84px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D6D6D3;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-bottom:4px;
padding:2px;
text-align:left;
}

#content #content-right #routenplaner .noborder  input {
width: auto;
margin-right: 61px;
}



#content #content-right #routenplaner select {
width:168px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D6D6D3;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-bottom:4px;
padding:2px;
text-align:left;
}


#content #content-right .fahrplan form input.button {
background:url("/fileadmin/templates/nm_grf/images/bg-button_sbb.gif") no-repeat scroll 0 0 transparent;
border:medium none;
color:#AF0E1B;
font-size:10px;
font-weight:900;
height:20px;
line-height:20px;
padding:0;
text-align:center;
margin-bottom:16px;
width:168px;
}


iframe body .fbConnectWidgetTopmost {
border:none;
}

iframe body .fbConnectWidgetTopmost {
border:none;
border-style: none;
}

/******* SITEMAP *******************/
.csc-sitemap { 
    margin:0;
	}

#colNormal .csc-sitemap li{
    padding:0 0 3px 0;
    font-weight:bold;
	background:none;
}

#colNormal .csc-sitemap li li{
    font-size:12px;
    font-weight: bold;
	padding:0 0 3px 0;
}

#colNormal .csc-sitemap li li li{
    font-size:12px;
    font-weight: normal;
	padding:0 0 3px 0;
}

#colNormal .csc-sitemap li li li li{
    font-size:11px;
    font-weight: normal;
	padding:0 0 3px 0;
}



#colNormal .csc-menu-4 dd{
    border-bottom:#EBEBEB 1px solid;
	margin-bottom: 15px;
	margin-left: 10px;   
	padding-bottom:5px; 
}

#colNormal .csc-menu-4 dt{
	margin-left: 10px;    
}

#colNormal .csc-menu-4 dt a{
	padding-left: 20px;  
	background: url(../images/newsletter.gif) no-repeat left;  
}
#sub_N_R .tx-itawyoutoubeembed-pi1 {
    padding: 0 0 0 10px;
}
.tx-nmmeteonews-pi1 {
	padding-left:10px;
}
/* kb_nescefe */

.horizontal_div {
	margin: 0;
    padding: 0;
	width:640px;
}
#content-left .horizontal_div .csc-default {
	border:none;
	margin: 0;
    padding: 0;
	float:left;
	width:320px;
}

.tx-nmttaddressoutput-pi1 h1 {
    background-color: #DFDFD8;
    border-bottom: 2px solid #706E59;
    border-top: 1px solid #FFFFFF;
    color: #706E59;
    font-size: 0.88em;
    line-height: 150%;
    padding: 0 0 0 10px;
}

.tx-nmttaddressoutput-pi1 h3 {
    background-color: #DFDFD8;
    border-bottom: 2px solid #706E59;
    border-top: 1px solid #FFFFFF;
    color: #706E59;
    font-size: 0.88em;
    line-height: 150%;
    padding: 0 0 0 10px;
}
.tx-nmttaddressoutput-pi1 #content-center-layout2 h3 {
	background:none;
    border-bottom: 2px solid #C7C8C0;
    color: #706E59;
    font-size: 0.88em;
    margin: 15px 0;
    padding: 0 0 0 10px;
}
.tx-nmttaddressoutput-pi1 .single_address {
	padding-left:10px;

}

.feratel_schmal {
	float: left;
	margin: 5px 0 10px 12px; 
	font-size: 12px;
}