/* CSS-Datei zur Vorlage "http://wwww.css-vorlagen.de/templates/mohnblume/ */
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der http://creativecommons.org/licenses/by/2.0/ */


/* Allgemeine Formatierungen */
*{
 margin:0;
 padding:0;
}

body{
 background-image: url(/img/bg.gif);
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:center;
}

/* Rahmen um Objekt */
#object
{
 border: 1px solid #B3B3B3;
 width: 240px;
 height: 193px;
 padding: 5px;
 float: left;
}

/* Rahmen um Kommentar Objekt */
#comm_object
{
 border: 1px solid #B3B3B3;
 width: 100%;
 height: 100%;
 padding: 5px;
}

/* Video */
#vid
{
 position: relative;
 float: right;
 width: 200px;
 height:200px;
 left: -45px;
}

/* Bilder */
#pic
{
 font:1.1em arial, "Times New Roman", Times, serif;
 line-height:20px;
 padding: 7px;
}

/* Daten zum content */
#condata
{
 position: relative;
 float: right;
 width: 250px;
 height: 12px;
 bottom:7px;
 font-style:italic;
}

/* Daten zum content */
#comlike
{
 position: relative; 
 float: right;
 width: 100px;
 left: 235px;
 height: 12px;
 bottom:18px;
 font-style:italic;
}

/*Linien bei condata*/
#conlines
{
 position: relative;
 top: 185px;
 left: 10px;
}

#clear 
{
 clear:left;
}

/*Auf Kommentarseite*/
#comment_like
{
 position: relative;
 float: right;
 top: -24px;
 font-style:italic;
}

#comment_description
{
 position: relative;
 top: 15px;
}

/* Formatierungen Layout (grob) */

#oben-bg
{
 background-image: url(/img/crf-header-bg.png);
 background-repeat: repeat-x;
 margin:0; 
 padding:0;
 height:85px;
}

#seite
{
 background: url(../img/background.jpg) repeat-y;
 margin: -85px auto;
 padding: 0px 10px 5px 15px;
 border-left: 1px solid #B3B3B3;
 border-right: 1px solid #B3B3B3;
 border-bottom: 1px solid #B3B3B3;
 text-align:left;
 width:707px;
}

#oben
{
 background-image: url(/img/crf-header.png);
 background-repeat: no-repeat;
 background-position: 5px 0px;
 margin: -68px -10px 0px -183px;
 clear:both;
 height:85px;
 width:1052px;
}

#links
{
 float:left;
 margin:0 0 20px 0;
 width:508px;
}

#rechts
{
 border-left: 1px solid #B3B3B3;
 float:left;
 margin: -10px 0px 0px 20px;
 width:175px;
 font: 1.1em arial;
}

#rechts_content
{
 margin: 0px 0px 0px 12px;
}

#Bildunten
{
 clear:both;
 height:40px;
 width:713px;
}

#footer
{
 background-image: url(/img/footer.png);
 background-repeat: no-repeat;
 background-position: 0px 10px;
 margin: 0px 0px -70px -18px;
 clear:both;
 width:739px;
 height: 50px;
}

#footer_text
{
 position: relative;
 float: right;
 font: .8em "trebuchet ms", arial, sans-serif;
 top: 18px;
 left: -50px;
}

#tracker
{
 position: relative;
 top: 40px;
 width: 100%;
 left: 210px;
}

/*Login*/
#login 
{
 background-color:#B3B3B3;
 width: 180px;
 margin: 0px 0px 0px -12px;
}

/*Suche*/
#search
{
 width: 180px;
}

/* Formatierungen Navigationsleiste */
#navigation
{
 float:none;
 width:715px;
 height: 5px;
 font-family:arial;
 font-size:14px;
 margin: 63px 0px -10px 20px;
}

#navigation ul
{
}

#navigation ul li
{
 display:inline;
 margin: 0 30px 0 0; 
}

#navigation ul li a
{
 text-decoration:none;
 border-bottom:4px solid #B3B3B3;
 color:#fff;
 font:bold 1.0em arial;
}

#navigation ul li a:hover
{
 color:#4D4D4D;
 text-decoration:none;
 border-bottom:4px solid #B3B3B3;
}

/* Sonstige Formatierungen */
.titel
{
 float:right;
 width:90px;
 padding:0 10px 0 0
}

.titel img
{
 border:0
}

/* Schrift-Formatierungen */
h1,h2,h3,h4,h5,h6
{
 color:#666;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0 0 0
}

h3
{
color:#000000;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0 0;
}

h6
{
 border-top:1px solid #B3B3B3;
 color:#666;
 font-size:10px;
 letter-spacing:0.01em;
 margin:5px 0 0 0
}

#links p
{
 text-align:justify
}

#unten p
{
 color:#fff;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding:20px 35px;
}

/* Formatierungen Navigation (Rechte Spalte) */
#rechts ul
{
 list-style:none;
 margin:0 0 0 0;
}

#rechts ul li{
 background:url(../img/klecks.gif) no-repeat;
 display:block;
 margin:0 0px 0 0;
 padding:0 0 0 16px;
 font:bold 1.0em Times;
}

#rechts ul li a{
 text-decoration:none;
 color:#000000;
}


#rechts ul li a:hover{
  text-decoration:underline;
}

#hiddendiv {
  display: none;
}

/* Link-Formatierungen */
span
{
    
}
span:visited 
{
    color: #800080;
}
span:hover
{
    text-decoration:underline;
    cursor: pointer;
    color: #B3B3B3;
}
span:active 
{
    color: #008080;
}

a:link,a:visited,a:active{
 color:#000000;
 text-decoration:none;
}

a:hover{
 text-decoration:underline;
}


#unten a{
 color:#fff;
 text-decoration:underline
}

#unten a:hover{
 text-decoration:none
}

#register {
 position: relative;
 top: -200px;
 margin: 200px 300px 0px 0px;
 background-color: transparent;
}

#recover {
 position: relative;
 top: -200px;
 margin: 200px 300px 0px 0px;
 background-color: transparent;
}

#buttons
{
 position: relative;
 top: -20px;
 left: 150px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:/img/lightbox/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }