/* @override http://www.rabiosa.ch/beta/rw_common/themes/silk/styles.css */

/* @group Rabiosa */

/* Rabiosa Runde Box Variante 2*/

 /* set background images for corners */
.rbroundbox { background: url(images/infobox_background.gif) repeat; }
.rbtop div  { background: url(images/infobox_top_left.gif) no-repeat top left; }
.rbtop      { background: url(images/infobox_top_right.gif) no-repeat top right; }
.rbbot div  { background: url(images/infobox_bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(images/infobox_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 20px;
	font-size: 1px;
}
.rbcontent  { margin: -8px 14px -6px 24px;
	padding-left: 5px;
	font: 0.8em/1.7em "Lucida Grande", Lucida, Verdana, sans-serif;
	opacity: 1;
	padding-top: 0;
}

/* Rabiosa Runde Box Variante 2 Ende*/


#content p.top a, #content p.top a:hover {
	color: white;
	visibility: visible;
	display: block;
	position: relative;
	padding-left: 0;
	padding-right: 0;
	top: -3px;
	text-align: center;
	font: 10px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #9f2015 no-repeat;
}

/* Rabiosa Blogeinrückung Test,  */
.blog-entry-body {
	padding-left: 220px;

}

.blog-entry-body .image-left {
	position: absolute;
	left: 40px;
}

/* Abstand zwischen Listeneinträgen (Bullet = disc) */
#accordion_wrapper ul.disc li{
	padding-bottom: 8px;
}

/* Sidebar E-Mail > Pfeil nach rechts 
#content div#email {
	background: url(images/pfeil_rot_12px.gif) no-repeat 0 3px;;
}
*/


/* @end */

/* BASIC */

body{ margin: 50px 0 25px 0; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; }

a{ text-decoration: none; }

/* Rabiosa: | #content a (Pfeil vor Link) ... */
#content a {
	background: url(images/pfeil_rot_12px.gif) no-repeat 0 3px;
	padding-left: 16px;
}

/* Rabiosa: ... aber kein Pfeil vor Bildlinks */
#content div.image-left a {
	background-image: none;
	padding-left: 0px;
}

/* Infobox */
#info {
	padding: 10px 15px 16px 30px;
	text-align: left;
	font: 0.8em/1.7em "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #ebebeb url(images/info-top-left.gif) no-repeat;
	position: relative;
	width: 550px;
	height: auto;
}

span.info-top-right, span.info-bottom-right {
	position: absolute;
	height: 8px;
	display: block;
	width: 8px;
}

span.info-top-right {
	background: url(images/info-top-right.gif) no-repeat;
	top: 0;
	right: 0;
}

span.info-bottom-left {
	background: url(images/info-bottom-left.gif) no-repeat;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 24px;
	height: 8px;
	display: block;
}

span.info-bottom-right {
	background: url(images/info-bottom-right.gif) no-repeat;
	bottom: 0;
	right: 0;
}

/* IE6 Fix */
* html span.box-top-right, span.box-bottom-left, span.box-bottom-right {
width: 19px;
height: 19px;
margin-bottom: -1px;
}
/* IE6 Fix END */

/* Rabiosa: | ganzes hr */
hr {
	border-bottom: 1px solid #d5d0ce;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-bottom: 20px;
	width: 99%;
	margin-top: 20px;
}

#sidebar hr {
	margin-bottom: 0px;
	width: 99%;
	margin-top: 0px;
}
a:hover{ text-decoration: none; }
a img{ border: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

h1,h2,h3,h4,h5{ margin: 0; padding: 0; }
h1{ font-size: 2em; }
h2{ font-size: 1.75em; }
h3{ font-size: 1.5em; }
h4{ font-size: 1.25em; }
h5{ font-size: 1em; }

#content h5{
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: 1.7em;
}

.image-left, .image-right{
}
.image-left{ float: left;
	padding: 5px 20px 10px 0;
}
.image-right{ float: right;
	padding: 5px 0 10px 20px;
}

/* Rabiosa: war blockquote und code waren zusammen*/

blockquote{ margin: 10px 0; font-style: italic;
	padding: 2px 20px;
	border-left: 15px solid #9f2015;
	font-size: 120%;
	line-height: 150%;
}

code{ margin: 28px 0 10px;
	display: block;
	background: url(images/info_16px.png) no-repeat 7px 6px;
	padding: 10px 15px 16px 30px;
	text-align: left;
	font: 0.8em/1.7em "Lucida Grande", Lucida, Verdana, sans-serif;
}

