div, table
{
font-size: 12px;
font-family: arial;
color: #003366;
}
DIV.normal1
{
font-size: 10px;
font-family: verdana, sean serif, arial;
color: #ffffff;
}
DIV.normal2
{
font-size: 10px;
font-family: verdana, sean serif, arial;
color: #003366;
}
DIV.normal3
{
font-size: 10px;
font-family: verdana, sean serif, arial;
color: #999999;

}
DIV.normal4
{
font-size: 11px;
font-family: arial;
color: #990000;
}
DIV.normal5
{
font-size: 10px;
font-family: arial, verdana, sean serif;
color: #003366;
}
input
{
    font-family: Verdana, MS Sans Serif;
    border : 1px solid #003366;
    font-size: 11px;
    color: #333333;

}
textarea
{
    font-family: Verdana, MS Sans Serif;
    border : 1px solid #003366;
    font-size: 11px;
    color: #333333;
   /* width: 336px;*/
}

select
{
    font-family: Verdana, MS Sans Serif;
    border : 1px solid #003366;
    font-size: 11px;
    color: #333333;
}
div.gratisemblem
{
   position:absolute;
   background-image: url(images/gratisemblem.png);
   z-index: 999;
   width:120px;
   height: 120px;
   margin-left:273px;
   margin-top:85px;
}
img.article
{
    border : 0px;
    margin-left: 10px;
}
div.comments{
            background-image: url("/images/com_status_bg.gif"); 
    background-repeat: no-repeat;

    margin-left:-3px;
    float:left;
    min-width: 100px;
}

DIV.headline1
{
font-size: 24px;
font-family: verdana, sean serif, arial;
color: #336699;
font-weight: bold;
}
DIV.updateinfo
{
font-size: 12px;
font-family: verdana, sean serif, arial;
color: #669900;
font-weight: bold;
}
DIV.headline3
{
font-size: 10px;
font-family: verdana, sean serif, arial;
color: #336699;
font-weight: bold;
}
DIV.headline4
{
font-size: 14px;
font-family: verdana, sean serif, arial;
color: #669933;
font-weight: bold;
margin-bottom: 10px;
}
DIV.headline5
{
font-size: 10px;
font-family: verdana, sean serif, arial;
color: #ffffff;
font-weight: bold;
}
h1 
{
font-size: 22px;
font-family: arial;
color: #003366;
font-weight: bold;
}
h2 
{
font-size: 18px;
font-family: arial;
color: #003366;
font-weight: bold;
}
h4 
{
font-size: 14px;
font-family: arial;
color: #003366;
font-weight: bold;
}
#hr{
height: 1px;
border: 0;
color: #999;
background-color: #999;
} 
DIV.menutekst1
{
font-size: 12px;
font-family: verdana, sean serif, arial;
color: #ffffff;
width: 150px;
margin-left: 10px;
}

a.topmenu:link
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;

        }
a.topmenu:visited
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
        }
a.topmenu:hover {
    text-decoration: none;
    color: #003366; 

}
a.topmenu:active {

}
a.topmenu_orange:link
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #ffcc33;
    text-decoration: none;
    font-weight: 400;

        }
a.topmenu_orange:visited
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #ffcc33;
    text-decoration: none;
        }
a.topmenu_orange:hover {
    text-decoration: none;
    color: #003366; 

}
a.topmenu_orange:active {

}
a.butt:hover {
    margin-left:2px;
     

}
a.topmenu2:link
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #003399;
    text-decoration: none;
    font-weight: 400;

        }
a.topmenu2:visited
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #003399;
    text-decoration: none;
        }
a.topmenu2:hover {
    text-decoration: none;
    color: #003399; 

}
a.topmenu2:active {

}
a.main:link
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #6699cc;
    text-decoration: underline;
    font-weight: 400;

        }
a.main:visited
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #6699cc;
    text-decoration: underline;
        }
a.main:hover {
    text-decoration: none;
    color: #003399; 

}
a.main:active {

}

a.main2:link
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #6699cc;
    font-weight: 400;
text-decoration: none;
        }
a.main2:visited
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #6699cc;
    text-decoration: none;
        }
a.main2:hover {
    text-decoration: none;
    color: #003399; 

}
a.main2:active {

}
a.small1:link
         {
    font-family: verdana, sean serif, arial;
    font-size: 10px;
    color: #ffffff;
    text-decoration: underline;
        }
