/* Design, XHTML & CSS done by:.............................. */
/* ............................gudi mediebureau - www.gudi.dk */
/* Layout ..................................................... */
* {
padding:0;
margin:0;
}
body {
background: #251e16 url(images/bg_b.jpg) no-repeat 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#5c3e1d; /* lightbox fix */
margin-bottom:20px;
}
#wrapper {
width:879px;
margin: 0 auto;
}
#banner {
height:126px;
background: transparent url(images/drouge-logo_b.jpg) no-repeat 0 0;
text-indent: -5000px;
}
#flashcontent {
height:280px;
display:block;
background: transparent url(images/top-collage_b.jpg) no-repeat 0 0;
margin-bottom: 10px;
}
#mainright {
width:268px;
float:left;
}
#maincenter {
width:268px;
float:left;
margin-right:38px;
}
#mainleft {
width:268px;
float:left;
margin-right:37px;
}
ul {
list-style:none;
}
li {
float:left;
}
img {
border:0;
display:block;
}
li a, li a:link, li a:active, li a:visited{
display:block;
border:5px solid #fff;
}
li a:hover {
border-color:#9e9e9e; /* abe6eb */
}
.first {
margin:0 17px 14px 0;
}
.exp {
padding-top:15px;
}
ul.std {
width:134px;
float:left;
}
ul.info {
width:262px;
float:left;
}
ul.std li, ul.info li {
float:none;
padding: 4px 0 4px 0;
}
fletf{
float:left;
}
.wid {
width: 613px !important;
float:left;
}
.notmg {
margin-top:4px !important;
}
.exmg {
margin-top:8px !important;
}
.fit2box {
margin-top:248px;
}
.ikonv {
display:block;
float:left;
height: 68px;
width: 87px;
cursor:pointer;
}
a.ikonv {
background: transparent url(images/ikon_vejledning.jpg) no-repeat center 0;
color:#00b4c2;
margin: 15px 30px 0 20px;
}
a.ikonv :hover{
background: transparent url(images/ikon_vejledning_graa.jpg) no-repeat center 0;
}
.ikoni {
display:block;
float:left;
height: 67px;
width: 95px;
cursor:pointer;
}
a.ikoni {
background: transparent url(images/ikon_inspiration.jpg) no-repeat center 0;
color:#00b4c2;
margin: 15px 0 0 0;
}
a.ikoni :hover{
background: transparent url(images/ikon_inspiration_graa.jpg) no-repeat center 0;
}
#langtab {
width: 11px;
height: 60px;
position: absolute;
left: 50%;
top: 127px;
margin-left: 445px;
background:#251e16 url(/images/eng.gif) no-repeat;
text-indent:-9000px;
cursor:pointer;
}
/* Typo ..................................................... */
p {
line-height:16px;
width:268px;
margin: 12px 0 12px 0;
color:#dae6e5;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
clear:left;
font-size: 16px;
font-weight:lighter;
margin: 16px 0 8px 0;
color:#00b4c2;
}
h3 {
clear:both;
font-size:10px;
font-weight:bold;
color:#7fd9e0; /* # dae6e5 */
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size: 23px;
font-weight:lighter;
color:#fff;
text-decoration:none
}
a:link {
font-family:Arial, Helvetica, sans-serif;
font-size: 23px;
font-weight:lighter;
color:#00b4c2;
text-decoration:none
}
a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size: 23px;
font-weight:lighter;
color:#00b4c2;
text-decoration:none
}
a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size: 23px;
font-weight:lighter;
color:#fff;
text-decoration:none
}
a:active {
font-family:Arial, Helvetica, sans-serif;
font-size: 23px;
font-weight:lighter;
color:#fff;
text-decoration:none
}
.inv {
unicode-bidi:bidi-override;
direction: rtl;
}
/* Contact .................................................. */
.bsk {
float:left;
width: 150px;
padding-top:0px;
}
#contactcontent form {
width: 500px;
float:left;
margin-right:37px;
text-align:left;
color:#dae6e5;
}
#contactcontent input {
color: #241d15; /* #5c3e1d */
background: #918e8a;
border: 1px solid #dae6e5; /* 5c3e1d */
margin: 2px 0 2px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:222px;
height: 13px; /* IE fix */
font-size: 10px; /* IE fix */
}
.sndbt {
font-size:9px !important; /* IE fix */
width:35px !important; /* IE fix */
margin-left: 338px !important;
height: 16px !important; /* IE fix */
padding-bottom:3px;
color: #e6e7da !important;
}
#contactcontent input:focus, textarea:focus, select:focus {
background: #e6e7da;
color: #241d15;
}
#contactcontent textarea {
color: #241d15;
background: #918e8a;
border: 1px solid #dae6e5; /* #5c3e1d */
margin: 2px 0 6px 0;
width:222px;
height:50px;
/* overflow:hidden; */
overflow:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#contactcontent fieldset {
border:0;
}
#contactcontent ul li {
float:none;
}
#contactcontent em {
font-weight: bold;
font-style: normal;
color: #00b4c2;
}
#contactcontent label {
width:150px;
display:block;
float:left;
line-height: 1.8;
vertical-align: top;
}
.info {
color:#dae6e5;
}
.mail a, .mail a:active, .mail a:visited{
color:#00b4c2;
font-size: 11px;
display:inline !important;
font-weight:bold;
border-bottom: 1px dotted #00b4c2 !important;
border-top:0 !important;border-right:0 !important;border-left:0 !important;
text-decoration:none;
padding:0;margin:0;
}
.mail a:hover {
border-bottom: 1px dotted #fff !important;
}
.normal a, .normal a:active, .normal a:visited{
color:#dae6e5;
font-size: 11px;
display:inline !important;
border-bottom: 1px dotted #dae6e5 !important;
border-top:0 !important;border-right:0 !important;border-left:0 !important;
text-decoration:none;
padding:0;margin:0;
}
.normal a:hover {
border-bottom: 1px dotted #00b4c2 !important;
}
.warning {color:#ff0000 !important;}
/* Made By .................................................. */
#cc {
margin-top:50px;
font-size:9px;
color:#dae6e5;
float:right;
text-align:right;
}
#cc span {
color:#918e8a;
display:block;
}
#cc span a {
color:#918e8a;
text-decoration:none;
font-size:9px;
}