/* - - - - - - - - - - - - - - - - - - - - -

Title : Global Friends Online
URL : www.globalfriends.se

Author : David Holmberg
Copyright: Global Friends

- - - - - - - - - - - - - - - - - - - - - */

body {
	background:        #ffffff;
	font:              1.0em Verdana, Arial, 'times new roman';
	color:             #303030;
	line-height:       1.4em;
	text-align:        center;
}

#container{
	width:             872px;
	background:        #ffffff url('bilder/bodybg.gif' repeat);
	color:             #303030;
	margin:            20px auto;
	padding:           1px 0;
	text-align:        left;
	border:            1px solid #a0a0a0;
}

#header{
	width:             870px;
	height:            136px;
	background:        #aa003e;
	color:             #ffffff;
	margin:            0 1px 1px 1px;
	padding:           0px;
}

#content{
    float:             left;
	width:             auto;
	font-size:         0.8em;
	padding:           25px 0 0 20px;
}

#leftcontent{
	float:             left;
	width:             500px;
	font-size:         0.8em;
	padding:           25px 0 0 20px;
}

#rightcontent{
	float:             right;
	width:             300x;
	padding:           25px 20px 10px 0px;
	font-size:         0.6em;
	text-align:        center:
}

#footer{
	clear:             both;
	width:             870px;
	padding:           5px 0;
	margin:            0 1px;
	font-size:         0.7em;
	color:             #f0f0f0;
	background:        #aa003e;
}

/**************** NAVIGERING ****************/

#language{
	float:             right;
	background:        #aa003e;
	color:             #f0f0f0;
	font-size:         0.7em;
	text-transform:    uppercase;
	text-align:        center;
	padding:           0px;
	margin:            20px 15px 0px 0px;
}

#language li{
	display:           inline;
	width:             40px;
	border:            0px;
	list-style-type:   none;
	white-space:       nowrap;
}

#language li a{
    background:        #aa003e;
	color:             #ffffff;
	font-weight:       bold;
	text-decoration:   underline;
	padding:           0px
	margin:            0px;
}

#menu {
    float:             left;
    background:        #bf0046;
    width:             870px;
    margin:            0px 1px;
    clear:             both;
}

#menu a, #menu h2 {
    display:           block;
    background:        #bf0046;
    margin:            0px;
    padding:           5px 0px 5px 0px;
    border-right:      1px solid #ffffff;
    color:             #ffffff;
    text-decoration:   none;
    text-transform:    uppercase;
    text-align:        center;
    white-space:       nowrap;
    font-size:         0.7em;
    font-weight:       normal;
}

#menu a:hover {
    color:             #ffffff;
    background:        #d3004d;
}

#menu ul {
    float:             left;
    margin:            0px;
    padding:           0px;
    list-style:        none;
    width:             145px;
}

#menu li {
    position:          relative;
}

#menu ul ul {
    position:          absolute;
    z-index:           500;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/**************** TEXT ****************/

#content h1, #leftcontent h1, #rightcontent h1 {
	color:             #aa113f;
	margin:            5px 0 16px 0;
	font-size:         1.7em;
	font-weight:       normal;
	letter-spacing:    0px;

}

#content h2, #leftcontent h2, #rightcontent h2 {
	color:             #aa113f;
	margin:            5px 0 16px 0;
	font-size:         1.0em;
	font-weight:       bold;
	letter-spacing:    0px;
}

#content a:hover, #leftcontent a:hover,#rightcontent a:hover{
	text-decoration:   underline;
}

#leftcontent ul,#leftcontent ol{
	margin:            0 5px 46px 35px;
}

#leftcontent ul {
	COLOR:             #000000;
	FONT-FAMILY:       Verdana, Helvetica, sans-serif;
}

#leftcontent li {
	MARGIN-TOP:        2px;
	margin-bottom:     6px;
}

#footer p{
	padding:           0px;
	margin:            0px;
	text-align:        center;
}

#footer a{
	color:             #f0f0f0;
	background-color:  inherit;
	font-weight:       bold;
}

#footer a:hover{
	color:#ffffff;
	background-color:  inherit;
	text-decoration:   underline;
}

*{
	margin:            0px;
	padding:           0px;
}

a{
	background-color:  inherit;
	color:             #467aa7;
	font-weight:       bold;
	text-decoration:   none;
}

a:hover {
	background-color:  inherit;
	color:             #aa113f;
	text-decoration:   none;
}

a img {
	border:            none;
}

p {
	padding:           0 0 1.2em 0;
}

.contactform {
    text-align:        left;
    margin:            20px auto 20px auto;
    width:             82%;
    padding:           20px;
    clear:             both;
    border:            1px solid #a0a0a0;
}

hr {
    border:             0;
    width:              60%;
    color:              #505050;
    background-color:   #505050;
    height:             1px;
    margin:             -13px 0px 25px 10px;
}

.box_header {
    background:         #aa003e;
    color:              #ffffff;
    width:              170px;
    font-size:          1.2em;
    border:             1px solid #aa003e;
    padding:            2px;
    margin:             5px auto 0px auto;
    text-align:         center;
}

.box {
    background:         #ffffff;
    width:              156px;
    border:             0px solid #a0a0a0;
    padding:            0px;
    margin:             10px auto 0px auto;
    text-align:         center;
}
    
.box2 {
    float:              left;
    background:         #ffffff;
    border:             0px solid #a0a0a0;
    padding:            0px;
    margin:             16px;
    text-align:         center;
}

.quote {
	color:             #aa113f;
	margin:            5px 0 16px 0;
	font-size:         1.0em;
	font-weight:       bold;
	letter-spacing:    0px;
}

.event {
    background:         transparent url('../bilder/boxbg.png') repeat-x;
    color:              #aa003e;
    width:              170px;
    font-size:          1.0em;
    border:             1px solid #a0a0a0;
    padding:            2px 0px 2px 4px;
    margin:             8px auto 8px auto;
    text-align:         left;
}

.formbox {
    width:             450px;
    background:        #ffffff;
    border:            1px solid #a0a0a0;
    padding:           4px;
    overflow:          hidden;
    font-size:         100%;
}

.clear {
    clear:              both;
}

img.left,img.center,img.right{padding:4px; border:0px solid #a0a0a0;}
img.left{float:left; margin:5px 12px 5px 0;}
img.center{display:block; margin:10px auto 15px auto;}
img.right{float:right; margin:0 0 5px 12px;}
img.logo{float: left; border:0px; margin: 5px 0px 0px 15px;}
img.down{position: relative; margin: 0px 10px -15px 0px;}