a.small1:visited
         {
    font-family: verdana, sean serif, arial;
    font-size: 10px;
    color: #ffffff;
    text-decoration: underline;

        }
a.small1:hover {
    color: #003366;
    text-decoration: none;
}
a.small1:active {
    color: #003366;
    text-decoration: underline;
}
a.small2:link
         {
    font-family: verdana, sean serif, arial;
    font-size: 10px;
    color: #6699cc;
    text-decoration: none;
        }
a.small2:visited
         {
    font-family: verdana, sean serif, arial;
    font-size: 10px;
    color: #6699cc;
    text-decoration: none;

        }
a.small2:hover {
    color: #003366;
    text-decoration: none;
}
a.small2:active {
    color: #003366;
    text-decoration: none;
}






/* --------  CSS for the demo. CSS needed for the scripts are loaded dynamically by the scripts -----   
	#mainContainer{
		width:600px;
		margin:0 auto;
		margin-top:10px;
		border:1px solid #000;
		float:left;
	}
	
	#leftColumn{
		width:250px;
		float:left;
		border:1px solid #000;
		background-color:#E2EBED;
		padding:3px;
		height:400px;
overflow:auto;

	}
	#rightColumn{
		
		float:right;
		
		height:400px;
	}	*/
	.dragableBox{
		width:265px;
        float:left;
        padding:2px;
		border:1px solid #000;
		background-color:#4e92cc;	
		/*margin-bottom:5px;
		padding:3px;
        margin-left: 5px;
        float:left;
        color: #ffffff;*/
	}
    .dragableBox_grey{
        width:265px;
        padding:2px;
        border:1px solid #000;
        background-color:#cccccc;        
       /* margin-bottom:5px;
        padding:3px;
        margin-left: 5px;
        float:left;
        color: #ffffff;*/
    }
    .dragableBox_yellow{
        width:265px;
        float:left;
        border:1px solid #000;
        padding:2px;
        background-color:#ffcc33;        
        /*margin-bottom:5px;
        padding:3px;
        margin-left: 5px;
        float:left;
        color: #ffffff;*/
    }
    .create_newstep{
        width:300px;
        height:200px;
        border:1px solid #000;
        background-color:#ffcc33;        
        padding:10px;


        color: #ffffff;
    }
#noscroll {
    overflow: auto;
  border: none;
  border:1px solid #000;
}
DIV.normal2
{
font-size: 10px;
font-family: verdana, sean serif, arial;
color: #003366;
}

	.dropBox{
		width:250px;
		border:1px solid #000;
		background-color:#E2EBED;
		height:400px;
		
		padding:3px;
		overflow:auto;
	}		
	a{
		color:#F00;
	}
		
	.clear{
		clear:both;
	}
	img{
		border:0px;
	}
a:link
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #6699cc;
    text-decoration: underline;
    font-weight: 400;

        }
a:visited
         {
    font-family: verdana, sean serif, arial;
    font-size: 12px;
    color: #6699cc;
    text-decoration: underline;
        }
a:hover {
    text-decoration: none;
    color: #003399; 

}
a:active {

}

a.h4:link
         {
  font-size: 14px;
font-family: arial;
color: #003366;
font-weight: bold;
text-decoration: underline;
 
        }
a.h4:visited
         {
   font-size: 14px;
font-family: arial;
color: #003366;
font-weight: bold;
text-decoration: underline;

        }
a.h4:hover {
    font-size: 14px;
font-family: arial;
color: #003366;
font-weight: bold;
text-decoration: none;

}
a.h4:active {

}

   




    #footer{
        height:30px;
        vertical-align:middle;
        text-align:right;
        clear:both;
        padding-right:3px;
        background-color:#317082;
        margin-top:2px;
        width:750px;
    }
    #footer form{
        margin:0px;
        margin-top:2px;
    }
    #dhtmlgoodies_dragDropContainer{    /* Main container for this script */
        width:750px;
        height:860px;
        background-image: url("/images/bg_skridt_module.png");
        /*border:1px solid #000000;*/
        /*background-color:#FFF;*/
        -moz-user-select:none;
    }
    #dhtmlgoodies_dragDropContainer ul{    /* General rules for all <ul> */
    /*    margin-top:0px;
        margin-left:0px;
        margin-bottom:0px;
        padding:2px;*/
    }
    
    #dhtmlgoodies_dragDropContainer li,#dragContent li,li#indicateDestination{    /* Movable items, i.e. <LI> */
        list-style-type:none;
        height:10px;
        /*background-color:#EEE;*/
        /*border:1px solid #000;*/
        /*padding:2px;
        margin-bottom:2px;*/
        cursor:pointer;
        /*font-size:0.9em;*/
    }

    li#indicateDestination{    /* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
        border:1px dashed #000000;    
        background-color:#cccccc;
        background-image: url("images/placer_her.gif");
        width: 265px;
        height:50px;
        margin-left:10px;
    }
        
