/* @override http://www.rufenach.net/_lib/screen.css */

/* @group style_tag */
/************************************************************************/
/* RUFENACH ' Creative Director - Intl. Website - www.rufenach.net      */
/* ==================================================================== */
/* CSS released under Creative Commons ShareAlike License v1.0          */
/* http://creativecommons.org/licenses/sa/1.0/                          */
/* Feel free to copy this file as a foundation for any new work.        */
/* The unique combination of images, colors, sizes, typography, and     */
/* positioning is copyright 2010 nrg-network and may not be reproduced. */
/* ==================================================================== */
/* Copyright (c) 1995-2010 by the nrg-network codes+systems developers  */
/* For more information visit: http://www.nrg-network.com/              */
/************************************************************************/
/* @end */

body {
	color: #333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-bottom: 20px;
	background: #efefef url(images/background.gif) repeat-x;
}

/* @group pseudo */

a:link	{color: #999; text-decoration: none;}
a:visited	{color: #999; text-decoration: none;}
a:active	{color: #999; text-decoration: none;}
a:hover	{color: #FC3; text-decoration: none;}

/* @end */

/************************************************************************
 | basic reset
 ************************************************************************/
 
/* @group reset */

* {margin: 0; padding: 0;}
img	{font-size: .7em; border: 0;}
li	{list-style: none;}


/* @end */

/************************************************************************
 global div
 ************************************************************************/

/* @group global */

#mainCont {
	width: 950px;
}

#headCont {
	width: 930px;
	float: left;
	margin-bottom: 35px;
	/*background: url(images/dot_horizontal_green.gif) repeat-x bottom;*/
}

#logo {
	width: 158px;
	height: 120px;
	float: left;
}

#navCont {
	width: 770px;
	float: left;
}

#skyLine {
	width: 764px;
	height: 20px;
	margin-top: 32px;
	padding-left: 6px;
	color: #996;
	background: url(images/dot_horizontal_grey.gif) repeat-x bottom;
}

#skyLine span {
	margin-left: 10px;
	color: #999;
}


#mainNav {
	width: 770px;
	height: 22px;
	background: url(images/dot_horizontal_grey.gif) repeat-x bottom;
}

#subNav {
	width: 770px;
	height: 17px;
}

#langNav {
	width: 770px;
}

#langNav img {
	float: right;
	padding-top: 8px;
	padding-right: 8px;
}

#contNav {
	width: 137px;
	height: 102px;
	background: url(images/dot_horizontal_green.gif) repeat-x bottom;
	float: left;
}

#contentCont {
	width: 970px;
	float: left;
}

#contentCont #colLargeTwo a {
	background-image: url(images/arrow_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 11px;
}

/* @end */


/* @group content */

/* newCols */

.colSmall {
	width: 137px;
	margin-right: 21px;
	margin-bottom: 20px;
	float: left;
}

.pager {
	width: 137px;
	padding-top: 5px;
	height: 20px;
	/* background: url(images/dot_horizontal_green.gif) repeat-x bottom; */
}

/* newCols */

#colMainOne {
	width: 474px;
	float: left;
}

#colMainTwo {
	width: 474px;
	float: left;
}

#colLargeOne {
	width: 453px;
	padding-right: 21px;
	float: left;
}

#colLargeTwo {
	width: 453px;
	padding-right: 21px;
	float: left;
}

#colMediumOne {
	width: 316px;
	margin-right: 21px;
	float: left;
}

#colTextOne {
	line-height: 14px;
	padding-right: 33px;
	padding-bottom: 20px;
}

#colTextTwo {
	line-height: 14px;
	padding-right: 33px;
	padding-bottom: 20px;
}

#colMediumTwo {
	width: 316px;
	margin-right: 21px;
	float: left;
}

#colSmallOne {
	width: 137px;
	margin-right: 21px;
	margin-bottom: 20px;
	float: left;
}

#colSmallTwo {
	width: 137px;
	margin-right: 21px;
	margin-bottom: 20px;
	float: left;
}

#colSmallThree {
	width: 137px;
	margin-right: 21px;
	margin-bottom: 20px;
	float: left;
}

#colSmallFour {
	width: 137px;
	margin-right: 21px;
	margin-bottom: 20px;
	float: left;
}

#colSmallFive {
	width: 137px;
	margin-right: 21px;
	margin-bottom: 20px;
	float: left;
}

#colSmallSix {
	width: 137px;
	margin-right: 21px;
	margin-bottom: 20px;
	float: left;
}

