@import url("public_menu.css");

/*div, form, image, input	{ border:1px solid olive; }*/

html, body {
width: auto;
background:#000000;

}

#overlay {
width:800px;
height:100%;
background-color: #000000;
z-index:9999;
position: absolute;
top: 240px;
left:220px;
}

body {
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
font-family: Verdana, arial, helvetica, sans-serif;
min-width: 1024px;
text-align:center;
overflow:scroll;
//overflow:none;

}

p { margin: 15px auto; font-size:12px;}
	
p, h1, h2, h3, h4, h5, h6 { padding: 0 1em; } /* Important! Give padding to the text. You could give some padding from leftbar, rightbar and Content but it would not render properly in IE*/

a img { border: 0; text-decoration: none; }

/*****header*****/

#header {
z-index:100;
width: 1250px;
font-size: 1em;
height:300px;
}


/*****content*****/  

#wrapper {
        width: 1250px;
        position: relative;
        min-height: 100%; /* For Modern Browsers */
        height: auto !important; /* For Modern Browsers */
        height: 100%; /* For IE */
        margin-left:auto;
        margin-right:auto;
      
}

#InnerWrapper {
        width: 100%;
        padding-bottom: 0px;
}

#WrapContent {
        background-color: transparent;
        padding-bottom: 29px;
        width: 100%;
}

#WrapContent:after { /* !important. stick the footer at the bottom*/
        clear: both;
        display: block;
        content: ".";
        height: 0;  
}

#leftbar {
      min-height:500px;
	margin-top: 26px;
	background: url("../Public_images/StoereMannen_Grunged.jpg"); 
	background-color: transparent;
	background-position: center 0px;
      background-repeat: no-repeat;
	z-index: 2;
	float: left;
	width: 242px;
	border-right: 1px solid #666;
}

#rightbar {
      min-height:500px;
	margin-top: 26px;
	background:url("../Public_images/straatvoetballer-12b.png"); 
	background-color:transparent;
	background-repeat:no-repeat;
	background-position: right  0px;
	z-index: 5;
	float: right;
	width: 250px;
	border-left: 0px solid #666;
}


#content {
        background:url("../Public_images/straat.png"); 
        background-color:transparent;
        background-repeat:no-repeat;
        background-position: center 30px;
        z-index: 0;
        display: block;
        width: auto;
        text-align: left;
        margin: 0px 250px 0 250px;  
        background-color:#000000;
        min-height:500px;
}

#content_text {
        color:#666666;
        padding-left:10px;
        min-height:400px;
        color:#FFF;
        padding-right:100px;
        line-height:17px;
}

.clear {
        clear: both;
        display: block;
        height: 1px;
        overflow: hidden;
}

/**navigation****/

#navigation {
        position:absolute;
        //position:relative;

        width:1000px;
        height:40px;
        margin-top:10px;
        margin-left:-40px;
        //margin-left:-40px;

}

#navigation  .dropdown {
        background-color: transparent;
        width: 1000px;
        z-index: 1;
        margin-left:100px;
}
 


/* Diverse----------*/



#login {
display:none;
position:absolute;
z-index:15;
top: 45px;
left:700px;
width:100px;
}


#breadcrumb {
	font-size: 9px;
	font-style: normal;
	color: #666;
	text-align: right;
	margin-right: 12px;
	text-transform: lowercase;
}

#catNav {
font-size:11px;
color:#ff0000;
}

.linkvanstel a{
margin-left:-420px;
margin-top:20px;
text-decoration:none;
color:#CCCCCC;
font-size:10px;
 
font-family: Arial, Verdana, sans;
float:left;

}




#submit:hover {
	color: #d00;
}


/*****footer*****/


#footer {
	position: absolute;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	left: 0;
	clear:both;
	width: 100%;
	min-height: 40px;
	XXbackground:orange;
}


#public_menu_footer {
	color: #eee;
	font-size: 11px;
	margin-left: 258px;
	margin-top: 12px;
	padding-left: 10px;
	padding-top: 0px;
	background-color: #000;
	border: 1px solid #333;
	text-align: left;
	height: 24px;
	width: 714px;
     

}

#public_menu_footer ul {
	margin: 0;
	padding: 0;
	float: left;
        width:714px;
        list-style: none;

}

#public_menu_footer ul li {
	
	float:left;
        display:inline;
     	padding:0px;
        margin:0;
    

      
}
#public_menu_footer ul li.divider {
	
	display: inline;
        margin:0;
	padding: 4px 50px 0 50px;
       
}

#public_menu_footer li a {
	text-decoration: none;
	color: #fff;
        text-align:right;
        vertical-align:middle;
        display:inline;  
        margin:0;
        height:23px;
           

}
#public_menu_footer span {
	
      float: right;
      margin-top:4px; 
      display:inline;
      

}

#public_menu_footer li img {
       float: left;

	margin-right:8px;
      display:inline;  
      margin-top:2px;
    
}

#public_menu_footer a:hover span {
	text-decoration: underline;
}
#public_menu_footer a:active {
	color:#f00;
}


#mmosa {

margin:460px 0 0 -122px;
height:40px;

}