/* ------------------------------------
   rootsystem 
 ------------------------------------ */

/* colors
	links: CC0033
*/ 

/* text */
/* background */
/* border */
/* dimensions */
/* others */

/* ------------------------------------
   general formatting 
 ------------------------------------ */
body { 
	/* text */
	font-family: Arial,  sans-serif; 
	font-size: 12px;
	text-align: left;
	/*line-height:1.3em;*/
	background: url(../images/rotrechts_5tr.gif);
	background-repeat: repeat-y;
	/* x y */
	background-position:1000px 0px;
}

td, 
th {

} 

input {
	font-family: Arial,  sans-serif; 
}


/* ------------------------------------
   links 
 ------------------------------------ */
a, 
.filelinks a {
	/* text */
	text-decoration: none;
	
	/* border */
	margin: 0px; 
	padding: 0px; 
	
	color: #CC0033;
}

a:hover,
.filelinks a:hover {
	/* text */
	text-decoration: none;
}

td a {
}

th a {
}


/* ------------------------------------
   headings 
 ------------------------------------ */
h1, h2, h3 {
	/* text */
	font-weight: bold;
	text-align: left; 
	
	
	/* dimensions */
	/*letter-spacing: +1.7px;*/
	
	/* border */
	margin: 0px 0px 0px 0px;
}
	
h1 {
	/* dimensions */
	font-size: 18px; 
	line-height: 20px; 
	
	/* border */
	padding:  0px 0px 0px 0px; 
}


h2 { 
	/* dimensions */
	font-size: 14px; 
	line-height: 19px; 
	
	/* border */
	padding:  0px 0px 7px 0px; 
}

h3 { 
	/* dimensions */
	letter-spacing: +1.1px;
	font-size: 12px; 
	line-height: 17px; 
	
	/* border */
	padding:  0px 0px 7px 0px; 
}

/* ------------------------------------
   paragraph 
 ------------------------------------ */
p {
	/* text */
	text-align: left;
	
	/* border */
	margin: 0px 0px 15px 0px; 
	padding: 0px 0px 0px 0px; 
}


/* ------------------------------------
   content 
 ------------------------------------ */
.rsys_content {
	overflow: hidden;
}

.rsys_content_picture {
	/* border */
	/* border-bottom: solid 1px #D1D1D1;*/
	
}

.rsys_content_text	{
	
}

/* -------------
   content 0
 --------------- */
div#rsys_content_0 {

		
}
.pageheader {
	font-weight: bold; 
	font-size: 13px;
	text-transform: uppercase;
	background: #999999;
	color: #fff;
	
	/* dimensions */
	height:20px;
	width: 590px;
		
	/* border */
	padding: 5px 0px 0px 10px; 
	margin:0px;
	display: block;	
	
	float: left; 
	clear: left;
}


/* -------------
   content 1
 --------------- */
div#rsys_content_1 {

}

div#rsys_content_1 h2 { 
	/* dimensions */
	font-size: 12px; 
	line-height: 19px; 
	
	/* border */
	padding:  0px 0px 7px 0px; 
}

div#rsys_content_1 h3 { 
	/* dimensions */
	letter-spacing: +1.1px;
	font-size: 11px; 
	line-height: 17px; 
	
	/* border */
	padding:  0px 0px 7px 0px; 
}

/* -------------
   content 2
 --------------- */
div#rsys_content_2 {
	font-size: 11px;
}

/* ------------------------------------
   unnumbered lists
 ------------------------------------ */
.rsys_content ul {
	/* text */
	text-align: left;
	list-style-position:outside;
	list-style-type:disc;
	list-style-image:url(../images/pfeil.gif);
	
	/* border */
	padding-left: 20px;
	
	/* others */
	display: block;
}

.rsys_content ul li {
	/* border */
	padding-top: 4px;
}

div#rsys_header_content {
	font-size: 9px;
}
div#rsys_header_top {
	text-transform: uppercase;
}

div#rsys_header_content a {
	font-size: 9px;
	color: black;
}

/* ------------------------------------
   tables
 ------------------------------------ */
th {
	font-weight: bold;
}

table.contenttable {
	padding-bottom: 10px;	
}
.contenttable td,
.contenttable th {
	/* border */
 	padding-right: 5px;
  	border-width: 0px 0px 1px 0px;
  	
  	/* other */
  	vertical-align: top;
}

