/* Twitter bootstrap form alternative to Tables  */

div.formGrid
{
  display: table;
}

div.formRow
{
  display: table-row;
}

div.formRow > .formLabel,
div.formRow > div.formInputs
{
  display: table-cell;
  vertical-align: top;
}

div.formRow > .formLabel
{
  padding-bottom: 0.5em;
  padding-right: 1.5em;
}

div.formInputs label
{
  display: inline-block;
  vertical-align: middle
}

div.formInputs input[type=radio]
{
  vertical-align: baseline
}

.formDivider > div
{
  border-top: 1px solid #bbbbbb;
  padding-top: 0.5em
}

.formInputBundle,
.formInputGroup
{
  display: inline-block;
  white-space: nowrap
}

.formInputs label
{
  padding-right: 0.5em
}

.formInputGroup,
.rightPad
{
  padding-right: 1ex
}



.formInputs > .formInputGroup:first-child > label:first-child
{
  padding-left: 0
}


@media (max-width: 979px) 
{ 
  div.form,
  div.formRow,
  div.formRow > .formLabel,
  div.formRow > div.formInputs,
  .formInputBundle
  {
    display: block;
  }          

  .formInputs 
  { 
    padding-left: 1em;
    padding-bottom: 6px
  }

  div.formRowNoBreak > .formLabel,
  div.formRowNoBreak > div.formInputs        
  {
    display: inline-block;
    padding-left: 0
  }

  div.formRowNoBreak > .formLabel label:after
  {
    content: ":"
  }

  .formDivider > div.formInputs
  {
    border-top: none;
    padding-top: 0;
  }

  .formDivider > div.formLabel
  {
    padding-top: 0.5em
  }

  .formInputGroup label
  {
    display: block;
  }

  .formInputsPadIfCompact
  {
    padding-left: 1em
  }
  

  @media (max-width: 580px)
  {
  }
        

  @media (max-width: 480px)
  {
    div.formRow > div.formInputs input[type=text]
    {
      width: 100%
    }
          
  }        
}


/* Simpel responsiv grid */

.columnContainer
{
	display: table;
	padding: 0px;
	margin: 0px;
}

.columnGroup
{
  display: table-row;
}

.columnGroup .column 
{
	display: table-cell;
  vertical-align: top;
  padding-left: 1.6%
}

.columnContainer .column:first-child 
{ 
  padding-left: 0; 
}

@media only screen and (max-width: 979px) 
{
  .columnContainer,
  .columnGroup,
  .columnGroup .column
  {
    display: block
  }
  

	.columnContainer .column  
  { 
    padding-left: 0
	}
}

.columnwidth2of2 
{
	width: 100%;
}

.columnwidth1of2 
{
	width: 49.2%;
}

@media only screen and (max-width: 979px) 
{
	.columnwidth2of2,
  .columnwidth1of2 
  {
		width: 100%; 
	}
}
	
.columnwidth3of3 
{
	width: 100%; 
}

.columnwidth2of3
{
	width: 66.1%; 
}

.columnwidth1of3 
{
	width: 32.2%; 
}

@media only screen and (max-width: 979px) 
{
  .columnwidth3of3,
  .columnwidth2of3,
  .columnwidth1of3 
  {
	  width: 100%; 
  }
}

.columnwidth4of4 
{
	width: 100%;
}

.columnwidth3of4
{
	width: 74.6%;
}

.columnwidth2of4 
{
	width: 49.2%;
}

.columnwidth1of4
{
	width: 23.8%;
}

@media only screen and (max-width: 979px) 
{
  .columnwidth4of4,
  .columnwidth3of4,
  .columnwidth2of4,
  .columnwidth1of4
  {
	  width: 100%; 
  }
}

/* Twitter bootstrap form alternative to Tables END  */

/* Kommer fra cbrain13 start */


#topMenu
{
  position: fixed;
  top: 36px;
  left: 0;
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  border-left: none;
  border-radius: 0 5px 5px 0;
  padding: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

#topMenu > input[type=image]
{
  opacity: 0.5;
}

#topMenu > input[type=image]:hover
{
   opacity: 0.8
}

#topMenu .topmenu ul,
#topMenu .topmenu li
{
  list-style-type: none;
  margin: 0;
  padding: 0
}

#topMenu
{
  padding:0px !important;
}


.centercolumn {
    float: left;
    width: 100%;
    max-width: 795px;  
    margin-right: 23px;  
}

.centercolumn.contentdoublecolumn {
    max-width: 100%;
}

.bottom .centercolumn {
    max-width: 100%;
}

.rightcolumn
{
  float: left;
  width: 100%;
  max-width: 350px;      
}

/* Kommer fra cbrain13 slut */