ul.disc { list-style-type: disc; }
ul.circle{ list-style-type: circle; }
ul.square{ list-style-type: square;
}
ol.arabic-numbers{ list-style-type: decimal; }
ol.upper-alpha{ list-style-type: upper-alpha; }
ol.lower-alpha{ list-style-type: lower-alpha; }
ol.upper-roman{ list-style-type: upper-roman; }
ol.lower-roman{ list-style-type: lower-roman; }

/* LAYOUT */

#wrapper, #footer{ margin: 0 auto; }
#wrapper{ position: relative; }
#header, #featureImage, #contentRounder{ margin: 0 20px; position: relative; z-index: 2; }
#gradientLeft, #gradientRight{ position: absolute; top: -1px; height: 294px; z-index: 1; }
#gradientLeft{ left: 0; background: transparent url('images/gradient-left.png') top left no-repeat; } /* Width = total layout width - 60px */
#gradientRight{ right: 0; width: 60px; background: transparent url('images/gradient-right.png') top right no-repeat; }
#spacer{ display: block; position: relative; width: 100%; height: 20px; }

/* Rabiosa:: font-weight: bold; */
#header li a.current, #header li a.current:hover{
	font-weight: bold;
}

/* HEADER */

#header{ position: relative; margin-top: -20px; }
#header img{
	position: relative;
	top: 20px;
	margin: 15px 0 0 5px;
	color: #888681;
}
#header h2{ position: relative; font-size: 16px; line-height: 1.5em; margin-top: 20px;  }

#headerToolbar{ position: relative; z-index: 2; }
#headerToolbar ul{ margin: 20px 0 0 0; padding: 0; list-style: none; line-height: 3.1em;  }
html > body #headerToolbar ul{ line-height: 2.7em; }
#headerToolbar ul ul{ display: none; }
#headerToolbar li{ display: inline; zoom: 1; }
html > body #headerToolbar li{ display: inline-block; }
#headerToolbar li a{ margin: 0; padding: 0.8em 0 0 0.75em; text-decoration: none; background: transparent url('images/tab-end.png') top left no-repeat; }
html > body #headerToolbar li a{ padding-bottom: 0.8em; }
#headerToolbar li a span{ margin: 0; padding: 0.8em 1.5em 0.8em 0.75em; background: transparent url('images/tab.png') top right no-repeat; }

/* Rabiosa:: display: unchanged */
#shadow{ position: relative; z-index: 3; margin-top: -5px; width: 100%; height: 5px; background: transparent url('images/tab-shadow.png') repeat-x;
}


/* BANNER AND BREADCRUMBS */

#featureImage{ display: block; position: relative; background-color: transparent; background-position: top center; background-repeat: no-repeat; }
#breadcrumbsBackground, #breadcrumbs{ position: absolute; bottom: 0; width: 100%; font-size: 12px; line-height: 1em; background: transparent url('images/breadcrumbs-background.png') top repeat-x; height: 35px; }
#breadcrumbsBackground{ background-image: none; height: 31px; opacity: 0; filter:alpha(opacity=0); }
html > body #breadcrumbsBackground{ height: 30px; }
#breadcrumbs ul{  margin: 5px 0 0 0; padding: 8px 10px 8px 10px; list-style: none;
}
#breadcrumbs li{ display: inline;
}


/* SIDEBAR & CONTENT */

#sidebar, #content{ line-height: 1.5em; }

/* SIDEBAR */

#sidebar{ width: 220px; margin: 40px 0 20px; }
#sidebar-menu ul{ margin: 0; padding: 0 0 0 10px; list-style: none; }

/* Rabiosa: > #sidebar-menu*/

#sidebar-menu{
}
 
#sidebar-menu li a{ text-decoration: none; font-weight: bold; font-size: 1.1em; display: none;
}
#sidebar-menu ul ul{
	list-style-image: url(images/menupfeil_level_2.gif);
	margin: 0 0 20px;
}

/* Rabiosa: font-size: 1.3em;  */
#sidebar-menu ul ul li a{ display: block;
	font-size: 1.25em;
	line-height: 1.3em;
	background-repeat: no-repeat;
}
/* Rabiosa:: display: none */
#sidebar-menu ul ul ul{ margin: 3px 0; padding-left: 25px; list-style: disc;
	list-style-image: url('images/rabiosapunkt_rot_9px.gif');
	font-size: 10px;
}
#sidebar-menu ul ul ul a{ font-weight: normal;
	font-size: 1.3em;
	list-style-type: none;
	background-image: none;
}

