/* CSS Document */
a			{color:#FF9900;}

body { 	                background-color: #efefef; 
                        cursor:default; 
                        font-family:Verdana, Arial, Helvetica, sans-serif; 
                        font-size:11px; 
                        line-height: 130%;
			background-image:url(pics/top_bg.gif); 
                        background-repeat:repeat-x; 
                position:relative;
                margin:0px auto;
                width:970px;
 }
                      
a.img {                 text-decoration:none; }

img {                   border : none; }

h1 {            	color: #FF9900; 
                        font-size:12px; 
                        display: inline; 
                        line-height:140%; }
                      
h2 {            	color: #FF9900; 
                        font-size:17px; 
                        display: inline; 
                        line-height:140%; }

.bg_g {                 background-image:url(pics/bg_over.gif); 
                        background-repeat:repeat-x; }
                      
.bg_o {                 color: #FFFFFF; 
                        background-color:#FF9900; 
                        background-image:url(pics/nav_arr.gif); 
                        background-repeat:no-repeat; 
                        margin:8px 0px 0px 0px; }


/* div-container to position the content on screen */
#container {            position:relative;
			width: 970px;
			height:auto;
			margin-top: 5px;
			margin-bottom: 20px;
			padding:0px;
			padding-bottom: 20px;
			background-color:#FFFFFF; }

#contain 	{	width:970px;
			position:absolute;
			padding-bottom: 20px;
			margin-bottom: 20px;
			margin-left: 0px;
			margin-right: 0px;
			padding: 0px;
			top: 0px;
			left: 0px;
			border: #CCCCCC solid 1px;  
			background-color:#FFFFFF; }

#impressum  {           position: relative;
			width: 970px;
			margin-left: auto; 
			margin-right: auto; 
			margin-top: 30px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
			color: #FFFFFF;
			padding-left:22px; }

#impressum a {          color: #FFFFFF; 
                        text-decoration:none; }
#impressum a:hover  {   color:#FFFFFF; 
                        text-decoration: underline; }


/* Grafic Elements - Header */


#header	{	        height:79px;
			padding-left:12px;
                        padding-top:12px;
                        width:958px; }

#grafic	{	        float: left;
			height:70px;
			width:70px; 
                        margin-top: 0px;
			background-image:url(pics/grafic_top.gif);
			background-repeat:no-repeat; }
			
#logo	{	        height:70px;
			width:130px;
                        margin-left:790px;
			margin-top:0px;
                        background-image:url(pics/raiss-logo.gif);
			background-repeat:no-repeat;
                        background-float:left; }

/* Main Navigation */

#navbar	{	        float:left;
			background-image:url(pics/bg_navi.gif);
			background-repeat: repeat-x;
			min-width: 970px;
			width: 100%;
			height: 26px;
			margin: 1px 0px 0px 0px;
                        font-family:Arial, Helvetica, sans-serif;
			font-size:8px;
			font-weight:bold;
			color:#666666; }

#navbar a {	        color:#666666;
			text-decoration:none;
			cursor:pointer; }

#navbar a:hover {	color:#ff9900;
			text-decoration:none;
			cursor:pointer; }

#search {		float:right;
			margin-right:15px}

#search input.submit {	border: 1px solid #999;
			font-size: 11px;
			color:#666;
			margin-top:3px;
			padding:0px;}
			
#search input.search {	
			margin-top:5px;
			font-size: 11px;
			color:#666;
			height:13px;
			width:100px;
			border: 1px solid #999;}

/* Content */

/* Quadrate */
div.quad p.bodytext{ margin:0px;}

.quad {		        margin: 0px 0px 12px 0px;
			padding: 8px;
			width: 170px;
			height: 160px;
			background-color: #CCCCCC;
			background-image:url(pics/arr_white.gif);
			background-repeat:no-repeat; }

div.quad .q-text a,
div.quad .quad_orange_text a {
			padding-left:15px;
			color:#fff;
			text-decoration:none;
			background:url(pics/arr_link_quad.gif) left center no-repeat;}

div.quad a:hover {	text-decoration:underline;}

.quad .q-text {		line-height:125%;
			height:40px;
			overflow:hidden;}
			
html > body .quad .q-text {
			line-height:135%;}

div.quad .quad_orange {	background-color: #FF9900;
			width:170px;
			height:120px;
			margin-bottom:2px;
			overflow:hidden;
			color:#fff;}
div.quad .quad_orange_text {
			padding:3px 5px;}


/* Content: Head */

#start {	        float: left;
			padding-top: 12px;
			padding-left: 12px;
			padding-right:12px;
                        margin-bottom:-8px;
			width: 946px;
			height:190px; }

