html{ overflow-y:scroll; } /* Prevent Firefox Scrollbar Jump */

body {
width: 800px;
padding: 14px 10px 36px 10px;
border-top: 8px solid #FF3300;
border-bottom: 8px solid #FF3300;
margin: 0px auto;
text-align: center; /* for IE 5 */
font: 15px/1.5 Arial,sans-serif;
}

/* ================ */
/* = Colors = */     /* CHECKED */
/* ================ */

body {
color: #323232;
}

h2, ul, a, blockquote {
color: #FF5500;
}

h3, blockquote span, strong {
color: #666666;
}

h1 {
color: #3B3B3B;
}

.dns {
background-color: Orangered;
}

.even {
background-color: #f0f0f0;
}

.odd {
background-color: white;
}

.plain {
color:#000000;
}

.comments {
color:#008200;
}

.spaces {
display: none;
}

::selection{ /* Safari and Opera */  
background:#c3effd;  
color:#000;  
}

::-moz-selection{ /* Firefox */  
background:#c3effd;  
color:#000;  
}

/* ================ */
/* = Horizontal Grid = */     /* 10 columns, 60 pixels each, with 20 pixel gutter CHECKED */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }

.row {
overflow: hidden;
width: 800px;
margin: 0 auto;
text-align: left; /* for IE 5 */
}

.row .row {
display: inline-block;
width: auto;
vertical-align:top;
margin: 0 -10px;
}

.column {
display: inline;
float: left;
overflow: hidden;
margin: 0 10px;
}

.indent_1 {
padding-left: 20px;
}

.indent_2 {
padding-left: 40px;
}

.indent_3 {
padding-left: 60px;
}

td {
padding: 0 20px 0 20px;
}

.prepend-1 { 
margin-left: 100px;
}

/* ================ */
/* = Vertical grid = */     /* Set to a baseline grid 22px leading. Padding instead of margin to deal with browser bugs CHECKED */
/* ================ */

.prepend_top_1 {
padding-top: 22px;
}

.prepend_top_2 {
padding-top: 44px;
}

.append_bottom_1 {
padding-bottom: 22px;
}

.append_bottom_2 {
padding-bottom: 44px;
}

img, p, h1, h2, h3, h4, blockquote, ul, li, dt, dd {
margin: 0;
}

img, p, h2, h3 {
padding-bottom: 22px;
}

h1, h2 {
line-height: 44px;
}

p, h3, h4, blockquote, ul, li, table {
line-height: 22px;
font-size: 15px;
}

h2, .highlight {
font-size: 23px;
}

h1 {
padding: 66px 0 44px 0;
font-size: 38px;
}

.highlight {
margin-left: 5px;
line-height: 1;
}

h2.double {
line-height:32px;
padding-bottom:23px;
}

h3 {
font-size: 19px;
}

h4 {
text-transform: uppercase;
font-weight: normal;
}

blockquote {
padding:21px 20px 21px 20px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin: 22px 0 44px 0;
text-align:center;
}

.cite {
font-style: italic;
}

ul {
padding: 0;
list-style: none;
}

img {
display: block;
}

table {
border-collapse:collapse;
width: 100%;
}

code {
font-family:"Courier New",Courier,monospace;
display: block;
}

p code {
display: inline;
}

dt {
font-weight:bold;
text-align:right;
}

.menu {
text-align:right;
}

/* ================ */
/* = Modules = */     /* Different lists and a button CHECKED */
/* ================ */

.vertical li {
font: 15px;
line-height: 29px;
}

.horizontal {
padding-top: 22px;
overflow: hidden;
}

.horizontal li, .horizontal dd {
float: left;
margin-right: 20px;
}

.button {
display:inline-block;
padding:4px 10px 5px;
margin-bottom: 22px;
text-decoration: none;
line-height:1;
font-weight:bold;
font-size:13px;
color:#FFFFFF;
background-color:#FF5500;
cursor:pointer;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.invisible {
text-indent: -1000px;
display:block;
line-height: 1;
margin: 0;
}

.box {
overflow: hidden;
width: 100%; /* for IE 6 */
}

.interval {
border-right: 1px solid #ccc;
color: #999;
display: inline;
padding-bottom: 500px;
}

.second {
display: inline-block;
width: 50px;
height: 40px;
text-align: right;
}

.caption {
font-size: 14px;
text-align: right;
}

.icon {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 5px;
}

.square {
list-style: square inside !important;
}

.frame {
border: 1px solid #999999;
padding: 1px;
}

.accreditation {
}

.box2 {
border: 1px solid #CCCCCC;
padding: 20px;
}

.haha {
border-top: 3px solid #666666;
}

.iconset {
display: block;
padding-left: 30px;
padding-bottom: 22px;
}

.download {
background-image:url('download.png');
background-repeat:no-repeat;
}

.artikel {
background-image:url('artikel.png');
background-repeat:no-repeat;
}

.bullets {
list-style-type: square !important;
padding-left: 14px; 
}

/* ================ */
/* = Forms = */     /* CHECKED */
/* ================ */

.field{ border: 1px dotted #446273; }
.field:focus {background-color: #FFFAF0;}
.small {width: 300px;}
.big {width: 460px; overflow:auto; /* for IE */}
.CFerror { padding: 10px; border: 3px double red; text-align: center; margin-bottom: 22px;}
#contactForm h2 {color: red;}
.CFtooltip { font-size:15px; color:#C00; font-weight: bold; }
.fieldErr{ background-color: #F8E0E3; border: 1px solid #003; }
label {cursor:pointer;}
.CFtitle {padding: 10px; border: 3px solid green; color: green !important; text-align: center;}