/*
Style based on Mollio template (http://www.mollio.org).
*/

html, body {
	margin: 0;
	padding: 0;
	border: 0px none; 
	height: 100%; /* fix height to 100% for IE */
	max-height: 100%
}
body { 
	background: #EEEDEB url('rosen_pikz/verlauf_3.jpg') repeat-x ; 
	color: #101010; 
	font-style:normal; font-variant:normal; font-weight:normal; line-height:1.6; font-size:69%; font-family:Verdana, Arial, Helvetica, Geneva, sans-serif
	}

/* LAYOUT */
#wrap {
	/*min-width: 811px; 
	max-width: 940px;*/
	width: 940px;
	margin: 0 auto;
	background-image: url('rosen_pikz/bg.jpg');
   background-repeat: repeat-x;
	border-top: 4px solid #039;
	background-color: #fffffc
	}

#content-wrap {
	width: 100%;
	background: url('rosen_pikz/content_wrap_bg.gif') repeat-y 40px 0;
	height: 100%;
 	overflow: hidden	}
	
#left-columns {
	float: left;	}

#utility {
	float: left;
	margin-left: 20px;
	display: inline;
	width: 200px; 
	border-top: 4px solid #CCC; 
	padding-bottom: 40px;	}

#utility p { font-size: 92%; margin: .5em 2em;}
#utility img { padding: 0 2em;}

.kontakt {
	margin: 0; 
	border-top: 1px solid #d7d7d7; 
	background: #f6f6f6 url('rosen_pikz/featurebox_bg_3.gif') no-repeat 100% 100%;
	font-size: 110%
	}
	
.kontakt p, .kontakt h1, .kontakt h2, .kontakt h3, .kontakt h4, .kontakt h5, .kontakt h6 {
	margin: 0;
 }

#sidebar {
	float: right;
	/*width: 23%;*/
	width: 220px;
	border-top: 4px solid #CCC;
	padding-top: 1px;
	margin-right: 25px; }
	
.featurebox {
	border-top: 1px solid #d7d7d7; 
	background: #f6f6f6 url('rosen_pikz/featurebox_bg_3.gif') no-repeat 100% 100%;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1.5em; padding-left:.5em; padding-right:0; padding-top:.5em; padding-bottom:.5em
	}
	
.featurebox ul li { margin-left: 1.2em; }
	
#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	border: none; margin: .5em 0;}


#content {
	float: left;
	/*margin: 0 28% 0 235px;*/
	width: 400px;
	margin: 0 25px 0 24px;	}
	
#content p, h1, h2 { margin-left: .5em; }
#content ul li { margin-left: 1.8em; }
/* #content a { text-decoration: underline; } */

#wide-content {
	float: left;
	width: 660px;
	margin: 0 25px 0 24px;	}
	
#wide-content p, h1, h2 { margin-left: .5em; }
#wide-content h2 { margin-bottom: 2em; }
#wide-content ul li { margin-left: 1.8em; }
/* #content a { text-decoration: underline; } */
	

/* LAYOUT - HEADER */
#header { 
	margin: 0 0 25px; 
	padding: 0;  
	height: 180px;}

#header h1 {
	padding: 0;
	margin: 0;
	display: none;
}

#header #site-name { display: none; }

	.home-banner { background-image: url('rosen_pikz/rosen_banner_3.jpg');
	background-repeat: no-repeat } 
	.consulting-banner { background-image: url('rosen_pikz/rosen_banner_3_6.jpg');
	background-repeat: no-repeat } 
	.coaching-banner { background-image: url('rosen_pikz/rosen_banner_3_8.jpg');
	background-repeat: no-repeat }
	.training-banner { background-image: url('rosen_pikz/rosen_banner_3_3.jpg');
	background-repeat: no-repeat }
	.nlp-banner { background-image: url('rosen_pikz/rosen_banner_9.jpg');
	background-repeat: no-repeat }
	.intern-banner { background-image: url('rosen_pikz/rosen_banner_10.jpg');
	background-repeat: no-repeat }
	.kontakt-banner { background-image: url('rosen_pikz/rosen_banner_12.jpg');
	background-repeat: no-repeat }
	.impressum-banner { background-image: url('rosen_pikz/rosen_banner_4.jpg');
	background-repeat: no-repeat }
	.fragebogen-banner { background-image: url('rosen_pikz/rosen_banner_3_4.jpg');
	background-repeat: no-repeat }

	
	/* LINKS */
