/* =========================================================
Basis-Stylesheet

Projektname: Rebel Management Training

Media: screen
Datum: 27. April 2010
Autor: Andreas M. Helge
Web: www.formspiel.de
Farben: CD: #751311 (rot); Text: #333; hover: #;

========================================================== */

@media all {
	/* ===== non-showable ===== */
	.invisible {display: none;}

	/* ===== reset ===== */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr {margin:0;padding:0;}
	table {border-collapse:collapse;border-spacing:0;}
	fieldset,img {border:0;}
	ul {list-style:none;}
	caption,th {text-align:left;}
	h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
	q:before,q:after {content:'';}
	abbr,acronym {border:0;}

	/* ===== 804px 12 Columns ~ left: 7px ~ right: 7px ===== */
	.grid_1 {width: 53px;} .grid_2 {width: 120px;} .grid_3 {width: 187px;} .grid_4 {width: 254px;} .grid_5 {width: 321px;} .grid_6 {width: 388px;} .grid_7 {width: 455px;} .grid_8 {width: 522px;} .grid_9 {width: 589px;} .grid_10 {width: 656px;} .grid_11 {width: 723px;} .grid_12 {width: 790px;}
	.column {margin: 0 7px; overflow: hidden; float: left; display: inline;}
	.row {width: 804px; margin: 0 auto; overflow: hidden;}
	.row .row {margin: 0 -7px; width: auto; display: inline-block;}

	/* ===== general ===== */
	body {font: 12px/18px Arial, sans-serif; color: #333; background-color: #751311}
	h1 {font: bold italic 16px/20px Arial, sans-serif; color: #751311;}
	h2 {font: bold 12px/18px Arial, sans-serif; color: #751311; padding-left: 208px; background: url(images/bgr_line.gif) -11px 12px no-repeat;}
	h3 {font: bold 12px/18px Arial, sans-serif; color: #751311; margin-bottom: 9px;}
	h4 {font: bold 12px/18px Arial, sans-serif;}
	p {margin-bottom: 9px;}
	p.marginalNote {margin: 6px 2px 0 208px; color: #751311; font-style: italic; font-size: 11px; line-height: 14.4px;} /*14.4*5=72 –> 72/4=18*/
	
	a:link, a:visited {color: #333; font-style: italic; text-decoration: none;}
	a:hover, a:active {color: #751311; text-decoration: underline;}
	
	p > a:before {content: '» '; color: #751311}
	li > a:before {content: '→ '; color: #751311; display: inline;}
		
	ul {margin-bottom: 9px}
	ul li {padding-left: 12px; background: url(images/bullet_list.gif) 0 4px no-repeat}
	
	ol {padding-left: 18px; margin-bottom: 9px}
	ol li {}
	
	
	hr {border: 0px; border-top:solid #751311 1px; /*FF Opera*/ border-bottom: solid 1px #751311;/*IE*/ margin: 0 0 10px 0; line-height: 0;}
	abbr {cursor: help; border-bottom: 1px dashed #333;}

	blockquote {margin: 0 10px 9px 0; padding: 9px 18px; font-style: italic; background-color: #f2f0ef; border: 1px solid #fff;}
	blockquote cite {display: block; font-size: 90%; font-style: normal; letter-spacing: 1px; text-align: right;}
	
	div.support {background-color: white; margin: 0 5px 5px; padding: 5px; border: 2px solid red;}
	
	/* ===== layout ===== */
	#langSwitch {height: 18px; text-align: right; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #a16563}
	#langSwitch a {color: #f2f0ef; font-style: normal;}
	#wrapper {width: 804px; margin: 0 auto; background: #f2f0ef url(images/bgr_content.gif) repeat-y; -webkit-box-shadow: rgba(68, 68, 68, 0.796875) 2px 2px 4px;}
	#header {border-bottom: 1px solid #fff; border-top: 1px solid #fff; background-color: #f2f0ef}
	a.logo {}
	div.content {margin: 18px 0 36px;}
	#startTeaser {margin-top: 0; background-color: #d9d4d3}
	#startTeaser .column {margin: 0; width: 804px;}
	#startTeaser img {padding-right: 1px; float: right}
	#claim {width: 300px; margin: 75px 30px 0 50px; color: #751311; float: left}
	#claim p {font: bold italic 12px/18px Arial, sans-serif; margin-bottom: 19px}
	#claim p strong {font: bold italic 15px/18px Arial, sans-serif;}
	#claim a {color: #751311;}
	#claim a:before {content: '';}

	/* ===== content ===== */
	/* news */
	p#pageCounter {text-align: center}
	p#pageCounter a {font-style: normal; font-weight: bold; text-decoration: none}
	p#pageCounter a:before {content: '';}
	
	.NewsSummaryContent {}
	.NewsSummaryContent:hover, .NewsSummarySummary:hover {}
	.NewsSummaryPostdate {}
	.NewsSummaryCategory {}
	.NewsSummaryContent {}
	
	#NewsPostDetailSummary {font-style: italic; margin-bottom: 18px;}
	#NewsPostDetailContent {border-bottom: 1px solid #f2f0ef; margin-bottom: 9px;}
	#NewsPostDetailPrintLink {}
	#NewsPostDetailReturnLink {font-weight: bold}
	
	span.NewsMorelink {display: block; margin-top: 6px; font-weight: bold}
	
	/* Links*/
	.rmt-link {margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #f2f0ef}
	.rmt-link a {font-style: normal; text-decoration: none;}
	.rmt-link h3 em {font-weight: normal;}
	
	/* ===== navigation ===== */
	ul#menu {position: relative; width: 187px; margin-top: 18px}
	ul#menu li {padding: 0; line-height: 21px; background-image: none}
	ul#menu li a, ul#menu li.current ul li a, ul#menu li.parent-1 ul li a {font-style: normal; font-weight:normal; text-decoration: none; color: black}
	ul#menu li a:before {content: '» '; color: #751311}}
	ul#menu li.hasChildren {}
	ul#menu li.current, ul#menu li.parent-1 {background-color: #e4e0df}
	ul#menu li.current a, ul#menu li.parent-1 a, ul#menu li.parent-1 ul li.current a {font-weight: bold; color: #751311}
	ul#menu li:hover {background-color: #fff}
	ul#menu a {display: block}
	ul#menu ul {position: absolute; top: 0px; left: 187px; width: 187px}
	
	/* === FUCK IE6 === */
	* html #header {height: 215px;}
	* html ul#menu li {height: 18px; line-height: 18px}
	* html #claim {display: inline;}

	/* ===== footer ===== */
	#footer {height: 70px; border-top: 1px solid #751311; background: #f2f0ef url(images/bgr_footer.gif) repeat-y;}
	#footer p {font-size: 11px; line-height: 70px; margin-left: 30px}
	#footer p a {font-style: normal}
	#footer img {margin: 20px 10px 0 0}

}/*end media*/
	
@media print {
	/* ===== non-printable ===== */
	.invisible {display: none;}

}