#start .title {         z-index: 2;
			float: left;
			padding-top: 116px;
			padding-left: 15px;
			width: 500px;
			color:#FFFFFF;
			background-image:url(pics/arr_orange.gif);
			background-repeat:no-repeat; }

#start .title h1  {     color:#FFFFFF; 
                        font-weight: bold; 
                        font-size:10px; }

#start .title h2  {     color:#FFFFFF; 
                        font-weight: bold; 
                        font-size:16px; }
			

.keyvisual {
			background-color:#FF9900;
			background-repeat:no-repeat;
			border:8px solid #FF9900;
			float:left;
			height:160px;
			margin:0px;
			padding:0px;
			width:730px;
			z-index:1;}

#right_top {		float:right;
			display:inline;}

.quad_start {	        float: right;
                        padding: 8px;
			width: 170px;
			height: 160px;
			background-color: #CCCCCC;
			background-image:url(pics/arr_white.gif);
			background-repeat:no-repeat; }

/* Content: Left Side */

/* Content: Left Side: Sub-Navigation */

.subnav	{	        margin: 0px 0px 12px 0px;
			width: 187px;
			height:auto;
			background-color: #CCCCCC;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold; }
.subnav ul, .subnav li {list-style-type:none;
			margin:0px;
			padding:0px;}

.subnav a  {	   	display:block;
			min-height: 25px;
			border-bottom: 1px solid #FFFFFF;
			padding:5px 0px 5px 20px;
			font-size:11px;
			font-weight: bold;
			text-decoration:none;
			color:#666;}
						
.subnav ul.level4 a:link, .subnav ul.level4 a:visited,
.subnav ul.level4 li.no a:link, .subnav ul.level4 li.no a:visited {
			padding-left:30px;
			height:18px;
			line-height:20px;
			background-position:0px -3px;
			background-color:#ccc;
			background-image:none;
			color:#666;}

.subnav a:hover,
.subnav li.cur a,
.subnav ul.level4 li.no a:hover,
.subnav ul.level4 li.act a:hover,
.subnav ul.level4 li.cur a:link,
.subnav ul.level4 li.cur a:visited {
			background-color:#FF9900;
                        background-image:url(pics/nav_arr.gif); 
                        background-repeat:no-repeat;
			color: #fff;}


.subnav li.act a {	background-image:url(pics/nav_arr.gif);
			background-repeat:no-repeat;}
.subnav ul.level4 li.act a{
			background-position:0px -3px;}			


.csc-menu	{	        margin: 0px 0px 12px 0px;
			width: 187px;
			height:auto;
			background-color: #CCCCCC;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold; }
.csc-menu ul, .csc-menu li {list-style-type:none;
			margin:0px;
			padding:0px;}

.csc-menu a  {	   	display:block;
			min-height: 25px;
			border-bottom: 1px solid #FFFFFF;
			padding: 5px 0px 5px 20px;
			font-size:11px;
			font-weight: bold;
			text-decoration:none;
			color:#666;}
						
.csc-menu ul.level4 a:link, .csc-menu ul.level4 a:visited,
.csc-menu ul.level4 li.no a:link, .csc-menu ul.level4 li.no a:visited {
			padding-left:30px;
			height:18px;
			line-height:20px;
			background-position:0px -3px;
			background-color:#ccc;
			background-image:none;
			color:#666;}

.csc-menu a:hover,
.csc-menu li.cur a,
.csc-menu ul.level4 li.no a:hover,
.csc-menu ul.level4 li.act a:hover,
.csc-menu ul.level4 li.cur a:link,
.csc-menu ul.level4 li.cur a:visited {
			background-color:#FF9900;
                        background-image:url(pics/nav_arr.gif); 
                        background-repeat:no-repeat;
			color: #fff;}


.csc-menu li.act a {	background-image:url(pics/nav_arr.gif);
			background-repeat:no-repeat;}
.csc-menu ul.level4 li.act a{
			background-position:0px -3px;}



#left {	                float: left;
			width: 186px;
			height: auto;
                        margin: 12px 10px 10px 0px;
			padding-left: 12px;
			color:#666666; }



/* Content: Middle */

#middle { 		float:left;
			margin: 0px 10px 0px 0px;
			padding:0px;
			width: 530px;
			height:auto;
			color:#333333;
			line-height:140%; 
                        overflow: hidden;}
                      
.quad_middle {  	float: left;
			margin: 6px 10px 12px 2px;
			padding: 8px;
			width: 170px;
			height: 160px;
			background-color: #CCCCCC; }
                      
#title {	        float: left;
			margin: 151px 0px 10px 0px;
			padding-left: 3px;
                        color: #FF9900;
			width: 350px; }
                      
#text {         	float: left;
			margin: 16px 0px 23px 0px; 
			padding-left:40px;
                        width: 455px;
			height: auto; }

#text h1  {             color: #FF9900;
			font-size:14px;
			font-weight: bold;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			display:block; }

#text h2  {             color: #FF9900;
			font-size:12px;
			font-weight: bold;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			display:block; }

#text h3  {             color: #FF9900;
			font-size:11px;
			font-weight: bold;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			display:block; }
        
#starttext {        	float: left;
			margin: 16px 0px 23px 0px; 
			padding-left:90px;
                        width: 400px;
			height: 141px;
                        overflow: hidden; }

#starttitle {
			margin: 136px 0px 10px -38px;
			width: 100%;
      
			overflow:hidden;}

#starttitle h1 {font-size:17px; color: #FF9900; margin:0px 0px 20px 0px;}
#starttitle h3 {font-size:12px; color: #FF9900; margin:0px; line-height:140%;}
#starttitle p.bodytext { padding-left:38px;}

#startseiten-boxen-mitte { margin:0px 0px 0px 38px; width:100%;}
#startseiten-boxen-mitte div.quad {float:left; margin-right:12px;}


#breadcrumb {		margin:10px 0px 0px 40px;
			height:10px}
			
