/*
Title:		Paramedica-Care master styles for screen media v1.0
Author:		info@bitbloxx.nl
Updated:	06.01.2007
*/

/* import stylesheets and hide from ie/mac \*/
@import url("lb.css");
@import url("ie.css");
/* end import/hide */


/* generic styles
=========================================================== */
* {
	margin: 0;
	padding: 0;
	}

body {
	font-family: Georgia, serif;
	font-size: small;
	color: #383d44;
	background: #027a79 url(../graphics/main/bg.gif) repeat-x top left;
	text-align: center;
	min-width: 760px;
	}

a:link, a:visited, a:hover {
	color: #027a79;
	text-decoration: none;
	}

/* page layout
=========================================================== */

#mainbody {
	width: 60em;
	margin: 20px auto 20px auto;
	padding: 0;
	background: #fff;
	border: 5px solid #01403f;
	text-align: left;
	}

#header {
	margin: 0;
	padding: 10px;
	text-align: center;
	border-bottom: 2px solid #888;
	background: url(../graphics/main/header-bg.gif) repeat-x top left;
	}
	
#logo {
	width: 30em;
	margin: 0 auto;
	}

#logo h1 {
	background: url(../graphics/main/pclogo.gif) no-repeat;
	width: 400px;
	height: 100px;
	text-indent: -9999px;
	}

/* navigation
=========================================================== */

#nav {
    font-size: 90%;
	background: url(../graphics/nav/bg.gif) #dae0d2 repeat-x 50% bottom;
	float: left;
	width: 100%;
	line-height: normal;
	}
#nav ul {
	padding: 10px 10px 0 10px;
    margin: 0px auto 0px 19%;
	list-style-type: none;
	}
#nav li {
	padding: 0 0 0 9px;
    background: url(../graphics/nav/left.gif) no-repeat left top;
	float: left; 
	margin: 0px auto;
	}
	
#nav a {
	padding: 5px 15px 4px 6px;
    display: block;
	font-weight: bold;
	background: url(../graphics/nav/right.gif) no-repeat right top;
	float: left;
	color: #765;
	text-decoration: none;
	}
	
#nav a {
    float: none;
	border: none;
	}

#nav a:hover {
    color: #027a79;
	border: none;
	}
	
#nav #active {
    background-image: url(../graphics/nav/left_on.gif);
	}
	
#nav #active a {
    background-image: url(../graphics/nav/right_on.gif);
	padding-bottom: 5px;
	color: #333;
	}

/* branding
============================================================= */

#branding {
	text-align: center;
	background: #dae0d2;
	border-top: 3px solid #C0CAB3;
	}

#branding h4 {
	font-size: 110%;
	padding: 15px;
	}
	
/* content main
============================================================= */

#content {
	width: 100%;
	margin: 30px 0 30px 0;
	padding: 0; 
	background: url(../graphics/main/main-bg.gif) repeat-y 50%;
	}

#activewrap {
	float: left;
	width: 50%;
	}
#thumper {
	float: right;
	width: 50%;
	}

.frontcontent {
	margin: 0 auto;
	padding: 30px 20px;
	text-align: center;
	}

.frontcontent h4 {
	padding: 5px;
	font-size: 130%;
	font-weight:bold;
	color: #FFFFFF;
	text-align: center;
	background: #027a79;
	border-bottom: 4px solid #d5d0ba;
	border-top: 4px solid #d5d0ba;
	}	

.frontcontent p {
	font-size: 120%;
	text-align: left;
	line-height: 1.6em;
	margin-bottom: 20px;
	padding: 5px;
	border-top: #027a79 2px solid;
	border-bottom: #027a79 2px solid;
	background-color: #EEEEEE;
	}
	
#footer {
	padding: 20px;
	font-size: 85%;
	background: #d5d0ba url(../graphics/main/footer.gif) repeat-x top left;
	clear: both;
	text-align: center;
	}

	
/* activewrap, thumper, kontakt, bestellen: layout and classes
============================================================= */

#contentaw, #contentth, #contentkt, #contentbs {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	}

#awlogo, #thlogo, #ktlogo, #bslogo {
	text-align: center;
	margin: 0 auto;
	}

#awinfo, #thinfo, #ktinfo, #bsinfo {
	padding: 0 30px;
	}

#awinfo h3, #thinfo h3 {
	padding: 5px 0;
	font-size: 130%;
	font-weight:bold;
	color: #FFFFFF;
	text-align: center;
	background: #027a79;
	border-bottom: 4px solid #d5d0ba;
	border-top: 4px solid #d5d0ba;
	}
	
#awinfo h4, #thinfo h4 {
	margin: 5px 0 0 0;
	padding: 5px 0;
	font-size: 120%;
	font-weight:bold;
	text-align: left;
	text-indent: 15px;
	line-height: 1.8em;
	color: #333;
	background: #fff url(../graphics/main/header-bg.gif) repeat-x top left;
	border-top: 1px solid #C0CAB3;
	border-bottom: 1px solid #C0CAB3;
	}

#awinfo p, #thinfo p {
	font-size: 100%;
	text-align: left;
	line-height: 1.6em;
	padding: 10px 5px 20px 5px;
	}

#awinfo p.startp, #thinfo p.startp {
	font-size: 110%;
	}

#aw1, #aw2, #aw3, #aw4, #th1, #th2, #th3, #th4, #kt1, #bs1 {
	margin: 0 0 25px 0;
	padding: 5px 10px 10px 10px;
	background: #ebeee7;
	border: 1px solid #C0CAB3;
	}

.gallery {
	padding: 30px 0 0 0;
	clear: both;
	}

.gallery li {
	display: inline;
	padding-right: 5px;
	}

table.maten {
	line-height: 1.6em;
	border: solid #DFDFDF 1px;
	background-color: #F4F4F4;
	}

.maten th {
	padding: 3px;
	text-align: left;
	color: #FFFFFF;
	background-color: #999999;
	}

.maten td {
	padding: 1px;
	}

.blessures li {
	margin-left: 24px;
	font-size: 100%;
	font-weight: bold;
	list-style-type: square;
	line-height: 1.6em;
	color: #900;
	}

.photoframe {
	border: 1px solid #C0CAB3;
	padding: 5px;
	background: #dae0d2;
	}

.kleiner {
	font-size: 90%;
	}

#aw p.onderschrift, #th p.onderschrift {
	font-size: 85%;
	}

#aw p.backtop, #th p.backtop {
	text-align: right;
	padding: 0;
	}

table#kontaktlist, table#bsformular {
	margin: 15px auto;
	width: 50%;
	line-height: 2em;
	text-align: left;
	}

table#bsformular {
	text-align: center;
	}

#kontaktlist a:link, #kontaktlist a:visited {
	font-weight: bold;
	}
#kontaktlist a:hover {
	font-weight: bold;
	text-decoration: underline;
	}

#bsformular a:link, #bsformular a:visited {
	color: #383d44;
	text-decoration: none;
	}

#bsformular a:hover {
	text-decoration: underline;
	}

/* awdata
================ */

#aw1data1, #aw2data1, #aw3data1, #aw4data1 {
	width: 90%;
	}

#aw1data2, #aw2data2, #aw3data2, #aw4data2 {
	padding: 0 0 20px 0;
	}

/* thdata
================ */

#th1data1, #th2data1, #th3data1, #th4data1 {
	width: 40%;
	}