﻿/* Default CSS Stylesheet for a new Web Application project */
html,body, form 
    { 
        height: 100%; 
    } 

		body
        {
        	        	 background: transparent url(../images/stripe.png);

            /*background-image: url(../images/bg3.gif); */
            /*background-repeat: repeat-x; */
			font-family:Verdana, Arial, Helvetica, Sans Serif;
			font-size: 0.8em;
			font-weight: normal;
			letter-spacing: normal;
			text-transform: none;
			word-spacing: normal;
			margin-top : 0px;
			margin-left : 0px;
        }
        /* Links */
        A, A:visited
		{
		color: #56A9C7;
		text-decoration:none;
		}
		A:hover
		{
		text-decoration: none;
		border-bottom: dotted 2px #ef8364;
		}
		/* Links for the main navigation */
		.MainNav A,.MainNav A:visited
		{
		color: #111;
		text-decoration:none;
		}
		.MainNav A:hover
		{
		text-decoration: none;
		border-bottom: solid 4px #ef8364;
		}
		.MainNav .activenav 
		{
/*			
background:red url(../images/nav_bgactive.gif) no-repeat scroll left center;
 height:60px;
line-height:50px;
margin-left:2px;
padding-left:2px;
position:relative;
top:-18px;
background-color:#d45b39;
background-position:left top;
border-bottom: solid 4px #d45b39;*/
}
		/* Default borders */
		img {
		border: 0px;
		}
        img:hover 
        {
        text-decoration:none;
        }
        /* Layout styles */
        .clear
        {
            clear: both;
            display: block;
            height: 1px;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }
        #wrapper
        {
            background-color:transparent;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            width: 990px;
            padding-left:0px;
            padding-right:5px;
        }
        #middle
        {
            background-color:#ffffff;
            margin-left: 0px;
            width: 990px;
        }
        #header
        {
            width: 980px;
            height: 45px;
            line-height: normal;
            padding-left:5px;
            background-color:transparent;
        }
        #nav
        {
            background-color:#ffffff;
        	height:50px;  
        	padding-left:5px;
        	white-space:nowrap;
        }
        .MainNav
        {
        	width:545px;
        	height:44px;float:left;background-color:transparent;font-variant:small-caps;
        	position:relative;
        	top:-3px;
        }
        .MainNav dl
        {
        	padding-left:5px;
        	
        }
        .MainNav dt
        {
        	float:left;
        	padding-right:5px;
        	padding-left:5px;
        	text-align:center;
        	width: 65px;
        }
        #footer
        {
            width: 990px;
            height: 170px;
            line-height: normal;
            background: transparent url(../images/footer_german.jpg) no-repeat;
        }        
        #main
        {
            position: absolute;
            top: 120px;
            z-index: 0;
            min-width: 770px;
            width: 770px;
            background: #ffffff;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        #mainhead
        {
            float: left;
            width: 612px;
            height: 820px;
            min-height: 820px;
        }
       
        /* Homepage styles */
        
        #hp_left
        {
        	float:left;
        	width:50%;
        	 background-color:#ffffff;
        }
        #hp_right
        {
        	width:50%;
        	float:left;
        	 background-color:#ffffff;
        }
         /* Inside Pages styles */
        
        #ip_left
        {
        	float:left;
        	width:70%;
        	 background-color:#ffffff;
        }
        #ip_right
        {
        	 width:30%;
        	float:right;
        	 background-color:#ffffff;
        }
         /* Small Boxes styles */
         .SmallBox
         {
         float:left;
         margin:5px;
         }
        .SmallBox .sb_mid
        {
        	background: transparent url(../images/bb_bg.png) repeat-x;
        	float:left;
        	width: 225px;
        	height:269px;
        } 
        .SmallBox .sb_left
        {
        	background: transparent url(../images/bb_left.png) no-repeat;
        	float:left;
        	width:6px;
        	height:269px;
        }
         .SmallBox .sb_right
        {
        	background: transparent url(../images/bb_right.png) no-repeat;
        	float:left;
        	width:6px;
        	height:269px;
        }
        
        /* Wider Boxes styles */
         .WiderBox
         {
         float:left;
         margin:5px;
         position:relative;
         }
        .WiderBox .wb_mid
        {
        	background: transparent url(../images/wb_bg.png) repeat-x;
        	float:left;
        	width: 473px;
        	height:180px;
        } 
        .WiderBox .wb_left
        {
        	background: transparent url(../images/wb_left.png) no-repeat;
        	float:left;
        	width:6px;
        	height:180px;
        }
         .WiderBox .wb_right
        {
        	background: transparent url(../images/wb_right.png) no-repeat;
        	float:left;
        	width:6px;
        	height:180px;
        }
        
        .WiderBox .wb_mid_half
         {
         	background: transparent url(../images/wb_bg.png) repeat-x;
        	float:left;
        	width: 225px;
        	height:180px;
         }
        h1,h2,h3,h4,h5,h6,h7 {font-size:14pt;font-family:Verdana;font-weight:500;vertical-align:middle;position:relative;top:-3px;margin-bottom:3px;}
		.img_head {vertical-align:middle;margin-right:7px;}
        h1{color:#d9816d} 
		h2{color:#e3bf09}
        h3{color:#a9d969}
        h4{color:#e4c419}
        h5{color:#3e869f}
        
        h6{color:#6b9d24}
        
        #hp_forum h1 {color:#9d37c9;}
   /*      To keep for future reference to CSS 2.1

					#ListMostViewed
					{
        				list-style-type:none;
					}
					#ListMostViewed li
					{
			        	
					background: transparent url(../images/square.gif) no-repeat;
					background-attachment:scroll;
					background-position: 2;
					margin:5px -2; 

					}
					ol
					 {
  						counter-reset:ch;
					}
					#ListMostViewed li:before  
					{
					display: marker;
					marker-offset: -4em;
					content:url(../images/square.gif) counter(ch, decimal) " ";
					counter-increment: ch 1;
					   }   
           */
.ListDossiers 
{
	list-style-image: url(../images/ip_arrow.gif);
	list-style-type:none;
}
.ListDossiers li
{
	margin: 12px 0px 0px 5px;
}

/* Box Top Ten */
.ListMostViewed
{
	width:150px;
white-space:normal;
background-color:Yellow;

}
.listnumbers
{
	border:solid 2px #cccccc;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 15px;
	height:15px;
	font-size:0.8em;
}
#switch_en:hover,#switch_ge:hover
{
	border-bottom: solid 1px #ffffff;
}
#topten1,#topten2,#switch_en,#switch_ge
{
	cursor:pointer;
}
#paneltopten1,#paneltopten2
{
	line-height:25px;
	position:absolute;
	top:120px;
}
#paneltopten1 H6,#paneltopten2 H6
{
position:relative;
top:-20px;
}
#paneltopten1 p,#paneltopten2 p
{
position:relative;
top:-20px;
}
#paneltagslist1, #paneltagslist2
{
	color:#56A9C7;
	left:-57px;
	margin-left:65px;
	position:absolute;
	text-align:justify;
	width:220px;
	line-height:25px;
	height:100px;
	top:33px;
	z-index:0;
}
#paneltagslist2
{
	 display: none;
}

/* Links for the tags box */
#tagtab1,#tagtab2
{
	cursor:pointer;
}
		#TagsBox A,#TagsBox A:visited
		{
		color: #56a9c7;
		text-decoration:none;
		table-layout:fixed;
		text-align:justify;
		}
		#TagsBox A:hover
		{
		text-decoration: none;
		border-bottom: dotted 2px #ef8364;
		}

.box_head_green {color:#98e925;font-weight:bold;}

/* Links for the tags box */

#box_videos {list-style:none;list-style-position:inside;font-size:0.8em;}
#box_videos li {margin: 0px 20px 25px 5px; width: 140px;}
#box_videos li img {border:solid 2px #ca5937;margin: 0px 5px -25px -40px; text-align: left; vertical-align: bottom;}

.LatestNews_box 
{
position: relative;top:-25px;
}
.LatestNews_box_content
{
	position:relative;top:-5px;
}

#popupclip 
        {
            position: absolute;
            display: none; 
            width: 300px;
            min-width: 300px;
          left:-200px;
            top:-60px;
            margin-top:107px;
            margin-left:45px;
            background: #ffffff;
            border: 2px solid gray;
            border-width: 1px 2px 2px 1px;
            padding: 5px;
            z-index:10000;
            
            
        }