/***************************************************************************************
*        style.css      V1.3
*        written by     Andreas Kaufhold     JAN '09
*        stylesheet for roccocaine.com
***************************************************************************************/

body{
     margin:auto;
     background-color:#000000;
     overflow: none;
     background:url(../images/back-myspace_rocco.jpg) center top;
     }

*{
  margin:0;
  padding:0;
  } 
 
#wrapper{
         width:778px;
         height:580px;
         margin:auto;
         top:20px;
         text-align:center;
         #top:20px;
         }

#header{
        height:209px;
        width:600px;
        background-image:url(../images/back_header.png);
        background-repeat:no-repeat;
        margin:auto;
        margin-top:20px;
        z-index:10;
        }

#home{
      top: 220px;
      margin-left:599px;
      z-index:100;
      color:#BAC1C0;
      font-family:Arial;
      font-size:10px;     
      }
      
.free p{
       color:#DB7175 !important;
       font-size:11px;
       }
      
#home a:link	        {color:#BAC1C0; font-size:10px; font-family:arial; text-decoration: none;}
#home a:active        	{color:#BAC1C0; font-size:10px; font-family:arial; text-decoration: none;}
#home a:visited		{color:#BAC1C0; font-size:10px; font-family:arial; text-decoration: none;}
#home a:hover	        {color:#8BD763; font-size:10px; font-family:arial; text-decoration: none;}
#home a:current         {color:#DB7175; font-size:10px; font-family:arial; text-decoration: none;}

.single{
             float: left;
             width:49px;
             height:49px;
             text-align:center;
             }

.link_details{
	      border:1px solid #BAC1C0;
	      color:#BAC1C0;
	      float:right;
	      height:17px;
              margin-left:384px;
	      margin-top:4px;
	      padding-left:7px;
	      padding-top:2px;
	      position:absolute;
	      width:46px;
              }

#mitte{
         width:600px;
         height:500px;        
         z-index:1;
         margin:auto;
        }

.pfeil{
       font-size:6px;
       font-family: impact;
       }
 
#navi{  
      height:20px;
      width:778px;
      margin:auto;
      text-align:center;
      z-index:2;
      margin-top:3px;
      }                                  
 
#line{
      margin:auto;
      width:779px;
      margin-top:5px;
      height:0x;
      color:#BAC1C0;
      } 
 
 
#line hr{
      height:0px;
      font-size:0px;
      color: #BAC1C0;
      background-color: #BAC1C0;
      border:1px solid #BAC1C0;
      border-top:0px;
      }  

.border_releases{
                 border-bottom:1px solid #BAC1C0;
                 }

.links_news strong{ 
            font-weight:normal;
            text-transform:uppercase !important;
            }

.title_news font strong{
background-color:#0c0c0c;
color:#BAC1C0;
font-size:11px !important;
text-transform: uppercase;
font-weight:normal;
			border-color:#BAC1C0;
			border-style:solid none;
			border-width:1px 0;
			color:#8BD763;
			display:block;
			font-family:verdana;
			font-size:11px;
			font-weight:normal;
			height:20px;
			margin-bottom:14px;
			padding:6px 0 0;
			text-align:right;
			text-transform:uppercase !important;
			width:200px;
}

.desc_news p strong em{
           font-style: normal !important;
           }
           
.bodytext strong em{
           font-style: normal !important;
           font-weight:normal !important;
           }
           
#content{
         margin-top:4px;
         width:779px;
         margin-bottom:15px;
         }
          
#content	a:link	        {color:#8BD763; font-size:11px; font-family:verdana; text-decoration: none;}
#content	a:active        {color:#8BD763; font-size:11px; font-family:verdana; text-decoration: none;}
#content	a:visited	{color:#8BD763; font-size:11px; font-family:verdana; text-decoration: none;}
#content	a:hover	        {color:#5ea7df; font-size:11px; font-family:verdana; text-decoration: none;}
  
#content_links{
               	width:197px;
               	min-height:260px;
               	padding:28px;                              
               	margin:0; 
               	float:left;
               	border:1px solid #BAC1C0;
               	color:#BAC1C0;
		font-family:Arial;
		font-size:10px;
		text-align:left;                                             
               }
               
#content_links h1 {
			background-image:url(../images/back_header.png);
			background-position:77px -31px;
			background-repeat:no-repeat;
			border-color:#BAC1C0;
			border-style:solid none;
			border-width:1px 0;
			color:#8BD763;
			display:block;
			font-family:verdana;
			font-size:11px;
			font-weight:normal;
			height:20px;
			margin-bottom:14px;
			margin-left:0;
			padding:6px 0 0;
			text-align:left;
			text-transform:uppercase !important;
			width:197px;
			}

