/* 
================================
 GENERAL (HTML)
================================
*/

body, pre       {font-family: Tahoma, Verdana, Arial; font-size:11px; font-weight: normal; font-style: normal; margin: 0; color: #000000}
td, div, span   {font-family: Tahoma, Verdana, Arial; font-size:11px; font-weight: normal; font-style: normal; margin: 0; color: #000000}

h1 {font-size:24px; font-weight: bold; color: #000000; line-height:20px; font-family: Georgia; border-bottom: solid 1px #000000; padding-bottom:10px;}
h2 {font-size:16px; font-weight: bold; color: #000000; line-height:20px; font-family: Georgia; border-bottom: solid 1px #000000; padding-bottom:5px;}
h3 {font-size:16px; font-weight: normal; color: #C32C27; line-height:20px; font-family: Georgia;}
h4 {font-size:15px; font-weight: bold; color: #000000; line-height:20px; font-family: Verdana;}
h5 {font-size:25px; font-weight: bold; color: #000000; line-height:20px; font-family: Georgia;}
h6 {font-size:11px; font-weight: normal; color: #000000; line-height:20px; font-family: Verdana;}
blockquote {}

a, a:link, a:visited, a:active {color: #C32C27; font-weight: bold; text-decoration: underline;}
a img {border:0;}
a:hover {color: #000000; font-weight: bold; border-bottom: none; text-decoration: none;}
tfoot, thead {font-size:11px; color: #000000;}
th {font-size:11px; vertical-align: baseline; font-weight: bold; color: #000000;}
small {font-size:9px; }
big {font-size:11px; }

/* 
================================
 OWN

height: auto !important; height: 100%; min-height: 100%; 

================================
*/

.dtxTotaal {background-color: #C32C27; padding: 10px; font-size:16px; font-weight: bold;}

.CatAltHeader span, .CatGridHeader td span {font-weight:bold;}
.dtxCATdiv div {overflow:hidden;line-height: 0px;display: inline;}
.dtxCATCartHeader td span {font-weight:bold;}
.dtxCATCartZelfde span label {font-weight:bold;}

.dtxHide {position:relative; top:-25px; left:10px;}
.dtxInvisible,
.dtxInvisible span,
.dtxInvisible a {width:0px; visibility:hidden;}
.dtxExtra {background-color:#867F16;}

#dtxHeader01 {background-color:#FFFFFF;}
#dtxHeader02 {background-image:url(images/header02.gif); background-repeat:no-repeat; background-position: left top; padding:0px 0px 0px 0px;}
#dtxFooter01 {background-image:url(images/footer01.gif); background-repeat:no-repeat; background-position: left bottom; padding:0px 0px 0px 0px;}
#dtxFooter02 {background-image:url(images/footer02.gif); background-repeat:no-repeat; background-position: left bottom; padding:0px 0px 0px 0px;}
#dtxExtra01 {background-image:url(images/extra01.gif); background-repeat:no-repeat; background-position: right top; padding:0px 0px 0px 0px;}
#dtxExtra02 {background-image:url(images/extra02.gif); background-repeat:no-repeat; background-position: right bottom; padding:0px 0px 0px 0px;}
#dtxExtra03 {background-image:url(images/extra03.gif); background-repeat:no-repeat; background-position: right bottom; padding:0px 0px 0px 0px;}
#dtxExtra04 {background-image:url(images/extra04.gif); background-repeat:no-repeat; background-position: right bottom; padding:0px 0px 0px 0px;}
#dtxLeft01 {background-image:url(images/left01.jpg); background-repeat:no-repeat; background-position: right top; padding:0px 0px 0px 0px;}
#dtxLeft02 {background-image:url(images/left02.jpg); background-repeat:no-repeat; background-position: right top; padding:0px 0px 0px 0px;}
#dtxLeft03 {background-image:url(images/left03.jpg); background-repeat:no-repeat; background-position: right bottom; padding:0px 0px 0px 0px;}
#dtxRight01 {background-image:url(images/right01.jpg); background-repeat:no-repeat; background-position: left top; padding:0px 0px 0px 0px;}
#dtxRight02 {background-image:url(images/right02.jpg); background-repeat:no-repeat; background-position: left top; padding:0px 0px 0px 0px;}
#dtxRight03 {background-image:url(images/right03.jpg); background-repeat:no-repeat; background-position: left bottom; padding:0px 0px 0px 0px;}

/* extra styles blog (active forum) */
.dtxBlogsRed {padding: 0 10px 0 10px; color:#ffffff; background-color:#867f16;}
.dtxOpvallend {padding: 0 10px 0 10px; color:#ffffff; background-color:#C32C27;}
.dtxBlogsRed a, .dtxBlogsRed a:link, .dtxBlogsRed a:visited, .dtxBlogsRed a:active {color: #FFFFFF; font-weight: bold;  border-bottom: none; text-decoration: none;}
.dtxBlogsRed a:hover {color: #000000; font-weight: bold; border-bottom: none; text-decoration: none;}
.dtxBlogsWhite {padding: 10px 10px 10px 10px;}
.dtxBlogsGrey {padding: 0 10px 0 10px; background-color:#efefef;}

.dtxPowered, 
.dtxPowered span,
.dtxPowered a, 
.dtxPowered a:link, 
.dtxPowered a:visited, 
.dtxPowered a:active,
.dtxPowered a, 
.dtxPowered a.SkinObject:link, 
.dtxPowered a.SkinObject:visited, 
.dtxPowered a.SkinObject:active {color:#FFFFFF; font-weight:bold; border-bottom: none; text-decoration: none; padding-bottom:6px; font-size:10px; }
.dtxPowered a:hover,
.dtxPowered a.SkinObject:hover {color:#C32C27; border-bottom: none; text-decoration: none; padding-bottom:6px; font-size:10px; }

.dtxLowercase a {text-transform:lowercase;font-size:10px;}

a.SkinObject, 
a.SkinObject:link, 
a.SkinObject:visited, 
a.SkinObject:active {color: #C32C27; text-decoration: underline;}
a.SkinObject:hover {color: #FFFFFF; text-decoration: none;}

/* 
================================
 DNN SPECIFIC
================================
*/

.ControlPanel {width: 100%; height: 64px; background: none; background-color: #DFE0E5; border-right: black 0px solid; border-top: black 0px solid; border-bottom: #716F64 2px solid; border-left: #BFBFC5 1px solid;}
.ControlPanel .CommandButton, .ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel a.CommandButton:active {color: #000001; text-decoration: underline;}
.ControlPanel a.CommandButton:hover {color: #9F9F9F; text-decoration: none;}

.Head {font-weight: bold;}
.SubHead {font-weight: bold;}
.SubSubHead {}

.Normal {}
.NormalBold {font-weight: bold;}
.NormalRed {color: #FF0000;}

.ModuleTitle_MenuItemSel {color: #FFFFFF; background-color: #000000;}

/* 
================================
 TOKENS
================================
*/

#dtxTokenBreadcrumb {color: #000000;}

/* 
================================
 NAVMENU
================================
================================
*/

#nav_default ul {padding:0; margin:0; list-style:none; float:left; background-color:transparent; z-index:1000; position:relative;}
#nav_default li {margin: 0; position: relative; float:left; line-height:20px; width:auto; list-style: none; height:20px; border-right:2px solid #FFFFFF; display:inline;}
#nav_default li li {border-right:0px; width:250px; height:25px; }
/* second-level lists */
#nav_default ul ul {position:absolute; left: -999em; background-color:#FFFFFF; border:5px solid #867F16; padding:0; margin:0 0 0 0px; width:200px;}
#nav_default a { display:block; text-decoration:none; text-align:left; font-weight:bold; padding :0px 8px 0px 8px; color:#000000; border:0;}
#nav_default a:hover { color: #C32C27; border-bottom:solid 5px #C32C27;}
#nav_default li li a:hover { border-bottom:0px;}
#nav_default li.SelectedTab a:hover {  color: #C32C27;}
#nav_default li.SelectedTab a { color: #867F16; border-bottom:solid 5px #867F16;}
#nav_default li.SelectedTab li a { color: #000000; background-color: #FFFFFF; border-bottom:0px;}
#nav_default li.SelectedTab li.SelectedTab a { color:#867F16; background-color: #FFFFFF; }
#nav_default .DisabledTab { color:#ccc; }
/* no need to change these hover classes unless you need more than 4 levels */
#nav_default li:hover ul ul, #nav_default li:hover ul ul ul, #nav_default li:hover ul ul ul ul, #nav_default li.iehover ul ul, #nav_default li.iehover ul ul ul, #nav_default li.iehover ul ul ul ul { left: -999em; }
#nav_default li:hover ul, #nav_default li.iehover ul { top: 20px; left:0px; }
#nav_default li li:hover ul, #nav_default li li li:hover ul, #nav_default li li.iehover ul, #nav_default li li li.iehover ul { top:20px; left:0px; }

/* 
================================
 FCKEditor styles (see fckstyles.xml)
================================
*/

.dtxFCKSpanEmphasize {font-size:11px; font-weight:bold;}
.dtxFCKImgLeft {margin-right:5px; float: left;}
.dtxFCKImgMiddle {margin-left:auto; margin-right:auto; display:block; text-align:center;}
.dtxFCKImgRight {margin-left:5px; float: right;}

.dtxFCKImgLeftBorder {border-width: 5px; border-style: solid; border-color: #FFFFFF; margin-right:5px; float: left;}
.dtxFCKImgMiddleBorder {border-width: 5px; border-style: solid; border-color: #FFFFFF; margin-left:auto; margin-right:auto; display:block; text-align:center;}
.dtxFCKImgRightBorder {border-width: 5px; border-style: solid; border-color: #FFFFFF; margin-left:5px; float: right;}

/* removes extra spacing between paragraphs */
P, UL, LI {
	margin-top: 0px;
	margin-bottom: 0px;
}