/* ars navigandi GmbH - arscms */
/* /styles/css/content.css - platform wide content layout */

body {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
}

form {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* general begin */
div, td, th, li {
	border:none;
}

div, td, th, li, textarea, input, select, option, button, p, td {
	font-size:12px;
}

div, td, th, li, textarea, input, select, option, button {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	
	text-indent:0px;
		
	text-align:left; vertical-align:top;

	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}

p {
	color:#333333;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	text-indent:0px;
	line-height: 1.5em;

	font-size:12px;
	text-decoration: none; text-transform: none;
	font-family:Arial,Helvetica,Verdana,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0.7em 0px 0.3em 0px;

	background-color:transparent;
	color:#E1001A;
	
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}

td.content_loginpage_info_content p {
	color:#FFFFFF;
}


h1 {
	padding: 20px 0px 2px 0px; margin:0px 0px 18px 0px;
	border-bottom:1px solid #EEEFEF;
	color:#333399;

	text-indent:0px;
	line-height:20px;

	font-size:18px;
	font-weight:bold; font-style:normal; text-decoration: none; text-transform: none;
}

h2 {
	padding: 0px 0px 10px 0px; margin:0px;
	border:0px solid white;

	background-color:transparent;
	color:#333399;

	text-indent:0px;
	line-height: 1.3em;

	font-size:12px;
	font-weight:bold; font-style:normal; text-decoration: none; text-transform: none;
}
h3 {
	padding: 0px 0px 5px 0px; margin:0px;
	border:0px solid white;

	background-color:transparent;
	color:#000000;

	text-indent:0px;
	line-height: 1.3em;

	font-size:12px;
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}
h4 {
	padding: 0px 0px 5px 0px; margin:0px;
	border:0px solid white;

	background-color:transparent;
	color:#636463;

	text-indent:0px;
	line-height: 1.3em;

	font-size:13px;
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}
h5 {
	padding: 0px 0px 5px 0px; margin:0px;
	border:0px solid white;

	background-color:transparent;
	color:#636463;

	text-indent:0px;
	line-height: 1.3em;

	font-size:11px;
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}
h6 {
	padding: 0px 0px 5px 0px; margin:0px;
	border:0px solid white;

	background-color:transparent;
	color:#636463;

	text-indent:0px;
	line-height: 1.3em;

	font-size:11px;
	font-weight:normal; font-style:normal; text-decoration: none; text-transform: none;
}
/* general end ******************************************************************/

/* link begin *******************************************************************/
a, a:link{
	text-decoration:underline; color:#333399; background-color:transparent; outline:0;
}
a:visited {
	color:#621E8D;
}
a:focus, a:hover, a:active {
	color:#3333FF;
}

/*a.extern, a.intern*/

a.file, a.email { color:#333399 !important; } /*tinyMCS and Backend*/


a.button, a.button:link, a.button:visited, a.button:focus, a.button:active {
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	width:180px;
	height:50px;
	display:block;
	background:transparent url('/styles/images/C/platform/linkbutton_bg.gif') no-repeat;
	line-height:21px;
	padding:0px 0px 0px 21px; margin:0px;
	cursor:pointer;
	text-decoration:none;
	text-align:left;
}

a.button:hover {
	background:transparent url('/styles/images/C/platform/linkbutton_bg_over.gif') no-repeat;
}

/* link end *********************************************************************/


/* lists begin ******************************************************************/
ul,ol {
	margin-left:20px;
}
li {
	line-height:16px;
	vertical-align:middle;
	padding-bottom:2px;
	margin:2px;
}

li p {
	line-height:16px;
	display:inline;
	margin:0px;
	padding:0px;
}

/* lists end ********************************************************************/

/* hr line begin ****************************************************************/
hr {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #FFCC00;
	border-top:none;
	border-left:none;
	border-right:none;
}
/* hr line end ******************************************************************/

/* special for tinymce begin ****************************************************/

.floatDivAlignLeft {
	float:left; margin:0px 32px 10px 0px;
}
.floatDivAlignRight {
	float:right; margin:0px 0px 10px 32px;
}

/* TinyMCE - Outline help for tables*/
.mceVisualAid {
	border: 1px dashed #BBBBBB;
}

.layout_vertical_spacer_11px {
	width:11px;
	background-color:#FFFFFF;
}
table.contentRow {
	width:469px;
	border:none;
}
td.contentLeft {
	width:91px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
td.contentRight {
	width:367px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
img.content_library_thumb_border {
	border:2px solid #EEEFEF;
}

div.image_large {
	width:780px;
	height:405px;
}

div.image_large img {
  border:0px;
}

div.image_large_caption {
	width:780px;
	height:20px;
	line-height:20px;
	text-align:center;
	background-color:#CCCCCC;
	color:#666666;
	position:relative;
	bottom:23px;
	left:0px;
}

div.image_small_caption {
	width:311px;
	height:23px;
	line-height:23px;
	text-align:center;
	background-color:#CCCCCC;
	color:#666666;
	position:relative;
	margin-top: -23px;
	left:0px;
}

div.image_small_caption_new {
	width:311px;
	height:23px;
	line-height:23px;
	text-align:center;
	background-color:#CCCCCC;
	color:#666666;
	position:relative;
	margin-top: -23px;
	left:0px;
}

td.image_portrait {
	width:311px;
	height:405px;
	float:left;
	padding-right:50px;
	display:block;
}

td.image_portrait img {
  border:0px;
  display:block;
}

td.image_portrait_small {
	width:311px;
	height:203px;
	padding-right:50px;
	display:block;
}

td.image_portrait_small img {
  border:0px;
  display:block;
}

td.text_portrait {
	width:419px;
	height:405px;
}

div.text_portrait_scrollable {
	width:419px;
	height:405px;
	overflow:auto;
}

td.text_portrait_innerwidth {
	width:398px;
}

td.wbt_content_lesson_itemindex a.sitemap{
	line-height:30px;
}

/* tipp box */

/* standard */
table.table_tip_box {
	background-color:#EFEFEF;
	width:389px;
}

td.table_tip_box_image {
	background:transparent url('/content/C/lib/lecture/templates/dummy_tipp.gif') no-repeat top left;
	width:187px;
	height:118px;
}

td.table_tip_box_text {
	color:#CCCCCC; 
	font-size:12px; 
	vertical-align:top;
	padding:5px 5px 5px 15px;
}

/* matrixbox (have also a look in std.css!)*/
div.content_matrix_box {
	position:relative;
	width:227px;
	height:178px;
	margin:20px 15px 0px 0px;
}

div.content_matrix_box_spacer {
	position:relative;
	width:22px;
	height:158px;
	float:left;
}

td.content_matrix_box_header {
	width:227px;
	height:28px;
	background: url('/styles/images/C/platform/header_matrix_box.gif') no-repeat top left;
	color:#333399;
	font-weight:bold;
	padding-right:25px;
}

div.content_matrix_box_header_no_overflow {
	position:absolute;
	width:190px;
	height:14px;
	left:25px;
	top:5px;
	color:#333399;
	font-weight:bold;
	overflow:hidden;
}

div.content_matrix_box_link {
	position:absolute;
	top:134px;
	left:80px;
	width:119px;
	height:22px;
}

div.content_matrix_box_link_button {
	width:119px;
	height:22px;
	text-align:center;
	overflow:hidden;
}

div.content_matrix_box_link a, div.content_matrix_box_link a:hover {
	color:#9AB7DC;
	width:119px;
	line-height:22px;
	text-decoration:none;
	background: url('/styles/images/C/platform/matrix_box_button.gif') no-repeat top left;
	display:block;
}

div.content_matrix_box_link a:hover {
	color:#FFFFFF;
}

td.content_matrix_box_content {
	width:227px;
	height:112px;
	background-color:#EEEFEF;
	padding:7px 14px 0px 15px;
}

div.content_matrix_box_content_no_overflow {
	width:198px;
	height:112px;
	overflow:hidden;
}

td.content_matrix_box_footer {
	width:227px;
	height:18px;
	background: url('/styles/images/C/platform/footer_matrix_box.gif') no-repeat top left;
}
/* matrixbox end */
/* special for tinymce end ******************************************************/
