body
{

}

/* ******************************************************************************************* C O N T E N T */
body
{
    font-family : 'Yanone Kaffeesatz', sans-serif;
    font-weight : 400;
}

h1
{
    width      : 254px;
    height     : 78px;
    background : url(../images/celsius_mgt_logo_smal.png) no-repeat;
    margin     : 0;
}

h2
{
    font-weight    : 200;
    color          : #6a6868;
    font-size      : 15px;
    text-transform : uppercase;
    margin         : 0 0 6px 0;
}

h2.more_ref
{
    padding       : 16px 0 16px 0;
    border-bottom : 1px solid #d1d1d1;
    border-top    : 1px solid #d1d1d1;
    width         : 782px;
    color         : #be1522;
    margin        : 0 0 6px 0;
}

h2.long_name
{
        letter-spacing:-1px;
}

h3
{
    font-weight    : 200;
    color          : #6a6868;
    font-size      : 14px;
    text-transform : uppercase;
    margin         : 7px 0 0px 0;
}

a:link, a:visited
{
    color           : #6a6868;
    text-decoration : none;
}

a:hover
{
    color : #be1522;
}

p
{
    font-size   : 16px;
    line-height : 110%;
    color       : #6a6868;
    margin      : 0 0 14px 0;
}

.menulink
{
    color      : #be1522;
    padding    : 0 0 0 15px;
    background : url(../images/menulink_dot_smal.png) no-repeat left 4px;
    cursor     : pointer;
}

.contact_mail
{
    color          : #be1522;
    text-transform : lowercase;
    font-size      : 14px;
}

/* ******************************************************************************************* S T R U K T U R */
#around_all
{
    width   : 810px;
    margin  : 50px auto 0 auto;
    z-index : 10;
}

#around_main
{
    width : 782px;
    float : left;
}

#around_menu_dot
{
    width : 23px;
    float : left;
}

#around_fadebox
{
    width : 810px;
    clear : both;
}

/* ******************************************************** header */

#around_header
{
    width : 782px;
}

#header
{
    width : 782px;
}

#header_top
{
    width  : 782px;
    height : 78px;
}

#header_top_left
{
    float  : left;
    width  : 254px;
    height : 78px;
}

#header_top_right
{
    float    : left;
    width    : 528px;
    height   : 78px;
    position : relative;
}

#header_bottom
{
    clear         : both;
    width         : 782px;
    height        : 25px;
    border-bottom : 1px solid #d1d1d1;
    border-top    : 1px solid #d1d1d1;
    margin        : 18px 0 17px 0;
}

/* ******************************************************** menu */
#header_top_right ul
{
    list-style : none;
    margin     : 0;
    padding    : 0;
    text-align : right;
    position   : absolute;
    right      : 0;
    bottom     : -6px;
}

#header_top_right ul li
{
    color          : #d0d0d0;
    font-size      : 22px;
    font-weight    : 700;
    text-transform : uppercase;
    height         : 26px;
    cursor         : pointer;
}

#menu_dot
{
    width       : 17px;
    height      : 17px;
    background  : url(../images/menu_dot_smal.png) no-repeat;
    margin-top  : 10px;
    margin-left : 2px;
}

/* ******************************************************** footer */
#footer
{
    width          : 782px;
    border-top     : 1px solid #d1d1d1;
    font-size      : 12px;
    color          : #7e7c7c;
    text-transform : uppercase;
    padding        : 19px 0 20px 0;
    position       : relative;
    top            : 5px;
}

.footer_copy
{
    font-family : Verdana, Geneva, sans-serif;
    font-size   : 11px;
}

/* ******************************************************** artists */
.around_artist
{
    float  : left;
    margin : 0 10px 0px 0;
    height : 160px;
    cursor : pointer;
    width  : 122px;
}

.artist_box
{
    width  : 120px;
    height : 120px;
    border : 1px solid #d0d0d0;
}

.artist_img
{
    width   : 110px;
    height  : 110px;
    padding : 5px 0 0 5px;
}

.socialmedia
{
    position : relative;
    bottom   : 28px;
    right    : 6px;
}

.facebook
{
	width:22px;
	height:22px;
	float:right;
	background:url(../images/socialmedia_smal.png) 22px 0px;	
}

.facebook:hover
{
	background:url(../images/socialmedia_smal.png) 0px 0px;	
}

.twitter
{
	width:22px;
	height:22px;
	float:right;
	background:url(../images/socialmedia_smal.png) 22px 44px;	
}

.twitter:hover
{
	background:url(../images/socialmedia_smal.png) 0px 44px;	
}

.instagram
{
	width:22px;
	height:22px;
	float:right;
	background:url(../images/socialmedia_smal.png) 22px 22px;	
}

.instagram:hover
{
	background:url(../images/socialmedia_smal.png) 0px 22px;	
}

.firefly
{
    width:85px;
    text-align: center;
    color: #ffffff;
    height:18px;
    float:right;
    background:rgba(0,0,0,0.4) 22px 22px;
    font-weight: 300;
    padding: 4px 0 0 0;
    text-transform: uppercase;
    font-size: 90%;
}

.firefly:hover
{
    background-color: rgba(255,255,255,0.4);
}
/* ******************************************************** about */
#around_about
{
    width  : 782px;
    margin : 0 0 14px 0;
}

#about_left
{
    float  : left;
    width  : 122px;
    margin : 0 10px 0 0;
}

#about_right
{
    float   : left;
    width   : 650px;
    padding : 22px 0 0 0;
}

/* ******************************************************** contact */
#around_contact
{
    margin : 0 0 14px 0;
}

#contact_left
{
    float  : left;
    width  : 122px;
    margin : 0 10px 0 0;
}

#contact_right
{
    float : left;
    width : 660px;
}

.around_contact_box
{
    float  : left;
    margin : 22px 10px 0px 0;
    height : 160px;
    cursor : pointer;
    width  : 122px;
}

/* ******************************************************** kleckse */
.klecks
{
    width      : 170px;
    height     : 170px;
    position   : fixed;
    right      : 0;
    bottom     : 0;
    background : #fff;
}

#klecks_artists
{
    background : url(../images/klecks_artists.png) no-repeat;
}

#klecks_about
{
    background : url(../images/klecks_about.png) no-repeat;
}

#klecks_contact
{
    background : url(../images/klecks_contact.png) no-repeat;
}

/* ******************************************************************************************* M U L T I U S E D   E L E M E N T S */

.hidden
{
    display : none;
}

.clear
{
    clear : both;
}

/* **************************************************** More Refereces */

#more_ref
{
    width    : 140px;
    height   : 320px;
    position : absolute;
    top      : 50%;
    left     : 50%;
    margin-top: -135px;
    margin-left: -100px;
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
    padding: 20px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 120%;
    -moz-box-shadow:    0px 0px 5px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    box-shadow:         0px 0px 5px 2px rgba(0,0,0,0.2);
z-index:1000000;
}