* {margin: 0; padding: 0; box-sizing: border-box;}

html, body
{
	height: 100%;
	width: 100%;
    font-family: "PT Sans", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
	color: white;
    background: #191717;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}




h1
{
	text-align: center;
	margin: 10px;
}

h1, h2
{
  font-family: "PT Sans", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: white;
  text-rendering: optimizeLegibility; 
}


h1
{
  font-size: 1.875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2
{
color: #31d5b1;
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}




.CentralWidget
{
}

.QHorizontalLayout
{
    position: relative; /* Now you can use "position: absolute; right: 0px;" to position an item in this layout */
    width: 100%;
}

.QVerticalLayout
{
    position: relative;	/* Now you can use "position: absolute; bottom: 0px;" to position an item in this layout */
	height: 100%;
}

.QHorizontalLayoutItem
{
    float: left;
}

.QVerticalLayoutItem
{
    _TODO_TEST___float: top;
    
}

.QScrollArea
{
	/* Parent has to be a QVerticalLayout or QHorizontalLayout (has a position: relative;) */
	max-height:100%;
	overflow: auto;
}




	/* holy grail 3 column settings */
	.holygrail {
	    _background:#ff9;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        _background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        _background:#FFD8B7;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    _NO_VERT_SCROLLBAR__padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
    



/* Maak een groupbox net ietsje lichter dan de achtergrond */
.QFrame,
.QGroupBox,
fieldset,
.QListWidget,
.QTableWidget,
textarea,
.QTextBrowser
{
	background: rgba(255, 255, 255, 0.039);
}


/* Omdat onze achtergrond donker is, moeten we alle controls licht maken */
.QLabel,
td,
.QStatusBar,
.QCheckBox
{
	color: gray;
}
.QLabel:disabled,
.QCheckBox:disabled
{
	color: rgb(80, 80, 80);
}


.AddBorder
{
	border: 1px solid gray;
}

.AddPadding
{
	padding: 9px;
}

.QListWidget,
.QTableWidget,
textarea,
.QTextBrowser
{
	color: rgb(230, 230, 230);
	border: 1px solid lightgray;
}

.QLineEdit
{
	color: rgb(230, 230, 230);
	background: gray;
	border: 1px solid white;
}
.QLineEdit:disabled
{
	color: rgb(44, 44, 44);
	background: rgb(80, 80, 80);
	border: 1px solid gray;
}


.QGroupBox,
fieldset
{
	font: bold;
	color: darkgray;
	border: 1px solid lightgray;/*same as QListWidget */
	border-radius: 5px;
	margin-top: 1ex;
}
fieldset
{
	padding: 6px;
}
.QGroupBox:disabled,
fieldset:disabled
{
	color: rgb(80, 80, 80);
	border: 1px solid gray;
}
.QGroupBox::title
{
	subcontrol-origin: margin;
	subcontrol-position: top left;
	padding: 0 3px;
}
legend
{
	padding: 0 3px 0 3px;
}



.QPushButton,
.QToolButton,
.QSpinBox,
.QDoubleSpinBox,
.QComboBox
{
	color: rgb(20, 20, 20);
	border: 1px solid lightgray;
	padding:2px 4px;
	margin: 2px;
	background: gray;

display: block;
width: auto;
cursor: pointer;
}

.ImgButton
{
cursor: pointer;
}


.ImgButton:hover /* werkt helaas niet */
{
	background: gray;
}


.QComboBox .QAbstractItemView
{
	_color: rgb(230, 230, 230);
	background: gray;
	border: 1px solid lightgray;/*same as listwidget*/
	selection-background-color: lightgray;
}


.QPushButton,
.QCheckBox
{
	/*outline: none;*/  /* removes the focus rect (outline is not documented) */
	outline: 1px dotted #1bd6b1;/*Text on Top color*/
}


.QPushButton:disabled,
.QToolButton:disabled,
.QSpinBox:disabled,
.QDoubleSpinBox:disabled,
.QComboBox:disabled
{
	color: rgb(44, 44, 44);
	background: rgb(80, 80, 80);
        cursor: not-allowed;
}
.QSpinBox:disabled,
.QDoubleSpinBox:disabled,
.QComboBox:disabled
{
	border: 1px solid gray;
}
.QPushButton:checked,
.QToolButton:checked
{
	border: 2px solid white;
	margin: 1px;
	background: rgb(150, 150, 150);
}


.QPushButton:disabled:checked,
.QToolButton:disabled:checked
{
	border: 2px solid lightgray;
	color: rgb(44, 44, 44);
	background: rgb(80, 80, 80);
}


.QSpinBox::up-button,
.QDoubleSpinBox::up-button
{
	subcontrol-origin: border;
	subcontrol-position: top right;
	_height: 11px;
}
.QSpinBox::down-button,
.QDoubleSpinBox::down-button
{
	subcontrol-origin: border;
	subcontrol-position: bottom right;
	_height: 11px;
}


.QMenu
{
	color: rgb(230, 230, 230);
	padding: 0px;
	margin: 0px;
}

.QMenu::item:hover /* werkt helaas niet */
{
	background: gray;
}




/* unvisited link */
a:link
{
    color: #31d5b1;
}

/* visited link */
a:visited
{
    color: lightgreen;
}

/* mouse over link */
a:hover, a:focus
{
    color: #26bb9a;
}

/* selected link */
a:active
{
    color: yellow;
} 


textarea /*QTextEdit is a textarea */
{
	border: 1px solid grey;
	width:100%;
	height:100%;
	resize: none; /*no resize-grip, fixed size as specified */
}


.VSpace6px
{
	height: 6px;
}

.HSpace6px
{
	width: 6px;
}


.MarginT6px
{
	margin-top: 6px;
}
.MarginB6px
{
	margin-bottom: 6px;
}
.MarginL6px
{
	margin-left: 6px;
}
.MarginR6px
{
	margin-right: 6px;
}