/**
 * CSS definition for the template: master_template
 * 
 * This file gives an overview of the required CSS definitions which
 * needs to be defined for all Website Baker templates added to the 
 * Website Baker addons repository from June 2008 onwards. 
 * 
 * See http://www.w3.org/TR/CSS21/sample.html for the HTML4 
 * default styles applied if nothing else is specified in your stylesheet.
 *
 * To facilitate adaption, you may want to consider separate stylesheets.
 * One for the layout (container for header, footer, content, menu ...),
 * another one for the HTML elements which are shown in the content areas.
 * This can easily be achieved via @import rules
 *
 * LICENSE: GNU General Public License 3.0
 * 
 * @author     Christian Sommer
 * @copyright  Christian Sommer (c) June, 2008
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    1.00
 * @platform   Website Baker 2.7
*/

/**************************************************************************************
 use @import rules to include external CSS definitions for template layout or CSS hacks
 this can be used to allow different CSS files e.g. for layout divs and styles etc.
**************************************************************************************/
/* NOT USED HERE
@import url("layout.css");
*/

/* show purpose of image folder */
body { background:#FFFFFF; }

/**************************************************************************************
 obligatory CSS definitions for Website Baker templates (content area)
**************************************************************************************/
/* background image to demonstrate usage of image folder */

h1, h2, h3, h4, h5, h6 { }

a:link, a:visited, a:focus, a:hover, a:active {}

b, strong {}
i, em {}
img {}

p {}
div {}
blockquote {}

li {}
ol {}
ul {}

table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th 	 { display: table-cell }
caption  { display: table-caption }


/**************************************************************************************
 additional tags you should consider for Website Baker templates (content area)
**************************************************************************************/
code	 { }
address  { }
hr { } 

H1 {
margin-bottom:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
}
H2 {
margin-bottom:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:bold;
}
p {
margin-bottom:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
line-height:1.2em;
}
#container {
	position: relative;
	top:1px;
	left:1px;
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	position: relative;
	float:left;
	width:950px;
}
#mainPic {
	position: relative;
	float:left;
	width:948px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
#contact {
	position: absolute;
	top:78px;
	left:600px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 2px 5px 0px 0px;
}
#contactHP {
	position: absolute;
	top:582px;
	right:4px;
	z-index:1000;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;;
	padding: 0px 0px 0px 0px;

}
#contactHP a {
	text-decoration:none;
	color: #990000;
}
#contactHP a:hover {
	text-decoration:underline;
	color: #990000
}
#content {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	background-color:#fffffa;
	padding: 5px 5px 5px 19px;
	width:924px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;

}
#footer {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.75em;
	height:22px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color:#ca4149;
	text-align:center;
	color:white; 
	width: 948px;
	padding-top:5px;
	margin-bottom:15px;
	text-decoration:none;
}
#footer a {
	text-decoration:none;
	color:white;
}
#footer a:hover {
	text-decoration:underline;
}
#nav {
	position: relative;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
#subContent {
	position: relative;
	float: left;
	padding: 5px 5px 5px 10px;
	width:500px;
}

#subImage {
	position: relative;
	float: right;
	padding: 5px 5px 5px 5px;
	width:400px;
}
#navBar {
	position: relative;
	float: left;
	height:27px;
	width:950px;
	background-image:url(/images/nav_03.gif);
}
#navBar ul, #navBar li {
	position:relative;
	float:left;
	list-style-type: none;
	margin: 3px 30px 0px 10px;
	padding: 0 0 0 0;
	display: inline;
	color: white;
	font-size:12px;
	font-family:arial;
}
#navBar a {
	color: white;
	text-decoration:none;
}
#navBar a:hover {
	text-decoration:underline;
	color: #ca4149;
}