/********************************************************************************************************
	created by:		Newmedia	http://www.newmedia.ch
	project:		Bergrestaurant Brambrüesch, Restaurant Hotel Rosenhügel
	date:			08/2009, Claudia
	version:		4.1
	file:			content.css
	function:		all contents-style  
********************************************************************************************************/

A:LINK,  A:VISITED,  A:ACTIVE{
	color : #FFFFFF;  
	text-decoration: underline;
}
A:HOVER { 
	color : silver;
	text-decoration: none;
}
/*  entfernt den Linkrahmen  um das bild  */ 
img{
	border: none ;	
}
img.icon{
	padding-right:0.5em;
	vertical-align: top;
}



h1 {
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	line-height:15px;
	margin:0;
	padding-bottom:8px;
}
h2 {
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	line-height:15px;
	margin:0;
	padding-bottom:8px;
}


ul {
	margin:0px 10px 0px 8px;
	padding:0px 10px 16px 8px;
}
ol {
	margin:0px 10px 0px 13px;
	padding:0px 10px 16px 13px;
}



p.bodytext, p{
	margin:0px 0px 15px;

}


/* RTE / Table styling */

TABLE.contenttable { /*border: 1px #FFFFFF solid;*/ margin: 10px 0px 10px 0px; width: 100%; }
TABLE.contenttable TR TD { padding: 0px 3px 0px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size: 11px; margin:0px; }
TABLE.contenttable TR { /*background-color: #EDEBF1;*/}


/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop {
}
P.csc-linkToTop A { font-weight: bold; }

#thebody .csc-frame { border: 0px; }
#thebody .csc-frame-invisible {}
#thebody .csc-frame-rulerBefore { border-top: 1px solid #666666; }
#thebody .csc-frame-rulerAfter { border-bottom: 1px solid #666666; padding-top: 6px; padding-bottom: 6px;}
#thebody .csc-frame-indent { padding-left: 100px; }
#thebody .csc-frame-indent3366 { padding-left: 33%; }
#thebody .csc-frame-indent6633 { padding-right: 33%; }
#thebody .csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #666666; }
#thebody .csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #666666; }

#thebody .csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
#thebody .csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }
p.csc-frame-frame3, table.csc-frame-frame3 { background-color: #000000; padding: 2px 4px 2px 4px; border: 1px solid #333333;  color: #FFFFFF; }
#thebody .csc-form-label-req{
}


/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}


/*mailform reinschreiben*/
.td-no-style {
background:none;
}

/*wrap um ContentElement*/
div.contentElement{
margin-bottom:10px;}


/*Border um alle Bildelemente setzen*/
DIV.csc-textpic-border, DIV.csc-textpic-imagewrap, .csc-textpic-image img{
	margin-bottom:10px;
}

DIV.csc-textpic-imagewrap img{
	border:1px solid white;
}
	
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:10px;
}

/*smoothgallery*/
.tx-rgsmoothgallery-pi1 {
	margin-bottom:30px;
}

.myGallery{
	border: 1px solid #FFFFFF!important;
}


/* TEASER **********************************************/
#colNormal .contentElement
{	
	float:left;
}
.teaser
{
	width:232px;
	float:left;
	margin-right:10px;
}

.teaser img
{
	border:1px solid white;
}

.teaser h1
{
	font-weight:bold;
	padding:0px;
	margin-top:5px;
}