/* ------------------------------------
   Searchbox
 ------------------------------------ */

div.searchbox form input {
	/* text */
 	font-size: 9px;
 	text-shadow: none;
 	background: white;
 		
	/* border */
	padding: 1px;
	margin: 1px;
	border: 1px solid #cccccc;
	
  	/* other */
	vertical-align: middle;

}

#rsys_header div.searchlabel {
	font-size: 9px;
	vertical-align: middle;
}
	

#page_box div.searchbox form input,
#page_box .tx-indexedsearch-form input {
 	font-size: 12px;
 	text-shadow: none;
	padding: 1px;
	margin: 1px;
  	/* other */	
	vertical-align: top;

}

/* ------------------------------------
   Searchresult
 ------------------------------------ */
.csc-searchResultTitle {
	float: left;
	margin-bottom: 20px;
}

.csc-searchResultHeader a {
	float: left;
	clear: left;
}

.csc-searchResult {
	float: left;
	clear: left;
}

.csc-searchBottomPaging  {
	float: right;
}
.csc-searchTopPaging  {
	float: right;
}

.csc-searchPrevNextButton a {
	float: left;
	clear: none;
}


/* ------------------------------------
   horizontal menues
 ------------------------------------ */
.rsys_hmenu  {
	/* others */
	display: inline; 
	float: left;
	clear: none;
	font-size: 10px;
}
.tx-srlanguagemenu-pi1 {

}

.rsys_hmenu ul,
.tx-srlanguagemenu-pi1 ul{
	/* border */
	padding: 0px 0px 0px 0px; 
	margin: 0px;
	/* others */
	display: inline; 
	list-style-type: none;
	float: left;
	clear: none;
}

.rsys_hmenu ul li,
.tx-srlanguagemenu-pi1 ul li {
	/* border */
	padding: 0px;
	
	/* others */
	display: inline; 
	float: left;
}

.rsys_hmenu ul li a,
.tx-srlanguagemenu-pi1 ul li a {	
	/* border */ 
	padding: 3px 3px 3px 5px; 
	
	/* others */
	display: block;
	float: left;
}	

.rsys_hmenu ul li span,
.tx-srlanguagemenu-pi1 ul li span {
	float: left;
	padding: 5px; 
}

.rsys_hmenu ul li a:hover,
.rsys_hmenu ul li.menu_selected a,
.tx-srlanguagemenu-pi1 ul li a:hover,
.tx-srlanguagemenu-pi1 ul li.menu_selected a {
	
}		




.rsys_hmenu ul li.lang_selected span a {
	margin: 0px;
	padding: 0px;
}
/* ------------------------------------
   vertical  menues
 ------------------------------------ */
  .rsys_vmenu {
	/* special */
	display: inline; 
	float: left;
	clear: left;	
}

 .rsys_vmenu ul {
	/* border */
	margin:  0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	
	/* others */
	display: inline; 
	list-style-type: none;
	float: left; 
	clear: none;
}

.rsys_vmenu ul li {
	/* border */
	padding: 0px 0px 0px 0px; 
	width: 200px;
	
	
	/* others */
	display: inline; 
	float: left;
	clear: left;	
}

.rsys_vmenu ul li a,
.rsys_vmenu ul li ul li.menu a,
.rsys_vmenu ul li ul li ul li.menu a,
.rsys_vmenu ul li ul li ul li ul li.menu a,
.rsys_vmenu ul li ul li ul li ul li ul li.menu a,
.rsys_vmenu ul li ul li ul li ul li ul li ul li.menu a{
	 color: black;
	 
	/* border */ 
	padding: 3px 3px 3px 7px; 
	margin: 0px 0px 0px 0px; 
	border-bottom: #CC0033 solid 1px;
	
	/* background */
	background: url();
	
	/* others */
	display: block;
}	

.rsys_vmenu ul li a:hover,
.rsys_vmenu ul li.menu_selected a,
.rsys_vmenu ul li ul li a:hover,
.rsys_vmenu ul li ul li.menu_selected a,
.rsys_vmenu ul li ul li ul li a:hover,
.rsys_vmenu ul li ul li ul li.menu_selected a,
.rsys_vmenu ul li ul li ul li ul li a:hover,
.rsys_vmenu ul li ul li ul li ul li.menu_selected a,
.rsys_vmenu ul li ul li ul li ul li ul li a:hover,
.rsys_vmenu ul li ul li ul li ul li ul li.menu_selected a
{
	/* border */ 
	padding: 3px 3px 3px 7px; 
	margin: 0px 0px 0px 0px; 
	
	/* others */
	display: block;
}	


