@charset 'utf-8';

 /**
	* Stylesheet for Royal-Design
	*
	* @copyright 			Copyright 2008, Royal Design
	*
	* @link 					http://www.royal-design.eu
	* @lastmodified   2008-01-02  (Mi, 02 Jan 2008)
	*/	 


@import 'class.css';
@import 'basic.css';


@media screen, projection { 

/* {} */

/* @section Royal-Design
----------------------------------- */

#royaldesign					{ position: absolute; height: 400px; width: 1620px;
												padding-top: 160px;	padding-left: 220px; 
												
												/* outline: 2px solid #f00; */ }
												
#royaldesign 					{ background: url(../img/royal-design-hintergrund.jpg) no-repeat transparent; }

#royaldesign li				{ margin: 0 0 1em 0; }

#royaldesign h1 			{ background: url(../img/royal-design-logo.png); display: block; height: 91px; 
												left: -180px; position: absolute; top: -120px; width: 270px; }
												
#royaldesign span			{ display: none; }


#quick-contact {
	position: absolute;
	top: 47px; left: 360px;
	color: #84b8df;
	font: 14px/1.2em Arial, sans-serif;
}

#quick-contact b {
	font-weight: bold;
}

#quick-contact a {
	color: #84b8df;
}

#quick-contact a:hover {
	text-decoration: none;
}


/* @section News
----------------------------------- */

#news									{ position: absolute; left: 1620px; height: 360px; width: 1620px;
												padding-top: 190px; padding-left: 200px; }

#news									{ background: url(../img/royal-design-hintergrund-news.jpg) no-repeat transparent; }

#news h4							{ font-size: 1.1em; }

#news ul.aufzaehlung	{ margin-top: 3px; }


#news_a								{ position: absolute; top: 240px;width: 410px; height:220px ; overflow: hidden; }
#news_b								{ width: 410px; height:219px ;  }


/* Newsbereich
----------------------------------- */

.moods								{ padding-left: 128px; padding-top: 20px; }

ul.moods li						{ height: 110px; margin-bottom: 4px; padding-bottom: 5px; padding-left: 20px;
												position: relative; width: 240px; }

.moods span.datum			{ padding-bottom:10px; }

.moods span.desc			{ font-size: .9em; }

.moods span.visual		{ cursor: pointer; display: block; height: 98px; left: -108px;
												position: absolute; top: -20px; width: 108px;	}

.moods a 							{ display: block; padding-bottom: 3px; }




/* @section Referenzrn
----------------------------------- */

#referenzen						{ position: absolute; left: 3240px; height: 360px; width: 1620px;
												padding-top: 190px; padding-left: 200px; }

#referenzen						{ background: url(../img/royal-design-hintergrund-referenzen.jpg) no-repeat transparent; }

#referenzen h3, 
#referenzen h4				{ font-size: 1.1em; margin: 0 0 .3em 0;}

#referenzen h1				{ position: absolute; top: -120px; left: -180px; display: block;
												width: 270px; height: 91px; background: url(../img/royal-design-logo.png); }

/* #referenzen span			{ display: none; } */

#referenzen_a					{ position: absolute; top: 240px;width: 410px; height:220px ; overflow: hidden; }
#referenzen_b					{ width: 410px; height:219px ;  }

#referenzen p					{ text-align: left; }

#refcontent ul 				{ list-style: circle outside;;margin-left: 18px; }

#refcontent li				{ color: #aaa; margin: 0 0 1.1em 0; }




/* @section Unternehmen
----------------------------------- */

#unternehmen					{ position: absolute; left: 4860px; height: 360px; width: 1620px;
												padding-top: 190px; padding-left: 200px; }

#unternehmen					{ background: url(../img/royal-design-hintergrund-unternehmen.jpg) no-repeat transparent; }


ul.navline						{ list-style: none; margin-bottom: 1.6em; }
ul.navline li 				{ display: inline; padding-right: 4px; }




/* @section Downloads
----------------------------------- */

#downloads						{ position: absolute; left: 6480px; height: 360px; width: 1620px;
												padding-top: 190px; padding-left: 200px; }

#downloads						{ background: url(../img/royal-design-hintergrund-downloads.jpg) no-repeat transparent; }

#downloads p					{ text-align: left; }

#downloads h3, 
#downloads h4					{ font-size: 1.1em; margin: 0 0 .3em 0; }