#content_rechts{
                width:438px;
                min-height:260px;
		padding:28px;                              
               	margin:0;
               	margin-left:10px;	
               	float:right;
               	border:1px solid #BAC1C0;
               	color:#BAC1C0;
		font-family: verdana;
		font-size:11px;
		text-align:left; 
		margin-bottom:28px; 	
		}
	

#content_rechts h1 {
			background-image:url(../images/back_header.png);
			background-position:-223px -15px;
			background-repeat:no-repeat;
			border-color:#BAC1C0;
			border-style:solid none;
			border-width:1px 0;
			color:#8BD763;
			display:block;
			font-family:verdana;
			font-size:11px;
			font-weight:normal;
			height:20px;
			margin-bottom:14px;
			padding:6px 0 0;
			text-align:right;
			text-transform:uppercase !important;
			width:439px;
		}

.sc-track-duration{
    display:none;
}

#content_rechts .sc-trackslist li a{
    font-size:1.15em;
}

.tx-vgetagcloud-pi1{
                     background-color:#000000;
                     line-height:120%;
                     margin-bottom:14px;
                       }
                       

.tx-vgetagcloud-pi1 ul li{
                          padding:3px;
                          color:#BAC1C0;
                          font-family:verdana;
                            } 
                   
.nav2{
     padding-left:2px; 
     padding-right:2px;
     } 
         
.cleaner{
         clear: both;
         height: 1px;
         width: 100%;
         font-size: 1px;
         margin: 0;
         padding:0;
         background-color: transparent;
         }