#colSmallOne img, #colSmallTwo img, #colSmallThree img, #colSmallFour img, #colSmallFive img, #colSmallSix img {
	border-bottom: 1px solid #999;
	padding-bottom: 1px;
	margin-bottom: 3px;
}

/* Photo gallery */

ul.photoLink {
	clear: left;
}

#contentCont #colMainTwo ul.photoLink li a {
	background-image: none;
	padding-left: 0px;
}

.photoLink li {
	width: 137px;
	margin-right: 21px;
	margin-bottom: 20px;
	float: left;
}

.photoLink img {
	border-bottom: 1px solid #999;
	padding-bottom: 1px;
	margin-bottom: 3px;
}

.photoLink .arrow {
	background-image: url(images/arrow_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 11px;
	float: left;
}

.back {
	background-image: url(images/arrow_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 11px;
}

.forward {
	background-image: url(images/arrow_forward.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 11px;
}

/* @end */

/* @group content_special */

#caption {
	width: 440px;
	color: #996;
	padding-top: 2px;
	float: left;
}

.bottomLine {
	border-bottom-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* @end */

/************************************************************************
 global text styles
 ************************************************************************/

/* @group global_text */


/* Initial subheadline */
h1 {
	font-size: 11px;
	font-weight: bold;
	background-image: url(images/bullet_yellow.gif);
	background-repeat: no-repeat;
	background-position: -1px 2px;
	color: #333;
	margin: 0px;
	margin-top: -3px;
	padding-bottom: 10px;
	padding-left: 11px;
	padding-right: 0px;
}


#colTextOne h3,
#colTextTwo h3 {
	font-size: 11px;
	font-weight: bold;
	background-image: url(images/bullet_yellow.gif);
	background-repeat: no-repeat;
	background-position: -1px 2px;
	color: #333;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 11px;
	padding-right: 0px;
}

/* Textbody subheadline */
#colTextOne h4,
#colTextTwo h4 {
	font-size: 11px;
	font-weight: bold;
	background-image: url(images/bullet_yellow.gif);
	background-repeat: no-repeat;
	background-position: -1px 32px;
	color: #333;
	margin: 0px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 11px;
	padding-right: 0px;
}

#contentCont #colMainTwo a {
	background-image: url(images/arrow_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 11px;
}

/* @end */

/************************************************************************
 main and subnavigation
 ************************************************************************/

/* @group navigation */

#mainNav li {
	padding-top: 3px;
	display: inline;
	float: left;
}

#mainNav a {
	padding: 0px 5px 0px 6px;
}

#mainNav .current a {
	font-weight: bold;
	color: #996;
}

#mainNav a:hover {
	color: #FC3;
	text-decoration: none;
}

#subNav li {
	padding-top: 3px;
	display: inline;
	float: left;
}

#subNav a {
	padding: 0px 5px 0px 6px;
}

#subNav .current a {
	font-weight: bold;
	color: #996;
}

#subNav .current a:hover {
	font-weight: bold;
	color: #FC3;
}

#contNav ul {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-right: 0px;
	padding-right: 0px;
}

#contNav li {
	list-style-type: none;
}

#contNav a {
	width: 60px;
	color: #999;
	text-decoration: none;
	padding: 0px 0px 1px 11px;
	background-image: none;
}

#contNav a:hover {
	color: #FC3;
	text-decoration: none;
}

#contNav .current a {
	font-weight: bold;
	color: #996;
}

/* end contnav */

/* @end */

/************************************************************************
 form styles
 ************************************************************************/

/* @group form_elements */

.colSmallForm {
	width: 150px;
	float: left;
}

.label {
	color: #333;
	padding-top: 5px;
	padding-bottom: 2px;
}

.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	font-weight: normal;
	border-width: 2px 2px 2px 2px;
	border-color: #999 #CCC #CCC #999;
	border-style: solid;
	background-color: #FFF;
}

.submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #996;
	font-size: 11px;
	font-weight: bold;
	border-width: 2px 2px 2px 2px;
	border-color: #CCC #999 #999 #CCC;
	border-style: solid;
	background-color: #FC3;
}

/* @end */

/************************************************************************
 | special styles
 ************************************************************************/

/* @group print_tag */

#printTag {
	display: none;
}

/* @end */

/* @group warning */

.warning {
	color: #f33;
	text-align: center;
	padding: .7em;
	margin-top: 30px;
	margin-bottom: 10px;
	border: 1px #fc0 solid;
	background: #ff9 url(images/warning.gif) no-repeat 10%;
}

/* @end */

/************************************************************************
  the end...
 ************************************************************************/