#downloads_a					{ position: absolute; top: 240px;width: 410px; height:220px ; overflow: hidden; }
#downloads_b					{ width: 410px; height:219px ;  }




/* @section Kontakt
----------------------------------- */


#kontakt							{ position: absolute; left: 8100px; height: 360px; width: 1400px;
												padding-top: 190px; padding-left: 200px; }

#kontakt							{ background: url(../img/royal-design-hintergrund-kontakt.jpg) no-repeat transparent; }

#kontakt div					{ padding-bottom: 10px; }




/* Formular
----------------------------------- */

.radio								{ margin-left: 4px;  border: 0; background: transparent; }

#kontaktdaten					{ height: 0px; width: 180px;  position: absolute; 
												top: 240px; left: 860px; }

#kontaktdaten span		{ padding-bottom: 8px; }

.vcard { height: 0px; }


/* @section Haupt-Navigation
----------------------------------- */

#nbg { position:absolute; top:0; left:0; background: url('../img/nbg.png') repeat-x; width: 9700px; height: 26px;}
#navi									{ position:absolute; width: 800px; height:auto; color:#cfcfcf;
												margin:0; padding:4px; margin-top: 0px; }

#navi ul							{ display: inline; }

#navi li							{ display: inline; padding-left: 8px; }

#navi a								{ background-color: transparent; color: #fff; text-decoration: none; 
												font: normal 1em Verdana, sans-serif;}

#navi a	span					{ font-size: .9em; }												

#navi a:visited 			{ background-color: transparent; color: #fff; }

#navi a:hover 				{ background-color: transparent; text-decoration: underline; }

#navi a:active 				{ background-color: transparent; color: #3f6dbb; }



/* @section Direkt-Links
----------------------------------- */

#direktlinks					{ position: absolute; top: 30px; left: -100px; }
#kundenlogin					{ position: absolute; top: 95px; left: 650px; width: 320px; }
#kundenlogin h4				{  margin: 5px 0 4px 0; }

.orbs a span					{ display: none; }

.orbs li a						{ display: block; width: 45px; height: 46px; top: 0px; 
												background-position: 0px 0px; }

.orbs li a:hover 			{ background-position: 0px -48px; }

.orbs a.news					{ background: transparent url(../img/royal-design-news-icon.png) top left no-repeat; }
.orbs a.misc					{ background: transparent url(../img/royal-design-misc-icon.png) top left no-repeat; }
.orbs a.awards				{ background: transparent url(../img/royal-design-awards-icon.png) top left no-repeat; }
.orbs a.fotografie		{ background: transparent url(../img/royal-design-fotografie-icon.png) top left no-repeat; }
.orbs a.info					{ background: transparent url(../img/royal-design-info-icon.png) top left no-repeat; }
.orbs a.glossar				{ background: transparent url(../img/royal-design-glossar-icon.png) top left no-repeat; }
.orbs a.sound				{ background: transparent url(../../img/royal-design-sound-icon.png) top left no-repeat; }



/* NoScript
----------------------------------- */

#noscript							{ background: url(../img/noscript_alert.gif) no-repeat #f33; background-position: 5px 50%;
												color: #fff; display: block; font-size: .9em; height: 20px; left: 0; padding: 4px 4px 2px 26px; 
												position: absolute; bottom: 20px;  width: 9670px; z-index: 1; }

#noscript a 					{ color: #fff; }
#noscript a:hover 		{ text-decoration: none; }


/* @section Tag-Cloud
----------------------------------- */

#cloud {  background: transparent;position: absolute; left: 6080px; top: 140px; width: 100%;}
#cloud ul li { display: block; height: 1%; font-size: 1em; color: #999;}
#cloud li a { text-decoration: none; }




/* fleXcroll
--------------------------------------- */

.scrollgeneric	{ line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase	{ width: 9px; background: url(../img/scrollbg.gif) no-repeat; height: 0px; }
.vscrollerbar		{ width: 9px; height: 18px; background: url(../img/scrolly.gif)  no-repeat; }
.hscrollerbase	{ height: 10px; background-color: white; }
.hscrollerbar		{ height: 10px; background-color: #eee; }
.scrollerjogbox { width: 9px; height: 9px; top: auto; left: auto; bottom: 0px; right: 0px; }




} /* @media */