/* Poort80 - for screen use only */

/* swatches
======================================= 
Dark blue		#00204e;
Light blue		#4c78b6;

*/

/* common tags 
============================= */

body {
	background: #fff;
	font-size: 12px;
	color: #000;
}

/* header
============================= */

div#header {
	color: #00204e;
}

div#header a {
	color: #00204e;
}

div#header ul.headNav li a,
div#header ul.langNav li a {
	color: #4c78b6;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;	
}

div#header ul.headNav li a:hover,
div#header ul.headNav li a.current,
div#header ul.langNav li a.current {
	color: #00204e;
}

/* mainVisual
============================= */

div#mainVisual {
	border-bottom: 1px solid #fff;
}

/* breadCrumb
============================= */

p.breadCrumb,
p.breadCrumb a {
	color: #00204E;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;	
	margin: 0;
	padding: 10px 10px 10px 0;	
}

p.breadCrumb a {
	background: url(../../gfx/tetterode/arrow_right_1.gif) no-repeat right center;
	padding-right: 10px;
	margin-right: 20px;
	color: #809fd3;
}

p.breadCrumb a:hover {
	color: #00204e;
}


/* mainNav
============================= */

div#mainNavBar {
	background: #00204e;	
}

div#mainNavBar ul.mainNav li a {
	color: #809fd3;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}

div#mainNavBar ul.mainNav li a:hover,
div#mainNavBar ul.mainNav li a.current {
	color: #fff;
}

/* mainContent
============================= */

div#mainContent  hr {
	border-top: 1px solid #00204e;
}

/* sub item tabellen
============================= */

table.subItems td {
	vertical-align: top;
}


table.subItems td.gutter {
	width: 15px;
}

/* leftCol
============================= */

div#leftCol,
table.subItems {
	border-top: 1px solid #00204e;
	color: #4c78b6;
	text-align: justify;
	font-size: 10px;
	line-height: 16px;
}

table.subItems {
	border-top: none;
}

table.subItems td {
	font-size: 10px;
}

div#leftCol h1,
table.subItems h1 {
	font-size: 14px;
	line-height: normal;
	margin-top: 0;
}

div#leftCol h2,,
table.subItems h2,
div#leftCol h3,,
table.subItems h3,
div#leftCol h4,
table.subItems h4 {
	font-size: 12px;
	line-height: normal;
	margin-top: 0;
}

div#leftCol h3,,
table.subItems h3 {
	font-size: 12px;
	line-height: normal;
}

div#leftCol h4,,
table.subItems h4 {
	margin-bottom: 0;
	font-size: 10px;
	line-height: normal;
}

div#leftCol p,
table.subItems p {
	margin-top: 0;
}

div#leftCol h1,
table.subItems h1,
div#leftCol h2,
table.subItems h2,
div#leftCol h3,
table.subItems h3,
div#leftCol h4,
table.subItems h4 {
	color: #00204e;
}

div#leftCol b,
table.subItems b,
div#leftCol strong,
table.subItems strong {
	color: #4c78b6;
}

/* leftCol > slideshow
============================= */

div.slideCarrousel img {
	background: #BCBEC0 ;
}

div.slideCarrousel img.current {
	border: 2px solid #00204e;
}

div.downloads p {
	border-bottom: 1px solid #00204e;
}

div.downloads p a {
	color: #4c78b6;
	text-decoration: none;
	text-transform: uppercase;
}

div.downloads p a:hover {
	color: #00204e;
}

div.colSlide img {
	background: #BCBEC0;
}


/* leftCol > contactForm
============================= */

form.contactForm div.inputs p {
	text-transform: uppercase;
}

form.contactForm div.inputs p inputs {
	text-transform: none;
}

/* rightCol
============================= */

div#rightCol {
	border-top: 1px solid #00204e;
	color: #4c78b6;
	text-align: justify;
	font-size: 10px;
	line-height: 16px;
}

div#rightCol h1 {
	font-size: 14px;
	line-height: normal;
	margin-top: 0;
}

div#rightCol h2,
div#rightCol h3,
div#rightCol h4 {
	font-size: 12px;
	line-height: normal;
	margin-top: 0;
}

div#rightCol h4 {
	margin-bottom: 0;
	font-size: 10px;
	line-height: normal;
}

div#rightCol p {
	margin-top: 0;
}

div#rightCol h1,
div#rightCol h2,
div#rightCol h3,
div#rightCol h4 {
	color: #00204e;
}

div#rightCol b,
div#rightCol strong {
	color: #4c78b6;
}

/* kolommen > subBlock
============================= */

div.subs {
	border-top: none !important;
}

div.subBlock {
	border-top: 1px solid #00204e;
}

div.subBlock div.photoBlock a {
	color: #00204e;
	font-weight: bold;
	text-decoration: none;
}

div.subBlock:hover p {
	color: #00204e;
}

div.subBlock:hover div.photoBlock a {
	color: #4C78B6;
}

/* icons
============================= */

.iconProject {
	background: url(../../gfx/tetterode/icon_1.gif) no-repeat right center;
	padding-right: 25px;	
}

.iconPdf {
	background: url(../../gfx/tetterode/icon_2.gif) no-repeat right center;
	padding-right: 25px;
}

/* footer
============================= */

div#footer {
	background: url(../../gfx/tetterode/footer.gif) no-repeat left;
}