a, a:link, a:link, a:link, a:hover {background: transparent; text-decoration: none; cursor: pointer; } 
a:link {color:#039;} 
a:visited {color:#999}
a:hover, a:active {color:#C30} 



/* TYPOGRAPHY */
p, ul, ol {
	margin: 0; 
	padding: .5em; 
	}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1em;
	padding: .5em;
	color: #808080;
	}

h1 {font-size: 112%; border-bottom: 3px solid #039; }
h2, h3 {font-size: 101%; border-bottom: 1px solid #FF6600; }
h4, h5, h6 {font-size: 101%}

b { color: #808080; }
strong { color: #808080; }

/* LISTS */
/*ul { 
	margin: .3em 0 1.5em 0;
	list-style-type: none
	}*/
li 
{list-style-type: circle; list-style-image: url('rosen_pikz/punkt.gif');}



/* GENERAL */
img { border: none; } 

hr {margin: 1em 0; background: #f2f2f2; height: 1px; color: #f2f2f2; border: none; clear: both }

div.hr {
	height: 20px;
  	background: #fff url('rosen_pikz/hr.png') no-repeat center;
  	/*padding: 1em 0;*/ /*piotrek: to dawalo u mnie brzydki bialy margines z dolu i z gory*/
	margin: 0
}
div.hr hr {
  	display: none;
}	

.clear {clear:both; position:relative; font-size:0px; height:0px; line-height:0px} 

	

/* SECONDARY NAVIGATION - vertical navigation */

#leftnav, #leftnav ul { position: static }
#leftnav, #leftnav li { margin-bottom: 2em; padding: 0; list-style-image: url('none');list-style-type:none }
#leftnav { border-top: 1px solid #CCC; margin-top: 1px; padding-top: 0; }


#leftnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#leftnav li { margin: 0; }

#leftnav a {
	display: block;
	width: 171px;
	margin: 0;
	padding: 2px 0 2px 29px;
	background-color: transparent;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #fff;
}	
	
#leftnav a:hover { color: #c30; background: url('rosen_pikz/menu_2.gif') no-repeat -2px -15px; }

#leftnav ul ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#leftnav li li a {
	display: block;
	margin: 0;
	padding: 2px 0 2px 44px;
	width: 156px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #fff;
	color: #191970;
}

#leftnav li li a:hover { color: #c30; background: url('rosen_pikz/menu_2.gif') no-repeat 13px -15px; }

#leftnav a#current { color: #8B0000; background:  url('rosen_pikz/menu_2.gif') no-repeat -2px -15px;}
#leftnav a#subcurrent { color: #8B0000; background:  url('rosen_pikz/menu_2.gif') no-repeat 13px -15px;}
#leftnav a:visited  { color: #039 }
#leftnav li li a:visited { color: #191970 }



/* LAYOUT - FOOTER */
#footer { clear: both; margin-top: 80px; padding: 1em; border-top: 1px solid #CCC; font-size: 92%; color: #999 }
#footer p { margin: 0 }
#footer a:link { color: #999 }

/* LAYOUT - FORMULAR */

form { margin-left: .5em; padding: .5em; }
form .data { margin-top: 10px; clear: left; }
form .reqMark { color:#FF0000; margin-left: .5em; font-weight: bold; }
form h2 { margin-left: 0; /*padding: 0; border-bottom: none;*/ }
.data label { float: left; padding-right: 5px; display: block; width: 115px; }
.data input { border: 1px solid; border-color: #666666 #ccc #ccc #666666; /*display: block; clear: left;*/ }
textarea { border: 1px solid; border-color: #666666 #ccc #ccc #666666; vertical-align: top; }