/* next levels */
.rsys_vmenu ul li ul li a:hover,
.rsys_vmenu ul li ul li.menu_selected a,
.rsys_vmenu ul li ul li.menu a{
	padding: 3px 3px 3px 22px; 
	background: white;

}

.rsys_vmenu ul li ul li ul li a:hover,
.rsys_vmenu ul li ul li ul li.menu_selected a,
.rsys_vmenu ul li ul li ul li.menu a {
	padding: 3px 3px 3px 37px; 
	background: white;

}
.rsys_vmenu ul li ul li ul li ul li a:hover,
.rsys_vmenu ul li ul li ul li ul li.menu_selected a {
	padding:3px 3px 3px 52px; 
	background: white;
}
.rsys_vmenu ul li ul li ul li ul li ul li a:hover,
.rsys_vmenu ul li ul li ul li ul li ul li.menu_selected a {
	padding: 3px 3px 3px 67px; 

}





/* ------------------------------------
   menues - instances customization
 ------------------------------------ */
 
/* ------------------------------------
   rsys_menu 0
 ------------------------------------ */
 
 
#rsys_lang_select ul li a,
.tx-srlanguagemenu-pi1 ul li span {
	
}

#rsys_lang_select ul li.menu_selected {
	background: #CCCCCC;
}

#rsys_lang_select ul li.menu_selected a {
	color: white;
}

#rsys_lang_select ul li.menu:hover{
	background: #FDFDFD;
}

 
	
/* ------------------------------------
   rsys_menu 0
 ------------------------------------ */

div#rsys_menu_0 ul li a,
div#rsys_menu_0 ul li span {
	
}

div#rsys_menu_0 ul li.menu_selected {
	background: #CCCCCC;
}

div#rsys_menu_0 ul li.menu_selected a {
	color: white;
}

div#rsys_menu_0 ul li.menu:hover{
	background: #FDFDFD;
}

 
/* ------------------------------------
   rsys_menu 1
 ------------------------------------ */

div#rsys_menu_1 ul li a,
div#rsys_menu_1 ul li span {
	font-size:12px;
	font-weight: bold;
}

div#rsys_menu_1 ul li.menu_selected {
	background: #CCCCCC;
}

div#rsys_menu_1 ul li.menu_selected a {
	color: white;
}

div#rsys_menu_1 ul li.menu:hover{
	background: #FDFDFD;
}


/* ------------------------------------
   rsys_menu 2 / 3
 ------------------------------------ */
div#rsys_menu_2,
div#rsys_menu_3 {
	/* dimensions */
	font-size: 14px;

	/* border */
	margin:  0px; 
	padding: 0px;

}	

div#rsys_menu_2 ul li.menu_selected,
div#rsys_menu_3 ul li.menu_selected {
	background: #CCCCCC;
}

div#rsys_menu_3 {
	border-top: #CC0033 solid 1px;
}

/* ------------------------------------
   menues - language
 ------------------------------------ */

div.divider{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 1px;
	height: 12px;
	margin-top: 6px;
}

div.vmenu-divider{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 1px;
	margin-top: 5px;
}

/* ------------------------------------
   divider 
 ------------------------------------ */
hr {
	/* dimensions */
	width:100%; 
	height:1px;
	
	/* border */
	margin-left: 0px; 
	border: 1px;
		
	/* background */
	background-repeat: repeat-x;
	background-position: 0 0px;
}

/* ------------------------------------
   general classes 
 ------------------------------------ */
.hide {
	/* other */
	visibility: hidden;
	display: none;
}

.header-text {
	/* text */
	font-weight:bold;
}

.bottom {
	vertical-align: bottom;
}

.clearer {
	float: left;
	clear: both;
}

/* ------------------------------------
   highlight  
 ------------------------------------ */
span.content-highlight {
	/* text */
	font-style: italic;
}

p.content-highlight {
	/* border */
	padding: 5px;	
	
	/* dimensions */
	width: 96%;
}


/* ------------------------------------
   listings  
 ------------------------------------ */
p.listing {
	/* text */
	font-size: 11px; 
	
	/* border */
	margin: 0px 0px 0px 0px; 
	padding: 10px 20px 10px 20px; 
}