/* LEFT COLUMN CSS #############################################################################################3
################################################################################################################3*/
    div#dhtmlgoodies_listOfItems{    /* Left column "Available students" */
        /*background-color: purple;*/
        float:left;
        /*width:290px;*/
        /*padding-left:10px;/*
        padding-right:10px;
        
        /* CSS HACK */
        width: 315px;    /* IE 5.x */
        width/* */:/**/315px;    /* Other browsers */
        width: /**/315px;
                
    }
    #dhtmlgoodies_listOfItems ul{    /* Left(Sources) column <ul> */
        height:860px;   
border:1px solid #000;
    }
        
    div#dhtmlgoodies_listOfItems div{
        /*border:1px solid #000;*/    
        margin-top:10px;  margin-left:10px;  
    }
    div#dhtmlgoodies_listOfItems div ul{    /* Left column <ul> */
        margin-left:10px; margin-right:10px;    /* Space at the left of list - the arrow will be positioned there */
    }
    #dhtmlgoodies_listOfItems div p{    /* Heading above left column */
       /* margin:0px;    
        font-weight:bold;
        padding-left:12px;
        background-color:#f00;    
        color:#FFF;
        margin-bottom:5px;*/
    }
    /* END LEFT COLUMN CSS */
    
    #dhtmlgoodies_dragDropContainer .mouseover{    /* Mouse over effect DIV box in right column */
        /*background-color:#cccccc;*/
       /* border:1px solid #317082;*/
    }
/*  Start main container CSS  #############################################################################################3
################################################################################################################3*/
    
    div#dhtmlgoodies_mainContainer{    /* Right column DIV */
        width:305px;
        float:right;   
        
       /* background-color: yellow;*/
        /* CSS HACK */
        width: 315px;    /* IE 5.x */
        width/* */:/**/315px;    /* Other browsers */
        width: /**/315px;

        
        
    }
    #dhtmlgoodies_mainContainer div{    /* Parent <div> of small boxes */
        /*float:left;
        
        margin-bottom:10px;*/
        margin-top:10px;
        margin-left: 10px;
        margin-right:10px;
        /*border:1px solid #999;*/
      
    }
    #dhtmlgoodies_mainContainer div ul{
        margin-left:10px;margin-right:10px;
        /*background-color: blue;*/

    }
    
    #dhtmlgoodies_mainContainer div p{    /* Heading above small boxes */
     /*   margin:0px;
        padding:0px;
        padding-left:12px;
        font-weight:bold;
        background-color:#317082;    
        color:#FFF;    
        margin-bottom:5px;*/

    }
    
    #dhtmlgoodies_mainContainer ul{    /* Small box in right column ,i.e <ul> */
     /*   width:250px;
        height:80px;    
        border:0px;    
        margin-bottom:0px;
        overflow:auto;*/
        
        border:1px solid #000;
        height:1260px; 
    }
    
    #dragContent{    /* Drag container */
        position:absolute;
        width:250px;
        height:20px;
        display:none;
        margin:0px;
        padding:0px;
        z-index:2000;
        
    }

    #dragDropIndicator{    /* DIV for the small arrow */
        position:absolute;

        display:none;
        z-index:1000;
        margin:0px;
        padding:0px;
        
    }

/*    <style type="text/css" media="print">
    div#dhtmlgoodies_listOfItems{
        display:none;
    }
    body{
        background-color:#FFF;
    }
    img{
        display:none;
    }
    #dhtmlgoodies_dragDropContainer{
        border:0px;
        width:100%;
    }
    */