/* Hoehn Webdesign template.css */

@import url("layout.css"); 
@import url("color.css"); 
@import url("typo.css");

/* ____________________ template specific stuff ____________________ */

#outer-wrapper{
	width:100%; 
	height:100%;
	text-align:left;
}
#inner-wrapper{
	width: 1000px;
	margin:0 auto; 
}
#header-winter, #header-spring, #header-summer{
	width:100%;
	margin:0 auto; 
	height:225px;
	text-align:left;
}
#topbar{
	/*width:100%;*/
	height:25px;
	padding:0 0 0 290px;
}
#topmenu{
	float:left;
	width:699px;
	/*width:100%;*/
	height:15px;
	overflow:hidden;
	padding:5px;
}
#top2{
	float:right;
	padding:0 4px;
	margin:-5px 0 0 0;
}
#main-body{
	margin:0 auto;
	width:100%;
}
#left, #left1{
	clear:both;
	float:left;
	width:301px;
	/*height:550px;*/
	overflow:hidden;
}
#sidebar {
	float:right;
	width:200px;
	overflow:hidden;
}
.inside {
	padding:10px;
}
#content {
	float:right;
	width:699px;
	overflow:hidden;
}
.inside-content {
	padding:20px 20px 10px 20px;
}
#company{
	display:none;
}
#pathway{
	text-align:right; 
	margin:-10px 0 0 0; 
	padding:0 0 5px 0;
}
#footer{
	clear:both;
	padding:5px;
	text-align:center;
}

/*@media print{
	#inner-wrapper { border: none;}
	#topbar { display:none; }
	#header-winter, #header-spring, #header-summer { display:none; }
	#left { display:none; }
	#content { width: 100%;}
	#inside-content { padding: 0; }
	
}*/

/* ==================== general menu style (vertical) ==================== */

.menu {
	margin:0 0 0 0;	/* to offset the general margin for ul */
	padding:5px 0 0 0;
} 
.menu a:link, .menu a:visited {
}
.menu li {
	margin:4px 4px 0 4px; 
	padding:3px 0 0 0;
	text-align:right;
}
.menu li ul {
	/*margin:2px 0 11px 0; */
	margin:0 0 0 0;
	padding:0; 		/* ul submenuitems */
}
.menu li ul li {
	margin:0; 
	padding:1px 0 0px 0px;
	text-align:left;
}

/* ==================== main navigation menu (horizontal) ==================== */

.menu-nav {
	margin:0; 
	padding:0 0 15px 0px;
}
.menu-nav li {
	float:left;
	padding:0 5px 0 5px;
	white-space:nowrap;
}

/* ==================== additional navigation menu (horizontal) ==================== */

/* ==================== modules with module style suffix 'xhtml' ==================== */

.moduletable {
	/*width:100%;*/
	margin:0px 0 15px 0px;
	/*margin:0px 0 0 10px;*/
	padding:0;
}
.moduletable h3 {
	margin:0 0 5px 0;
	padding:4px 0 0 0;
	text-align:left;
}
.moduletable .input{ 
	padding:0; 	/* to offset the padding for 'log-in'*/
}
.moduletable ul {
	margin:0; 	/* to offset the general margin for ul */
}

/* ==================== modules with module style suffix 'rounded' ==================== */

.module, .module div, .module div div {
	margin:0;
	padding:0; 	/* do not set height, marquee scroll doesn't work in FF then !!! */
	#height:100%; 	/* for IE only to place shadow corners correctly */
	text-align:left;
}
.module div, .module div div {
	padding:0;
}
.module div div div {
	padding:10px 28px 17px 20px;
}
.module h3 {
	text-align:right; 
	padding:0 0 2px 0; 
	margin:5px 0 8px 0;
}
.module div div div div {
	padding:0px;	/* applies for the 4th div and all its children (divs) */
}

/* ==================== breezing forms ==================== */