#sidebar-title{
	display: none;
}
#sidebar-content{ margin: 0 0 20px; padding: 0; }
#sidebar-content a{ background: url('images/pfeil_back_rot_12px.gif') no-repeat 0 3px;
	padding-left: 16px;
	color: #b42525;	
}
/* CONTENT */

#content{ position: relative;
	padding: 40px 20px 20px 40px;
}

/* FOOTER */

#footer{ padding: 20px 0; text-align: center; }


/* BLOG PAGE */
/* Rabiosa: border-bottom: 1px solid #c7c2be; padding-bottom: 15px; | vorher nichts */ 
.blog-entry { margin-bottom: 15px;
	border-bottom: 1px solid #c7c2be;
	padding-bottom: 15px;
}

/* Rabiosa: Linkpfeile für Blogeinträge ausblenden */
#content .blog-entry-date a{
	background-image: none;
	padding-left: 0;
}

#content .blog-entry-title a{
	background-image: none;
	padding-left: 0;
}

.blog-entry-title {
	font-size: 1.2em;
}

a.blog-permalink {
	padding-left: 5px;
}

.blog-entry-date{ padding: 4px 0;
	font-size: 11px;
}


/* Rabiosa: 	margin-bottom: 0;
	display: none; | nicht anzeigen */ 
p.blog-entry-tags{
	font-size: 90%;
	margin-bottom: 0;
	display: none;
}


ul.blog-tag-cloud { text-align: left;
	padding: 0;
	margin: 0 20px 20px;
}

ul.blog-tag-cloud li { display: inline;
	padding-right: 5px;
	margin-left: 10px;
}
.blog-tag-size-1 { font-size: 0.8em; }
.blog-tag-size-2 { font-size: 0.85em; }
.blog-tag-size-3 { font-size: 0.9em; }
.blog-tag-size-4 { font-size: 0.95em; }
.blog-tag-size-5 { font-size: 1em; }
.blog-tag-size-6 { font-size: 1.05em; }
.blog-tag-size-7 { font-size: 1.1em; }
.blog-tag-size-8 { font-size: 1.15em; }
.blog-tag-size-9 { font-size: 1.2em; }
.blog-tag-size-10 {	font-size: 1.25em; }
.blog-tag-size-11 {	font-size: 1.3em; }
.blog-tag-size-12 { font-size: 1.35em;}
.blog-tag-size-13 { font-size: 1.4em; }
.blog-tag-size-14 {	font-size: 1.45em; }
.blog-tag-size-15 { font-size: 1.5em; }
.blog-tag-size-16 {	font-size: 1.55em; }
.blog-tag-size-17 {	font-size: 1.6em; }
.blog-tag-size-18 {	font-size: 1.65em; }
.blog-tag-size-19 { font-size: 1.7em; }
.blog-tag-size-20 {	font-size: 1.75em; }									

#blog-categories br, #blog-archives br, #blog-rss-feeds br{ display: none; }
#blog-categories, #blog-archives{ padding: 0 20px 15px;
}
/* Rabiosa: Einleitungstext für Categories */
#blog-categories:before { content:"Auswahl nach Thema:"; }

/* Rabiosa: Einleitungstext für Jahr */
#blog-archives:before { content:"Auswahl nach Jahr/Stichwort:"; }

/* Rabiosa: Einleitungstext für Tags
#ul.blog-tag-cloud:before { content:"Auswahl nach Jahr:";
} */

#blog-categories a, #blog-archives a, #blog-rss-feeds { position: relative; }
#blog-categories a, .blog-category-link-disabled{ display: block; padding: 3px 0 3px 15px; background: transparent url(images/tag_blue.gif) left no-repeat;
	margin-left: 10px;
}
#blog-archives a, .blog-archive-link-disabled{ display: block; margin: 3px 0 3px 10px; padding-left: 15px;  background: transparent url('images/rabiosapunkt_rot_9px.gif') left no-repeat; }
#blog-rss-feeds{ padding: 0 20px; }
#blog-rss-feeds a{ display: block; padding: 3px 0 3px 25px; background: transparent url(images/icon-sidebar-rss.gif) left no-repeat; }

