/***
* Büro für Stilsicherheit
* 2006
* 
* css by thomas@karolzyk.com
*
*/

/*---------------------------------------------
* Main
*
---------------------------------------------*/

html, body 
{
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
}

body
{
	background-color: #fff;
	background: url(../img/lines.gif); /**/
	background-position: 10px 10px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

#bg
{
	background: url(../img/lines.gif);
	background-color: #fff;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 10px solid #fff;
	z-index: 0;
}

#logo
{
	position: absolute;
	top: 30px;
	left: 30px;
	background-color: #fff;
	width: 290px;
	height: 50px;
	z-index: 1;
}

#main_nav
{
	position: absolute;
	top: 90px;
	left: 30px;
	/*width: 600px;*/
	height: 17px;
	margin: 0px;
	padding: 2px 6px 0px 4px;;
	background-color: #fff;
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	z-index: 1;
}

#content_left
{
	position: absolute;
	top: 120px;
	left: 30px;
	width: 640px;
	height: 480px; /**/
	overflow: visible;
	margin: 0px 0px 10px 0px;
	padding: 2px 6px 0px 4px;
	background-color: #fff;
	color: #000;
	font-size: 12px;
	z-index: 1;
}

#pager_left
{
	position: absolute;
	top: 610px;
	left: 30px;
	width: auto;
	height: 15px; /**/
	overflow: visible;
	margin: 0px;
	padding: 2px 6px 0px 4px;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	z-index: 2;
}

#pager_right
{
	position: absolute;
	top: 610px;
	left: 690px;
	width: auto;
	height: 15px; /**/
	overflow: visible;
	margin: 0px;
	padding: 2px 6px 0px 4px;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	z-index: 2;
}

#content_left p 
{ 
	margin: 5px; 
}

#welcome
{
	position: absolute;
	top: 120px;
	left: 30px;
	margin: 0px;
	padding: 2px 6px 0px 4px;;
	background-color: #fff;
	color: #000;
	font-size: 12px;
	z-index: 1;
}

#welcome a	{ color:#B39102; }
#welcome h1	{ border-top-style:none;}

#content_right
{
	position: absolute;
	top: 120px;
	left: 690px;
	width: 220px;
	height: 480px;/**/
	margin: 0px;
	padding: 2px 6px 0px 4px;;
	background-color: #fff;
	color: #000;
	font-size: 12px;
	z-index: 1;
}

/*---------------------------------------------
* Classes
*
---------------------------------------------*/

p.clients
{
	font-size: 12px;
	border-bottom: 1px dotted #777;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
	text-transform: uppercase;
	font-weight: normal;
}

p.contact
{
	margin: 15px 5px 0px 5px;
	padding: 3px 0px 20px 0px;
	border-top: 1px dotted #777;
	text-transform: uppercase;
}

.white_space 
{
	height: 65px; 
	border-bottom: 1px dotted #777;
}

.white_space_none 
{
	height: 55px; 
}


/*---------------------------------------------
* Headers
*
---------------------------------------------*/

h1
{
	font-size: 32px;
	line-height: 32px;
	color: #000;
	margin: 5px 5px 7px 5px;
	border-top: 1px dotted #777;
	text-transform: uppercase;
	font-weight: bold;
}

h2
{
	font-size: 14px;
	color: #000;
	margin: 15px 5px 10px 5px;
	border-top: 1px dotted #777;
	text-transform: uppercase;
	font-weight: normal;
}

h3
{
	font-size: 11px;
	color: #000;
	margin: 5px 5px 15px 5px;
	border-top: 1px dotted #777;
	text-transform: uppercase;
	font-weight: normal;
}

h4
{
	font-size: 17px;
	color: #000;
	margin: 5px 5px 0px 5px;
	text-transform: uppercase;
	font-weight: normal;
}

h5
{
	font-size: 11px;
	color: #000;
	margin: 0px 5px 13px 5px;
	text-transform: uppercase;
	font-weight: normal;
}




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

#main_nav ul
{
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 0px;
}

#main_nav ul li
{
	display: inline;	
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 0px;
}

#main_nav a 
{
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#main_nav a.nav_current
{
	color: #B39102;
}

#main_nav a:hover
{
	color: #B39102;
	text-decoration: none;
}

/*---------------------------------------------
* Links
*
---------------------------------------------*/

a img		{ border:0; }
h2 a		{ font-weight: bold; }
 
a 
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

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

/*
a:visited
{
	color: #000;
	text-decoration: line-through;
}
*/


/*---------------------------------------------
* Linien
*
---------------------------------------------*/

.dots_top
{
	border-top: 1px dotted #777;
	padding: 4px 0px 0px 0px;
}

.dots_bottom
{
	border-bottom: 1px dotted #777;
}


/*---------------------------------------------
* Forms
*
---------------------------------------------*/

select{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	height: 18px;
}

input{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid #777; 
	padding: 1px;
}
textarea{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid #777; 
	padding: 1px;
}