.nav       			{font-size:12px; color:#BAC1C0; font-weight:200; font-family: verdana, helvetica; text-decoration: none; padding: 1px 3px 0px 3px;}
.nav a:link			{font-size:12px; color:#BAC1C0; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded; white-space:nowrap; }
.nav a:active		{font-size:12px; color:#BAC1C0; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded; white-space:nowrap; }
.nav a:visited		{font-size:12px; color:#BAC1C0; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded; white-space:nowrap; }
.nav a:hover		{font-size:12px; color:#8BD763; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded; white-space:nowrap; }

.nav_cur      	    {font-size:12px; color:#5ea7df; font-family: verdana, helvetica; text-decoration: none; padding: 1px 3px 0px 4px;}
.nav_cur a:link	    {font-size:12px; color:#5ea7df; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}
.nav_cur a:active	{font-size:12px; color:#5ea7df; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}
.nav_cur a:visited	{font-size:12px; color:#5ea7df; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}
.nav_cur a:hover	{font-size:12px; color:#5ea7df; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}


.nav2  				{font-size:12px; color:#BAC1C0; font-family: verdana, helvetica; text-decoration: none; padding: -7px 5px 0px 5px; padding-top:-30px; #padding-top:0px;}
.nav2 a:link		{font-size:12px; color:#BAC1C0; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}
.nav2 a:active		{font-size:12px; color:#5ABBEB; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}
.nav2 a:visited		{font-size:12px; color:#BAC1C0; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}
.nav2 a:hover		{font-size:12px; color:#C5DD05; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}

.nav2cur  			{font-size:12px; color:#5ABBEB; font-family: verdana, helvetica; text-decoration: none; padding: -7px 5px 0px 5px; padding-top:-30px; #padding-top:0px;}
.nav2cur a:link		{font-size:12px; color:#5ABBEB; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}
.nav2cur a:active	{font-size:12px; color:#5ABBEB; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}
.nav2cur a:visited	{font-size:12px; color:#5ABBEB; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}
.nav2cur a:hover	{font-size:12px; color:#5ABBEB; font-family: verdana, helvetica; text-decoration: none; text-transform:uppercase; font-stretch:semi-expanded;}


.content a:link		{color:#5ABBEB; font-size:11px; font-family:verdana; text-decoration: none;}
.content a:active	{color:#5ABBEB; font-size:11px; font-family:verdana; text-decoration: none;}
.content a:visited	{color:#5ABBEB; font-size:11px; font-family:verdana;  text-decoration: none;}
.content a:hover	{color:#C5DD05; font-size:11px; font-family:verdana;  text-decoration: none;}
.content h1,h2		{color:#5ABBEB; font-size:11px; font-family:verdana; text-decoration: none;}
.content h3,h4		{color:#5ABBEB; font-size:11px; font-family:verdana; text-decoration: none;}
.content h5,h6		{color:#5ABBEB; font-size:11px; font-family:verdana;  text-decoration: none;}
.content b			{color:#BAC1C0; font-size:11px; font-family:verdana; text-decoration: none; font-weight:normal; text-transform:uppercase; }
.content p strong em    {font-weight:normal !important; font-style:normal !important;}

.dates             	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.dates  td         	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}  
.dates  p          	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}  
.dates  h1,h2      	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}  
.dates  h3,h4      	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.dates  h5,h6      	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica; text-decoration: none;}   
.dates  a:link	   	{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.dates  a:active   	{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.dates  a:visited  	{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica; text-decoration: none;}
.dates  a:hover	   	{color:#C5DD05; font-size:11px; font-family:verdana, helvetica; text-decoration: none;}
.dates  strong     	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none; font-weight:normal; text-transform:uppercase; }

 
.bookingform		{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none; text-transform:uppercase;}
.bookingform	td	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica; text-decoration: none; text-transform:uppercase;}
.bookingform	p	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none; text-transform:uppercase;}
.bookingform a:link	{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.bookingform a:active	{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica; text-decoration: none;}
.bookingform a:visited	{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.bookingform a:hover	{color:#C5DD05; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;} 
 
.blog       		{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica; text-decoration: none;}
.blog b    	 		{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.blog tr    		{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.blog td    		{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.blog p    			{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.blog a:link		{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.blog  a:active		{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica; text-decoration: none;}
.blog a:visited		{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.blog a:hover		{color:#C5DD05; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}

 blog_klein       	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica; text-decoration: none;}
.blog_klein b     	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica; text-decoration: none;}
.blog_klein tr    	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.blog_klein td    	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.blog_klein p    	{color:#BAC1C0; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}
.blog_klein a:link	{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica; text-decoration: none;}
.blog_klein a:active	{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica; text-decoration: none;}
.blog_klein a:visited	{color:#5ABBEB; font-size:11px; font-family:verdana, helvetica; text-decoration: none;}
.blog_klein a:hover	{color:#C5DD05; font-size:11px; font-family:verdana, helvetica;  text-decoration: none;}

.refe             	{font-style: normal; margin:0px; padding:2px 0px 2px 0px; color:#000000; text-decoration: none; font-family: verdana, helvetica;  font-size: 9px;}
.refe b           	{font-style: normal; margin:0px; padding:2px 0px 2px 0px; color:#000000; text-decoration: none; font-family: verdana, helvetica;  font-size: 9px; font-weight:bold;}
.refe tr          	{font-style: normal; margin:0px; padding:2px 0px 2px 0px; color:#000000; text-decoration: none; font-family: verdana, helvetica;  font-size: 9px; font-weight:bold;}
.refe td          	{font-style: normal; margin:0px;  padding:2px 0px 2px 0px; color:#000000; text-decoration: none; font-family: verdana, helvetica; font-size: 9px; font-weight:bold;}
.refe div         	{font-style: normal; margin:0px;  padding:2px 0px 2px 0px; color:#000000; text-decoration: none; font-family: verdana, helvetica; font-size: 9px; font-weight:bold;}
.refe p           	{font-style: normal; margin:0px;  padding:2px 0px 2px 0px; color:#000000; text-decoration: none; font-family: verdana, helvetica; font-size: 11px; }
.refe a:link            {margin:0px; text-decoration: none; color: #000000; font-family: arial, helvetica; font-size: 9px;}
.refe a:active          {margin:0px; text-decoration: none; color: #000000; font-family: arial, helvetica; font-size: 9px;}
.refe a:visited         {margin:0px; text-decoration: none; color: #000000; font-family: arial, helvetica; font-size: 9px;}
.refe a:hover           {margin:0px; text-decoration: none; color: #905970; font-family: arial, helvetica; font-size: 9px;}

/***********************************************************tt_news Anpassungen********************************************************/


.single a{
 height:48px;
width :100%;
display:block;
vertical-align: middle;
     } 

.single div{
   height:48px;
width :100%;
display:block;
 vertical-align:middle;   
     } 
     
.single img{
 vertical-align:middle;   
     } 
     
.changeImage{
text-align:right;
}

.feedburnerFeedBlock .content{
     margin-bottom:20px;
}

.attachments img {max-width: 442px !important}

.attachments{
     overflow:hidden;
}

.attachments .article{
     float:left;
     margin-right:20px;
}

.attachment_article_content{
    float:left;
    width:60%;
}

.article a img{
    width:110px;
    height:auto;
}

.attachment_photo_content{
    display:none;
}