@charset "utf-8";
/* CSS Document 
                
    In opdracht van                 : Mevlana
    Design & interactie             : VanderLoo-Design.nl
    Code & functionaliteiten  		: VanderLoo-Design.nl
    
    Mevlana.nl
    Groningen 2008
    | © 2008 Mevlana |
                
    Kleurcodes
    Achtergrond top                : #a2b3e0
    Header & koppen                : #277e96
    Tekst header                   : #4768c2
    Tekst                          : #4768c2
    Hyperlinks                     : #4768c2
    Hyperlinks over                : #e0a3d2
    Hyperlinks geel                : #ffff99
    Border                         : #d3d5e7

*/

* {
    margin:0;
    padding:0;
}

body {
background:url(images/ontwerp/opvul-linkerkant.jpg) repeat-y; height:100%;
}
html {
background:url(images/ontwerp/blauw-boven.jpg) repeat-x; float:left; height:63px; width:100%;height:100%;
}
#container{font:9pt Arial, Helvetica, sans-serif; height:100%;}
#container-li{float:left; width:177px;height:100%;}
#logo-mevlana{background:url(images/ontwerp/linkerkant-boven.jpg) no-repeat; height:311px; padding-top:246px; width:177px;}
#verloop{background:url(images/ontwerp/opvul-linkerkant.jpg) repeat-y; height:100%;}


#opvul{background:url(images/ontwerp/li-opvul-boven.jpg) no-repeat; float:left; height:86px; width:61px;}
#navigatie{float:left; height:63px; margin-top:5px;}
#menu-icoon{float:left; margin:5px 0 0 20px;}

#container-re{float:left;}

#content-li{float:left; margin-left:13px;}
div.menu{border:2px solid #d3d5e7; padding:10px 10px 10px 10px; width:131px; margin:0 10px 10px 0;}

#content-re{float:left;}
#content{border:2px solid #d3d5e7; min-height:520px; padding:10px 10px 10px 10px; width:615px;}


#footer{background-color:#d3d5e7; height:2px; margin-left:13px; margin-top:10px; width:803px;}
#copy, #footer-logo, #footer-links{float:left; height:108px; padding-top:10px;}
#copy{width:294px;}
#footer-logo{width:275px;}
#footer-links{float:right; margin-right:20px;}

div.spacer{clear:both;}

/* Hier worden de div's voor de inc gedefineerd */
div.links{float:left; margin:10px 20px 10px 0; width:350px;}
div.rechts{float:left; margin:10px 10px 10px 0; width:180px;}
div.contact{float:left; margin-bottom:30px; width:300px;}
div.openingstijden{float:left;}

/* Navigatiemenu top */

#navcontainer ul{
padding-left:0;
margin-left:0;
background-color:#022686;
color:White;
float:left;
width:100%;
font-family:arial, helvetica, sans-serif;
}

#navcontainer ul li{display:inline;}

#navcontainer ul li a{
padding:0.2em 1em;
background-color:#022686;
color:White;
text-decoration:none;
float:left;
border-right:1px solid #fff;
}

#navcontainer ul li a:hover{
background-color:#369;
color:#fff;
}

/* Hier worden de hyperlinks gedefinieerd */

a:link, a:visited, a:active {
    color:#002384;
    text-decoration: none;
}
a:hover {
    color:#002384;
    text-decoration:underline;
}

h1 {
    color:#002786;
    font:12pt Arial, Helvetica, sans-serif bold;
}

h2 {
    color:#002786;
    font:10pt Arial, Helvetica, sans-serif bold;
}

h3 {
    color:#002786;
    font:12pt Arial, Helvetica, sans-serif bold;
}

hr { 
    height:0;
    border:0;
    border-top:2px solid #194b19;
}

li {
    margin-left:10px;
}

img {
  border: 0;
  margin: 0px;
}