p.listing  p { 
	/* border */
	padding: 0px 20px 0px 20px; 
}

span.listing_h1 {
	/* text */
 	font-size: 12px; 
	font-weight: bold;
	
	/* border */	
	margin: 0px 0px 0px 0px; 
	padding:  0px 0px 0px 0px; 
} 

/* ------------------------------------
   footer 
 ------------------------------------ */	 	
div#footer {
	font-size: 10px;
}


/* ====================
//  Typo3 
// ====================  */

/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		padding: 0px;
		margin-right: 2px;
	}

dl.csc-textpic-image {
	/* text */
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}

dd.csc-textpic-caption {
	/* text */
	font-size: 10px;
	padding: 2px 0px 0px 3px;
}

rsys_content_1 .csc-textpic,
div.tx-thmailformplus-pi1
{
	background: #DDDDDD;
}

/* ====================
//  Sitemap 
// ====================  */

.csc-sitemap a {
	/* dimensions */
	width: 120px;
	
	/* other */
	float: left;
	clear:none;
}

.csc-sitemap ul,
.csc-sitemap ul li,
.csc-sitemap ul li a,
.csc-sitemap ul li ul,
.csc-sitemap ul li ul li,
.csc-sitemap ul li ul li a
{
	/* text */
	text-align: left;
	list-style-position:outside;
	list-style-type:none;
	list-style-image:url(/);
	
	/* border */
	padding: 0px;
	margin: 0px;
}

span.sitemap-abstract {
	/* text */
	font-weight:bold;
	
	/* other */
	display: inline;
	position: relative;
}

.csc-sitemap ul li {
	/* border */
	margin: 0px;
	margin-bottom: 3px;
	margin-top: 3px;
}


.csc-sitemap ul li a {
	/* text */
	font-weight:bold;
	
	/* border */
	margin-bottom: 0px;
	margin-top: 0px;
}

.csc-sitemap ul li ul li {
	/* border */
	margin: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.csc-sitemap ul li ul li a {
	/* text */
	font-weight:normal;
	
	/* border */
	padding-left: 10px; 
	margin-bottom: 0px;
	margin-top: 0px;
	
	/* dimensions */
	width: 110px;
}

.csc-sitemap ul li ul li span.sitemap-abstract {
	/* text */
	font-weight:normal;
	
	/* border */
	padding-left: 0px;
}


/* ====================
//  Forms 
// ====================  */

/* ------------------------------------
   thmailformplus  
 ------------------------------------ */
 
 div.tx-thmailformplus-pi1 {
 	padding: 5px;
 }
 
div.tx-thmailformplus-pi1 FORM label.left, div.tx-thmailformplus-pi1 FORM label.left_error {
	/* text */
	text-align: left;

    /* dimensions */
    width: 120px;
    
    /* border */
    margin-right: 5px;
    
    /* other */
    float: left;
}

div.tx-thmailformplus-pi1 FORM label.left_error,
span.left_error {
	/* text */
	font-weight: bold;
}

div.tx-thmailformplus-pi1 FORM input[type=text], 
div.tx-thmailformplus-pi1 FORM select, 
div.tx-thmailformplus-pi1 FORM textarea {
  	/* border */
	margin-bottom: 5px;
  	border-width: 1px;
  	border-style: solid;
  	
  	/* other */
  	float: left; 
}

div.tx-thmailformplus-pi1 span.right {
  	/* border */
	margin-bottom: 5px;
  	
  	/* other */
  	float: left; 
}

div.tx-thmailformplus-pi1 FORM input.right {
	/* border */
	margin-left: 85px;
	margin-right: 5px;
	
	/* other */
	float: left;
	width: auto;
	clear: both;
}

div.tx-thmailformplus-pi1 FORM input.middle, div.tx-thmailformplus-pi1 FORM label.middle{
	/* border */
	margin-left: 0px;
	margin-right: 5px;
	
	/* other */
	float: left;
	width: auto;
	clear: none;
}

div.tx-thmailformplus-pi1 FORM br {
	/* other */
   clear: both;
}

/* --- form: fonts & colors --- */

div.tx-thmailformplus-pi1 FORM input, div.tx-thmailformplus-pi1 FORM select, div.tx-thmailformplus-pi1 FORM textarea {
	/* text */
	font-size: 12px;
}

/* --- form: sizes --- */
div.tx-thmailformplus-pi1 FORM input[name=subject] {
	/* dimensions */
 	width: 300px;
}

div.tx-thmailformplus-pi1 FORM input[type=text], 
div.tx-thmailformplus-pi1 FORM select,
div.tx-thmailformplus-pi1 FORM  span.right {
	/* dimensions */
 	width: 300px;
}

div.tx-thmailformplus-pi1 FORM textarea {
 	/* dimensions */
 	width: 300px;
}


/* ====================
//  Search 
// ====================  */


/* ====================
//  teaser 
// ====================  */

/* ------------------------------------
   a1 teaser 
 ------------------------------------ */
 
.rsys-teaser {

}
 
	
.text
{
	text-decoration: none;
	font-size: 10px;
	line-height: 15px;
	font-style: normal;
	color: #333333;
}

.textbold
{
	text-decoration: none;
	font-size: 10px;
	line-height: 15px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

.textrot
{
	text-decoration: none;
	font-size: 10px;
	line-height: 15px;
	font-style: normal;
	color: #880031;
}




/* --------------------------------------- */
/* Suche */
/* --------------------------------------- */
#suche{position: absolute; 
	top: 0px; 
	left: 198px; 
	width: 440px; 
	background-color: #fff;
}

#suche .label { 
	height: 12px; 
	float: left; 
	clear: none; 
	padding-left: 5px; 
	padding-right: 5px; 
 	padding-top: 2px; 
	color: black; 
	font-size: 9px; 
	text-align: center; 
	text-decoration: none;
	background: #fff;
}	