.bfQuickMode p {		
	width:90%;		/* to set all rows to the same width */
	padding:2px;
}
.bfQuickMode .bfLabelLeft label{	
	width:125px;		/* to set all left labels to the same width */
	padding:4px 0 0 0;	/* to set all left labels vertically in the middle */
}
.bfQuickMode p input[type="text"], 
.bfQuickMode p textarea, 
.bfQuickMode p select {		
	width:300px;		/* to set all fields to the same width */
}
.bfQuickMode span.bfLabelLeft{
	width:22%;		/* to set all fields in a span with labels on the left (see order form) to the same width */
	padding:0 0px;
	margin:0;
	text-align:center;
}
.bfQuickMode span.bfLabelLeft input{
	width:99%;		/* to use up all space in a span so the fields are very close to each other */
}
.bfQuickMode span.bfLabelLeft label{
	float:none;		/* to stop floating and align the labels centered */
}
.bfQuickMode .bfNoSection{
	margin:2px 0;		/* to set the rows closer to each other */
	margin:1px;
}
#wrapper1{			/* add row button */
	float:left;
	/*margin:2px 0 2px 184px;*/	/* to center the button */
	/*width:110px;*/
	width:205px;
	margin:2px 0 2px 106px;
}
#wrapper2{			/* delete row button */
	float:left;
	margin:2px 0;
	width:205px;
}
.bfQuickMode #wrapper1 p, .bfQuickMode #wrapper2 p {		
	padding:2px 1px;
}
.bfQuickMode button{		/* width for all buttons */
	width:160px;
}
.bfQuickMode .bfSubmitButton{	/* submit button */
	float:none;
	margin:0 0 0 240px;	/* to center the button */
	width:100px;
}
#tos{				/* Terms of service div */
	margin:40px 2px 2px 2px;		
}

/* ==================== Fabrik css ==================== */

.fabrikForm .fabrikGroup ul {
	list-style:none;		/* for FF this line should be enough */
	list-style-image:none;		/* but for IE you'll need to make it more detailed */
	list-style-position:outside;
	list-style-type:none;
	border:none;
}
.fabrikForm .fabrikGroup li {		/* to get the elements more together */
	margin:1px;
	padding:1px;
}
.notempty, .isemail, .isalphanumeric {	/* the default images for validation are too flashy */
	background: none !important;	/* and should be ignored! */
}
.fabrikElementContainer {
	width:100%;
	margin-left:100px;
}
.fabrikLabel {
	width:100px;
	padding:4px 0 0 0;	/* to set the labels vertically in the middle */
}
.fabrikGroup {
	border:none;
	padding-left:0;
}
.fabrikElement {
	margin:0;
}

.fabrikinput {			/* to set all fields to the same width */
	width:300px;
}
.fabrikActions {
	padding:0 0 0 205px;
}

/* ==================== Fabrik form5(horizontal table structure) css ==================== */
#group5 .fabrikElementContainer, #group8 .fabrikElementContainer, #group9 .fabrikElementContainer,
#group10 .fabrikElementContainer, #group12 .fabrikElementContainer, #group13 .fabrikElementContainer
{
	float:left;
	width:24%;		
	overflow:hidden;
	margin:0px;
}
#group5 .fabrikSubElementContainer, #group8 .fabrikSubElementContainer, #group9 .fabrikSubElementContainer,
#group10 .fabrikSubElementContainer, #group12 .fabrikSubElementContainer, #group13 .fabrikSubElementContainer {
	float:left;
	width:100%;
	verflow:hidden;
	margin:0px;
}
#group5 .fabrikLabel, #group8 .fabrikLabel, #group9 .fabrikLabel, 
#group10 .fabrikLabel, #group12 .fabrikLabel, #group13 .fabrikLabel {
	width:100%;
	padding:4px 0 0 0;	
	text-align:center;
	/*border:1px solid red;*/
}
#group5 .fabrikinput, #group8 .fabrikinput, #group9 .fabrikinput,
#group10 .fabrikinput, #group12 .fabrikinput, #group13 .fabrikinput {
	width:97%;
	margin:0;
	padding:0;
}
#form_5 .fabrikActions {
	padding:0 0 0 205px;
}
.fabrikGroup {
	margin:0;
	padding:0;
}

/* ==================== Fabrik form group7(horizontal) css ==================== */
#group7 .fabrikcheckbox, #group8 .fabrikcheckbox{
	float:left;
	width:4%;
	overflow:hidden;
	margin:0px;
}
#group7 .fabrikdisplay, #group8 .fabrikdisplay{
	float:left;
	/*width:24%;*/
	width:95%;
	overflow:hidden;
	margin:0px;
}
#group7 .fabrikSubElementContainer, #group8 .fabrikSubElementContainer {
	float:left;
	width:100%;
	verflow:hidden;
	margin:0px;
	text-align:left;
}
#group7 .fabrikLabel, #group8 .fabrikLabel {
	width:100%;
	padding:4px 0 0 0;	
	/*text-align:center;*/
}
#group7 .fabrikinput, #group8 .fabrikinput  {
	width:97%;
	margin:0;
	padding:0;
}
#group7 .fabrikActions, #group8 .fabrikActions  {
	padding:0 0 0 205px;
}
#group7 .fabrikErrorMessage, #group8 .fabrikErrorMessage  {
	padding:0 5px 0 0;
}