/*
-----------------------------------------------
Northclick.de Screen Styles
Author:   Fridtjof Detzner
Version:  21.03.2006
----------------------------------------------- */

/* 
* Abweichende Body Definitionen
*/

.body
{
	text-align:center;
	font:11px/18px verdana, arial, helvetica, sans-serif;
	background:white;
}

a:link {
	color: black;
	text-decoration: underline;
}
a:visited {
	color: black;
	text-decoration: underline;
}
a:hover {
	color: black;
	text-decoration: none;
}
a:active {
	color: black;
	text-decoration: underline;
}


div.hr { border-top:1px solid #CCC;}
/* HTML Elemente
----------------------------------------------- */



html, body, p, table, td, form, img, div, li, ol {
	color:#333;
	font:11px/18px verdana, arial, helvetica, sans-serif;
}




/*  CSS Layout
----------------------------------------------- */

div#container {
	width:875px;
	padding:0 20px 0 20px;
	margin:0 auto;
	text-align:left;
	background:white url(http://hilfe.renobase.de/img/schatten.gif) repeat-y top left;
}

div#header {
	padding: 0;
	margin: 0;
	border-bottom:1px solid #8E8E8E;
}


div#sidebar {
	float: left;
	width: 190px;
	padding: 0;
	margin:0;
	color:#585858;
	font-size:10px;
	line-height:14px;
}

div#sidebar .gutter { padding:0 5px;}




div#content {
	float:right;
	width:644px;
	background-color: white;
	padding: 0 20px 10px 20px;
	font-size: 13px;
	line-height: 18px;
	background: url(http://hilfe.renobase.de/img/logo-content.png) no-repeat 570px 7px;
}

#footer	{
	clear: both;
	background-color: #333;
	padding: 10px;
	color: #999;
	font-size: 11px;
	line-height: 130%;
	color: #999;
}

#footer a, #footer p {
	color: #999;
	font-size: 11px;
	line-height: 130%;
}


/*  Headline Content */

div#content h1 {
	color: #313A3D;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height:24px;
	font-weight:bold;
	padding:20px 20px 0 0;
}

div#content h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight:bold;
}

div#content h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight:bold;
}

/*  Headline Sidebar */


div#sidebar h1 {
	color: black;
	border-bottom:1px solid #C8C8C8;
	font:bold 11px/11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #E2E2E2 url(http://hilfe.renobase.de/img/sidebarh1_bg.png) repeat-x top left;
	padding:10px 0 5px 10px;
	margin-left:-10px;
	margin-right:-10px;
}

div#sidebar h2 {
	color: black;
	border-top:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	background: #E2E2E2;
	font:bold 10px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left:10px;
	margin-left:-10px;
	margin-right:-10px;
}

div#sidebar hr {
	margin-left:-10px;
	margin-right:-10px;
	width:190px;
}





/*  Formular rechte Spalte
----------------------------------------------- */

div#sidebar form input.single {
	width:170px !important;
	padding:2px !important;
	margin:0 !important;
}

div#sidebar form dl dd {
	margin: 0 !important;
	padding: 2px !important;
}
div#sidebar form dl dd.eng {
	margin: 0 !important;
	padding: 2px !important;
}

div#sidebar input.single:focus,
div#sidebar input.text:focus,
div#sidebar textarea:focus {
	background-color: #EBF5F5;
}
/*
div#sidebar .submit_user,
div#sidebar .save {
	font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333;	
	background: #D3D3D3;
	border:1px solid #999;
	border-color:#FFF #999 #999 #FFF;
	padding: 2px 5px;
	height:22px;	
}
*/
/*  MainNav Level 1
----------------------------------------------- */

ul#mainNav1
{
	padding:15px 0 20px 0;
	margin:0;
	color: white;
/*	background:#B7B7B7 url(http://hilfe.renobase.de/img/subnavSchatten.jpg) repeat-x top left;*/
}

ul#mainNav1 li
{
	display: inline;
	margin: 0;	
	padding: 0;
}

ul#mainNav1 li a,
ul#mainNav1 li a:link,
ul#mainNav1 li a:visited
{
	display:block;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	padding:4px 3px 4px 10px;
	margin:0;
	border-bottom:1px solid #CCC;
}



/*  mainNav2
----------------------------------------------- */
ul#mainNav2
{
	padding: 0;
	margin: 0;

}

ul#mainNav2 li
{
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
}

ul#mainNav2 li a,
ul#mainNav2 li a:link,
ul#mainNav2 li a:visited,
ul#mainNav2 li a:hover,
ul#mainNav2 li a:active
{
	display:block;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	padding:4px 3px 4px 20px;
	margin:0;
	border-bottom:1px solid #CCC;
}

/* Hover */


ul#mainNav1 li a:hover,
ul#mainNav2 li a:hover,
ul#mainNav3 li a:hover,
ul#mainNav1 li a.current,
ul#mainNav2 li a.current,
ul#mainNav3 li a.current
{
	background: #B7B7B7;
	color: white;
}

/*  Bildereffekt -> Profifunktion
----------------------------------------------- */

.imgeffect {
	border: 1px solid #CCC;
	padding:4px;
}

span.leftrow {
	color:#999;
}


/*  Newsletter
----------------------------------------------- */

#newsRahmen {
	padding-top:20px;
	width:160px;
	color: white;
}
#newsHeader {
	color: white;
}

/*  Newsletter
----------------------------------------------- */
.newsletterInput {
	width:100px;
}