/*----------------------------------------------------------------------------
Template Style Sheet

Name: 						JJ Fluid Solution
Modified for Joomla by:     JoomlaJunkie.com
Date: 						2007-02-07
Description: 				Totally liquid three-column layout, clean and simple.
Author: 					Viktor Persson
URL: 						http://templates.arcsin.se

Stylesheet Index:
	$1 - Header
	$2 - Left
        $3 - Menu Positionings
	$4 - Black Round Edges

NOTE: Always make a backup of your stylesheets before editing!
NB!! Use the search function to find a section, eg: search for $10 for Modules
----------------------------------------------------------------------------*/

@import url("customise.css");

/* $1 - Header
--------------- FDS > Hier wird das Kopf-Bild geändert!-------------------*/
.header {
background: url(../images/entwurf9.jpg) no-repeat left center;

/* >> FDS - schwarzer Hintergrund (wenn ich das Bild verlängern will!)*/
        background-color:#222222;
        width: 970px;

/* FDS - Bildbreite    */
        width: 970px;

/* FDS - Bildhöhe    */
        height: 200px;

        margin-bottom: 0px;
        /* border-top: 0px solid #222222;
        border-bottom: 0px solid #222222; */
}
/* $2 - Left
-------- FDS >> hier wird nach dem Modus " Top-Right-Bottom-Left" der Rand des Textbereiches eingestellt----
d.h. '0' ist der obere Rand '35%' ist der Abstand von rechts- '50px' ist der Abstand von unten und '3%' ist der 
Abstand von links----*/
.left {
margin: 0 35% 50px 3%;
}

/* $3 - Menu Positionings
----------------------------------------------------------------------------*/
/* nav & subnavigation */
.nav,.right {
	margin-bottom: 20px;
	  position: absolute; 
	top: 40px;
}	

/* navigation */
.nav {
right: 23%;
text-align: center;
width: 180px; 
}	

/* $4 - Black Round Edges
----------------------------------------------------------------------------*/
.roundtl,.roundtr,.roundbl,.roundbr {
	background: url(../images/round.gif);
	height: 16px;
	width: 14px;
}
.roundtl,.roundbl {
	float: left;
}
.roundtr,.roundbr {
	float: right;
}
.roundtr {
	background-position: right top;
}
.roundbr {
	background-position: right bottom;
}
.roundbl {
	background-position: left bottom;
}