@charset "utf-8";
/* ABRstudios CSS */

body {margin:0px; margin-bottom:10px; background-image:url(../img/bg.png); background-repeat:repeat-x
}

img {padding-top:0; margin-top:0;
}

#banner {position:absolute
}

#align_center {
       position:     absolute;
       top:          0px;
       left:         50%;
       width:        938px;
       margin-left:  -469px;/* half of the width */
}

#shadow {background-image:url(../img/shadow.png); width:792px; height:323px; left:75px; position:absolute; top:204px;
}

#main-window {background-color:#FFF; width:769px; position:absolute; left:86px; top:204px; height:430px;
}

#main-window-portfolio {background-color:#FFF; width:769px; position:absolute; left:86px; top:204px; height:770px;
}

#searchfield {position:absolute; left:580px; top:18px;
}

.kontaktform {background-image:url(../img/contact-form-bg.png); width:244px; color:#ffffff; border:0; font-size:14px; background-repeat:no-repeat; padding-bottom:3px; background-color:#c5c5c5; padding-left:3px; margin-top:-19px; margin-left:-9px;
}

.kontaktformmain {background-image:url(../img/contact-form-bg-message.png); width:241px; height:149px; color:#333; border:0; font-size:12px; background-repeat:no-repeat; padding-bottom:3px;  padding-left:3px; font-family:"Tahoma";
}

.besked {width:244px; height:150px;
}

.alert {color:#900; font-family:"Tahoma"; font-size:10px;
}

.kontaktformtext {font-size:12px; color:#636363; font-family:"Tahoma"; margin:0px; padding:0px; margin-bottom:-20px;
}

#container-img-front {position:absolute; top:40px; left:10px;
}

#space {position:absolute; left:250px; top:180px; width:2px; background-color:#cccccc; height:140px;
}

#space2 {position:absolute; left:490px; top:20px; width:2px; background-color:#cccccc; height:300px;
}

#content1 {position:absolute; left:250px; top:175px; width:215px; height:140px;
}

#content2 {top:110px; left:5px; position:relative;
}
#content3 {position:absolute; top:110px; left:110px;
}

#content4 {position:absolute; left:703px; top:25px;
}

#kontaktformcontainer {left:20px; top:5px; position:absolute;
}

/* portfolio containers */
#content5 {position:absolute; left:245px; top:80px;
}

#content7 {position:absolute; left:505px; top:80px;
}

#content8 {position:absolute; left:245px; top:240px;
}

#content9 {position:absolute; left:505px; top:240px;
}

#content10 {position:absolute; left:245px; top:400px;
}

#content11 {position:absolute; left:505px; top:400px;
}

#content12 {position:absolute; left:245px; top:560px;
}
#content13 {position:absolute; left:505px; top:560px;
}

.submitmail {background-image:url(../img/sendbutton.png); border:0px; height:26px; width:79px; cursor:pointer; margin-left:-180px; margin-top:-10px;
}

.submitmail:hover {background-image:url(../img/sendbutton-over.png); border:0px; height:26px; width:79px; cursor:pointer;
}

.submitmail:active {background-image:url(../img/sendbutton-active.png); border:0px; height:26px; width:79px; cursor:pointer;
}

#content-kontakt {position:absolute; left:430px; height:287px; width:296px; background-image:url(../img/kontakt-bg.png); top:0px;
}

#webdesign-bg {width:753px; height:341px; background-image:url(../img/webdesignbg.png); position:absolute; left:10px; top:170px
}

#webdesigntitle {position:absolute; left:200px; top:20px;
}

/* portfolio containers END */

#content6 {position:absolute; left:230px; top:45px; height:23px; width:520px; background-image:url(../img/orange-line.png); background-repeat:repeat-x;
}

#portfolio-content {width:213px; height:444px; background-image:url(../img/portfolio-sidebar.png); top:20px; margin-left:8px; margin-top:5px;
}

#rightcontent {position:absolute; left:495px; top:25px;
}

#mailsendt {background-color:#b7ce39; position:absolute; top:184px; left:94px; width:755px; height:22px; -moz-border-radius: 3px; text-align:center;
border-radius: 3px;; padding-top:5px;
}

/* Menu */

#menucontainer {position:absolute; left:287px; top:0px;
}

/* Menu END */

/* fonts */

h1 {font-size:24px; font-family:"Tahoma"; text-decoration:underline; color:#655543; font-weight:normal; margin-left:10px; margin-top:5px; margin-bottom:5px;
}

.blue {color:#7297b1
}

.white {color:#FFF
}

h2 {font-size:24px; font-family:"Tahoma"; text-decoration:underline; color:#a6a6a6; font-weight:normal; margin-left:10px; margin-top:5px; margin-bottom:5px;
}