#suche span.label { 
	padding-left: 25px; 
}

#suche input.label {
	width: 30px; 
}
	
	
#suche form, 
#suche input  {
	float: left; 
	font-size: 10px; 
	line-height: 120%;
}
	
#suche input {
	float: left; 
	height: 10px; 
	width: 10em; 
	border: 1px solid #cccccc; 
	margin: 0px;
}

/* --------------------------------------- */
/* rsysdealers */
/* --------------------------------------- */

.tx-rsysdealers-pi1 .vcard {
	border-bottom: 1px solid #999999;
	padding-top: 5px;
	padding-bottom: 3px;
}


/* --------------------------------------- */
/* Produkte CSS */
/* --------------------------------------- */

/* ------------------------------------
   lightbox 
 ------------------------------------ */

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(/spiegelau/fileadmin/layout/images/close.gif) no-repeat center;
margin: 5px 0;
}

#closeLink {
	/* Edit here for a different image! Add width & height here if needed*/
	background:transparent url(/spiegelau/fileadmin/layout/images/close.gif) no-repeat center;
	/*clear:right;
	float:right;*/
}

div#mb_bottom {
	background-color: white;	
}
div#mb_contents {
	border:10px solid #ffffff;
}
div#mb_bottom {
	border-color:#ffffff;
}

/* ------------------------------------
   package 
 ------------------------------------ */

table.pkg th {
  	font-size: 20px;
}

table.pkg tr td {
	vertical-align: center;
}
 
table.pkg tr td.pkg_image {
	width: 160px;
}
table.pkg tr td.pkg_id {
	font-weight: bold;
	width: 80px;
}
table.pkg tr td.pkg_title {
	width: 100px;
}

/* ------------------------------------
   FE Editing 
 ------------------------------------ */
TABLE.typo3-editPanel { background-color: transparent;  border: 1px solid #CC0033;} /* total background */
TABLE.typo3-editPanel TR TD.typo3-editPanel-controls { background-color: transparent;  } /* left background */
TABLE.typo3-editPanel TR TD.typo3-editPanel-label { background-color: transparent; } /* right background */
TABLE.typo3-editPanel {float: right; clear: both;  display: block; background-color: #eee; } /* alignment, line divider */
TABLE.typo3-editPanel TR TD.typo3-editPanel-controls { background-color: transparent;} /* controls */
TABLE.typo3-editPanel TR TD.typo3-editPanel-controls IMG { background-color: transparent; padding: 2px 2px 2px 2px; } /* size */

.frontEndEditIcons { background-color: #FA7A6D;  border: 1px solid #CC0033; padding: 2px} /* total background */

/* ------------------------------------
  Captcha
 ------------------------------------ */
div.tx-thmailformplus-pi1 form input[type="text"].spam {
	width: 150px;
}