/* Rabiosa: margin-bottom: 15px; wegen ausgeblendetem blog-archive-link*/

.blog-archive-month{ font-size: 1.4em; font-weight: bold;
	margin-bottom: 15px;
}

/* Rabiosa: blog-archive-link ausgeblendet >  */


.blog-archive-link{
	padding: 5px 0 15px;
	display: none;
}


/* FILESHARING PAGE */

.filesharing-description{ margin-bottom: 20px; }

/* Rabiosa Linie */
.filesharing-item{ padding: 0 0 10px 0;
	border-bottom: 1px solid #dedede;
	margin-bottom: 12px;
}
.filesharing-item-title{ font-size: 1.1em; margin-bottom: 5px;
}


/* PHOTO ALBUM PAGE */

.album-title{ font-size: 2em; line-height: 1.6em; font-weight: bold; }
.album-description{ display: block; padding: 20px 0; }
.album-wrapper{ position: relative; width: 100%; padding-top: 40px; overflow: visible; }
.thumbnail-wrap{ text-align: center; position: relative; float: left; margin-bottom: 60px; margin-right: 10px; }
.thumbnail-frame { position: absolute; bottom: 0; left: 0; }


/* PHOTO PAGE */

.photo-background{ margin: 50px 0; width: 100%; text-align: center; background: none; }
.photo-navigation{ 	width: 840px; margin: 0 auto; }
.photo-title{ font-size: 2em; }
.photo-caption{ margin: 5px 0; }
.photo-links{ padding-bottom: 15px; }
.exif-data p { margin: 0; padding: 0;}
p.exif-version {
}
p.exif-colour-space {
}
p.exif-focal-length {
}
p.exif-dimensions {
}
p.exif-pixel-y-dimension {
}
p.exif-pixel-x-dimension {
}
p.exif-oecf-value {
}
p.exif-subsec-time-original {
}
p.exif-exposure-mode {
}
p.exif-spatial-frequency-response {
}
p.exif-scene-capture-type {
}
p.exif-subject-location {
}
p.exif-shutter-speed {
}
p.exif-datetime-original {
}
p.exif-subsec-time {
}
p.exif-compressed-bits-per-pixel {
}
p.exif-flash-energy {
}
p.exif-saturation {
}
p.exif-brightness {
}
p.exif-exposure-time {
}
p.exif-f-number {
}
p.exif-file-source {
}
p.exif-gain-control {
}
p.exif-subject-area {
}
p.exif-cfa-pattern {
}
p.exif-scene-type {
}
p.exif-white-balance {
}
p.exif-flash {
}
p.exif-exposure-index {
}
p.exif-flashpix-version {
}
p.exif-device-setting-description {
}
p.exif-focalplane-x-resolution {
}
p.exif-image-uniqueid {
}
p.exif-components-configuration {
}
p.exif-light-source {
}
p.exif-sensing-method {
}
p.exif-aperture {
}
p.exif-sharpness {
}
p.exif-exposure-program {
}
p.exif-subject-distance {
}
p.exif-subsec-time-digitized {
}
p.exif-contrast {
}
p.exif-focalplane-resolution-unit {
}
p.exif-gamma {
}
p.exif-35mm-focal-length {
}
p.exif-datetime-digitized {
}
p.exif-subject-distance-range {
}
p.exif-custom-rendered {
}
p.exif-max-aperture {
}
p.exif-sound-file {
}
p.exif-metering-mode {
}
p.exif-spectral-sensitivity {
}
p.exif-exposure-bias {
}
p.exif-focalplane-y-resolution {
}
p.exif-iso-rating {
}
p.exif-maker-note {
}
p.exif-digital-zoom-ratio {
}
p.exif-user-comment {
}


/* MOVIE ALBUM PAGE */

.movie-page-title{ font-size: 2em; line-height: 1.6em; font-weight: bold; }
.movie-page-description{ padding: 20px 0; }
.movie-thumbnail-frame{ display: block; width: 100%; overflow: auto; padding: 10px 0; border-top: 1px solid #EEE; }
.movie-thumbnail-frame img{ float: left; padding-right: 15px; }
.movie-thumbnail-caption{ float: left; font-size: 1.2em; }


/* MOVIE POPUP PAGE */

.movie-background{ margin: 0; padding: 20px; background: none; }
.movie-title{ font-size: 1.2em; }
.movie-frame{ width: 100% !important; padding-bottom: 20px; overflow: hidden; text-align: left; }