p {font-family:"Arial"; font-size:14px; color:#8a8a8a; margin-left:10px; margin-top:15px; margin-right:5px; margin-bottom:5px;
}

#p-small {font-family:"Arial"; font-size:12px; color:#8a8a8a; margin:0px;
}
/* fonts END */

/* Footer */

#footer {position:absolute; width:766px; height:34px; background-image:url(../img/footer.png); background-repeat:no-repeat; margin:5px; margin-top:20px;
}

#footer_omos {position:absolute; width:766px; height:34px; background-image:url(../img/footer.png); background-repeat:no-repeat; margin:5px; margin-top:350px;
}

#footer_portfolio {position:absolute; width:766px; height:34px; background-image:url(../img/footer.png); background-repeat:no-repeat; margin:5px; margin-top:240px;
}

.footertext {font-family:"Tahoma"; font-size:10px; color:#FFF; padding-top:10px; padding-left:10px;
}

ul {margin-left:10px; padding-left:0px; margin-top:10px; padding:0px; margin-bottom:0px;
}

li {margin-left:15px; padding-left:0px; list-style-type:square; list-style-position:outside; color:#ff8a00; margin-top:0px; padding:0px; margin-bottom:0px; line-height:15px;
}

#small {margin-left:25px; padding-left:0px; list-style-type:square; list-style-position:outside; color:#a1a1a1; margin-top:0px; padding:0px; margin-bottom:0px;
}

/* Footer END */

/* portfolio */

.klimaluxbtn {background-image:url(../img/klimalux.jpg); display:block; background-repeat:no-repeat; width:226px; height:150px;
}

.klimaluxbtn:hover {background-image:url(../img/klimalux-over.jpg);
}


.aluventabtn {background-image:url(../img/aluventa.jpg); display:block; background-repeat:no-repeat; width:226px; height:150px;
}

.aluventabtn:hover {background-image:url(../img/aluventa-over.jpg);
}

.clashbtn {background-image:url(../img/clash.jpg); display:block; background-repeat:no-repeat; width:226px; height:150px;
}

.clashbtn:hover {background-image:url(../img/clash-over.jpg);
}

.mymomentbtn {background-image:url(../img/mymoment.jpg); display:block; background-repeat:no-repeat; width:226px; height:150px;
}

.mymomentbtn:hover {background-image:url(../img/mymoment-over.jpg);
}

.thildedlbtn {background-image:url(../img/thildedl.jpg); display:block; background-repeat:no-repeat; width:226px; height:150px;
}

.thildedlbtn:hover {background-image:url(../img/thildedl-over.jpg);
}

.xamlbasebtn {background-image:url(../img/xamlbase.jpg); display:block; background-repeat:no-repeat; width:226px; height:150px;
}

.xamlbasebtn:hover {background-image:url(../img/xamlbase-over.jpg);
}

.agtdressagebtn {background-image:url(../img/agtdressage.jpg); display:block; background-repeat:no-repeat; width:226px; height:150px;
}

.agtdressagebtn:hover {background-image:url(../img/agtdressage-over.jpg);
}

.rosenkildebtn {background-image:url(../img/rosenkilde.jpg); display:block; background-repeat:no-repeat; width:226px; height:150px;
}

.rosenkildebtn:hover {background-image:url(../img/rosenkilde_over.jpg); display:block; background-repeat:no-repeat; width:226px; height:150px;
}

.rosenkilde_link {color:#333; text-decoration:underline
}

.rosenkilde_link:hover {color:#000; text-decoration:underline
}

.hidden {visibility:hidden; margin:0px; padding:0px; width:0px; height:0px;
}

/* portfolio END */

/* om os - webdesign buttons */ 
#webdesignbutton {position:absolute; height:27px; width:194px; font-family:"Tahoma"; font-size:12px; color:#FFF; font-weight:bold; left:4px; top:50px; padding-top:5px; padding-left:5px; cursor:pointer; }

#webdesignbutton a {color:#FFF}

#webdesignbutton-active a {color:#FFF}

#webdesignbutton:hover {background-image:url(../img/webdesign-over.png); background-repeat:no-repeat }

#webdesignbutton-active {position:absolute; height:27px; width:194px; font-family:"Tahoma"; font-size:12px; color:#FFF; font-weight:bold; left:4px; top:50px; padding-top:5px; padding-left:5px; cursor:pointer; background-image:url(../img/webdesign-over.png); background-repeat:no-repeat; }

/* om os - webdesign buttons END */ 
#webdesign-billede {height:146px; width:167px; position:absolute; left:570px; top:80px;
}

#webesign-text-container {position:absolute; left:200px; top:60px; width:530px;
}