#breadcrumb a {		margin: 0px;
			color:#FF9900;
			font-size:9px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			text-decoration:none;
			display: inline; }

#breadcrumb a:hover {   color:#666666;
			text-decoration:underline;
			display: inline; }

/* Content: Right Side */

#right {		float: right;
			margin: 12px 0px 10px 0px;
			padding-right:12px;
			width: 186px;
			height: auto;
			color:#000; }

.quad_right {   	margin: 0px 0px 12px 0px;
			padding: 8px;
			width: 170px;
			height: 160px;
			background-color: #CCCCCC;
			background-image:url(pics/arr_white.gif);
			background-repeat:no-repeat; }

		
.q-text {
			color:#666666;
			display:block;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:10px;
			font-weight:normal;
			line-height:140%;
			margin-left:3px;
			margin-top:0px;}
			
.quad_start .q-text {	line-height:120%;}
			
html > body .quad_start .q-text { line-height:140%;}
			
.q-text a {
			color:#FFFFFF;
			display:block;
			font-weight:bold;
			text-decoration:none;}
			
.q-text a:hover {       text-decoration: underline; }

/* Footer */

#footer {	        float: inherit;
			margin-top: 25px;
			width: 570px;
			height: 20px;
			color:#AAAAAA;
			font-size:9px;
			padding-top:5px; }
			
/* -------- Mailformular */
.csc-mailform-field label {width:108px; display:block; float:left;}
fieldset {border:none}
input#mailformformtype_mail {
			border: 1px solid #999;
			font-size: 12px;
			color:#666; }
			
/* -------- indexed_search */
.form_searchfor 	{background: #ccc url(pics/nav_arr.gif) no-repeat left top; padding:0px 8px;}
		
			
/* --------- Natursteinkatalog-Extension tx_tgnatursteinkatalog_pi1 ----*/
.tx-tgnatursteinkatalog-pi1 #tx_tgnatursteinkatalog_pi1_item_content {
			margin-top:10px;}
.tx-tgnatursteinkatalog-pi1 #tx_tgnatursteinkatalog_pi1_item_text {
			float:left;
			margin-left:20px;}
.tx-tgnatursteinkatalog-pi1 #tx_tgnatursteinkatalog_pi1_item_image {
			float:left;}

/* --------- Sitemap */
div.csc-sitemap ul 								{ list-style-type:none; margin:0px; padding:0px; width:210px; overflow:hidden;}
div.csc-sitemap ul li 						{ list-style-type:none; margin:0px; padding:0px; font-size:10px;}
div.csc-sitemap ul li a						{ background-color: #ff9900; text-transform:uppercase; color:#fff; padding:2px 10px; display:block; text-decoration:none; margin:0px; margin-top:5px;}
div.csc-sitemap ul li ul 					{ list-style-type:none; margin-left:20px;}
/* 2. Ebene */
div.csc-sitemap ul li li a				{ background-color: #ffcc66; background-image:url(pics/sitemap_pfeile_level2.gif); background-repeat:no-repeat; background-position:4px center; text-transform:uppercase; color:#666; padding:2px 13px; display:block; text-decoration:none; }
/* 3. und 4. Ebene */
div.csc-sitemap ul li li li a,
div.csc-sitemap ul li li li li a	{ background-color: #ffffcc; background-image:url(pics/sitemap_pfeile_level3.gif); background-repeat:no-repeat; background-position:left center; text-transform:none; color:#666; padding:2px 15px; display:block; text-decoration:none; margin-top:1px; }