/*-------------------------------------------------
  Laila Skin Stylesheet
  Design by Thomas Arie Setiawan
  http://warnadunia.net/
  Ported to Nucleus CMS by moraes
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
/*	background: #EAE7D6; */
	background: #000099; 
	font: small Verdana,Sans-serif;
	line-height: 1.6em;
	color: #333;
	text-align: left;
	padding: 0;
	margin: 20px 0 20px 0;
}

/* Links */
a:link, a:visited
{
	color: #133902;
	border-bottom: 1px dashed #DBBA8A;
	text-decoration: none;
}
a:visited
{
	color: #133902;
}
a:active
{
	color: #133902;
}
a:hover
{
	color: #ff0000;
	border-bottom: 1px solid #ff0000;
	text-decoration: none;
}

/* Lists */
ul
{
	list-style: square;
	padding: 0;
	margin: 0 0 0 15px;
}
ul li
{
	margin: 4px 0 4px 0;
}

/* Miscelaneous general stuff */
code
{
	color: #CC3300;
	font: 13px 'Courier New', Courier, Arial, sans-serif;
}
pre
{
	width: 462px;
	overflow: auto;
	border: 1px solid #EAE7D6;
	padding: 3px;
}
acronym, abbr
{
	cursor: help;
	border-bottom: 1px dotted #333;
}
del
{
	background: #FFFFCC;
	color: #ccc;
}
blockquote
{
	background: url("img/bg-quote.gif") top left no-repeat;
	padding: 8px 0 0 25px;
	margin: 10px;
}
.doNotDisplay, .none, caption
{
	display: none;
}
.underline
{
	text-decoration: underline;
}
.clear
{
	clear: both;
	height: 0.1px;
	padding: 0;
	margin: 0;
}

/*-------------------------------------------------
  Page wrappers
-------------------------------------------------*/
#page-wrapper
{
	text-align: left;
	width: 750px;
	padding: 0;
	margin: auto;
}
#content-wrapper
{
	width: 750px;
	margin: 0;
	padding: 0;
	background: #FFF url(img/bg-content-blue.gif) right repeat-y;
}

/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header
{
	padding: 0;
	margin: 0;
}
#header h1
{
	font: 30px Arial, Verdana, sans-serif;
	padding: 10px;
	margin: 0;
}
#header a:link, #header a:visited
{
	color: #150990;
	border: none;
}
#header a:hover, #header a:active
{
	color: #CC0000;
}

/* Header main navbar */



/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#main
{
	width: 500px;
	float: left;
	margin: 0;
	padding: 0 0 30px 0;
	background: #fff;
}


/*-------------------------------------------------
  Kopf
-------------------------------------------------*/
#kopf
{

	font-size: 18px;
	line-height: 22px;
}

#kopf p
{
	margin: 10 10 0 px 0;
	font-size: 18px;
	font-family: Verdana, Arial, "Times New Roman", Times;
	font-variant:small-caps;
	color: #ffffff;
}


/*-------------------------------------------------
  text
-------------------------------------------------*/
#text 
{

	font-family: Verdana, Arial, "Times New Roman", Times;
	margin-left: 10px;
}

#text p, td

{
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
	font-family: Verdana, Arial, "Times New Roman", Times;
}

#text ul

{
	text-align: left;
	padding-left: 20 px;
	margin-left: 30px;
	margin-bottom: 25px;
}

#text ol

{
	text-align: left;
	padding-left: 20 px;
	margin-left: 0 px;
	margin-bottom: 25px;
}

#text li

{
	text-align: left;
	padding: 0x 0px 0px 0px;
	line-height: 16px;	
	list-style-position:outside;
	list-style-image:url("../grafiken/aufzaehlung.gif");
}

#text h1

{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-variant:small-caps;
	line-height: 20px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-color:blue;
}

#text h2

{
	text-align: left;
	font-size: 14px;
	font-variant:small-caps;
	line-height: 20px;
/*	border-left-width:12px;
	border-left-style:solid;
	border-color:yellow; */
	background: url("../grafiken/aufzaehlung.gif") center left no-repeat;
	padding: 0px 5px 0 20px;
	margin: 0px;
}


/*-------------------------------------------------
  Navigation
-------------------------------------------------*/

#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 11px Verdana, sans-serif;
background: gray;
width: 13em;
}

#navlist li
{
list-style: none;
width: 200px;
margin: 0;
border-top: 1px solid gray;
text-align: left;
color: #FFFFFF;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #0000B0;
color: #FFFFFF;
text-decoration: none;
border-bottom: 0px dashed #DBBA8A;

}

#navlist li a:link { color: #eeeeee; }
#navlist li a:visited 
{ 
background: #0000B0;
color: #cccccc; 
border-bottom: 0px dashed #DBBA8A;
}

#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}



#navi
{
	width: 220px;
	float: right;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#navi p
{
	width: 210px;
	margin: 10 10 0 px 0;
	font-size: 11px;
	line-height: 14px;
	font-family: Verdana, Arial, "Times New Roman", Times;
	color: #ffffff;
}

/*-------------------------------------------------
  Fusszeile
-------------------------------------------------*/
#fuss
{

	font-size: 14px;
	line-height: 16px;
}

#fuss p
{
	font-size: 10px;
	font-family: "Verdana", Times;
	color: #ffffff;
	margin: 10 25 10 10 px;
	indent-left: 25 px;
}


/*-------------------------------------------------
  Forms
-------------------------------------------------*/
textarea.text, input.formfield
{
	font: 11px Verdana, Arial, sans-serif;
}
input.formfield
{
	width: 220px;
	margin-right: 10px;	
}
input.formbutton
{
	background: #3A3374;
	color: #fff;
	font: 11px Verdana, Arial, sans-serif;
}