/*
-----------------------------------------------------
	Projekt - Global Styles
	created: 11/04/09
	updated: 11/04/09

----------------------------------------------------
*/

body { font-family: Georgia; background: #6685ff url(../img/blau.gif) repeat scroll 0 0; height: 100%; }

/* --// header -- */
#hd { background: #333; height: 158px; position: relative; }
#hd #logo { position: absolute; top: 12px; left: 60px; z-index: 99; }
#hd #masthead { position: absolute; top: 0; left: 25.8%; }
#hd h1 { font-size: 12px; position: absolute; top: -50px; }
#hd #contact-info { position: absolute; top: 33px; right: 40px; color: #ccc; }
#hd #contact-info a:link,#hd #contact-info a:visited { color: #fc0; }

#hd #tab-nav { position: absolute; height: 40px; background: #191919; width: 100%; bottom: 0; }
#hd #tab-nav ul { position: absolute; right: 15px; bottom: 0; }

#hd #tab-nav li { display: inline; padding-right:0; }
#hd #tab-nav li a { display: block; color: #000; float: left; padding: 7px 12px; background: #dedede url('../img/tab.gif') repeat-x; margin-right: 0.75em; font-size: 14px; position: relative; }
#hd #tab-nav li a:hover { background: #efefef; }
#hd #tab-nav li a.selected { background: #fff; }
#hd #tab-nav li a:link,#hd #tab-nav li a:visited { color: #222; text-decoration: none; }

#hd #tab-ad { position: absolute; height: 40px; background: #191919; width: 100%; bottom: 0; }
#hd #tab-ad #google_ads_links { position: absolute; left: 27.8%; bottom: 8px; }
#hd #sponsor-info { position: absolute; top: 33px; right: 40px; color: #aaa; }
#hd #sponsor-info a:link,#hd #sponsor-info a:visited { color: #fc0; }
div.adsense468x60 { background-color:#FFF; border: none; height:64px; margin:10px auto 18px; padding:0; width:472px;}
div.adsense160x600 { background-color:#FFF; border: none; height:604px; margin:10px auto 18px; padding:0; width:164px;}
div.adsense336x280 { background-color:#FFF; border: none; height:284px; margin:10px 20px 18px 0; padding:0; width:340px;}
div.adsense336x280r { background-color:#FFF; border: none; height:284px; margin:10px 10px 18px 20px; padding:0; width:340px;}

ul#navigation{
	list-style: none;
	margin: 0.66em 1em 0 0;
	padding: 0;
}

#navigation li{
	border-bottom: 1px solid #999;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#navigation li a:link, #navigation li a:visited{
	display: block;
	padding: .86em 0 .8em .8em;
	border-left: 16px solid #ffeb99;
	border-right: 1px solid #999;
	background-color: #ccc;
	color: #666;
	text-decoration: none;
}

#navigation li a:hover{
	background-color: #ffeb99;
	border-left: 16px solid #ccc;
	border-right: 1px solid #999;
	color: #191919;
}

#navigation li a#active{
	border-left: 16px solid #ffd633;
	color: #191919;
}

ul#navigation ul{
	margin-left: 14px;
	margin-right: 0;
	list-style: none;
	padding: 0;
}

ul#navigation ul li{
	border-top: 1px solid #999;
	border-bottom: none;
	margin:0;
}

ul#navigation ul a:link, ul#navigation ul a:visited{
	background-color: #e6e6e6;
	color: #333;
}

ul#navigation ul a:hover{
	background-color: #ffeb99;
	border-left: 16px solid #e6e6e6;
	border-right: 1px solid #999;
	color: #191919;
}

#sponsor { margin-top: 1.75em; text-align:center; color: #999; }
#sponsor a:link, #sponsor a:visited { color: #666; }
#sponsor a:hover { color: #AD1414; }


/* --// body, footer -- */
#bd, #ft { margin: 2em; }

#ft { padding: 15px 0 30px; border-top: 1px solid #999; margin-top: 30px; }
#ft p { font-size: 10px; line-height: 14px; }
#ft a { color: #444; }

#custom-doc { width:65.38em;*width:63.81em;min-width:850px; margin:25px auto; text-align:justify; background: #fff url('../img/pokern.png') no-repeat bottom right; border: 3px solid #9c9992; }

/* --// main styles -- */
h1, h2, h3, h4 { margin-bottom: 0.34em; }
h1 { font-size: 30px; color: #383838; padding-bottom: 0.25em; border-bottom: 1px solid #999;}
h2 { font-size: 24px; color: #383838; }
h3 { font-size: 16px; color: #383838; font-weight: bold; padding-bottom: 0.25em; border-bottom: 1px solid #ccc; }
h4 { font-size: 15px; font-weight: bold; margin-bottom: 0.25em; }
p,li { line-height: 19px; margin: 0 0 1em; color: #333; font-size: 12px; padding-right: 1em; }
a:link { color: #AD1414; text-decoration: underline; }
a:visited { color: #AD1414; }
a:hover { color: #151515; }

strong { font-weight: bold; }
ul { margin-left: 2em;margin-right: 1em; list-style: disc; }

/* --// common class elements -- */
.teaser { background: #e8e8e8; margin: 55px 1.5em 70px; }
.teaser p,.teaser .yui-g { padding: 20px; }
.teaser h2 { background: #A41623 url('../img/grunge.gif'); color: #f8f8f8; padding: 0.35em 0.85em; margin: 0; }
.rotate,.main-image { width: 411px; height: 241px; float: left; margin: -20px 0.5em 0 -35px; display: inline; }
.rotate ul { margin-left: 0; }
.rotate li { list-style: none; }
.quote { background: #e8e8e8; margin-left: auto; margin-right: auto; padding: 0.85em 1.25em; font-style: italic; }

.ritext { text-align: right; }
.box { background: #f5f5f5; padding: 0.85em 1.25em; margin-top: -0.85em; position: relative; }
.box p { padding: 0; }
.link-button { text-align: center; margin-bottom: 0.5em; border: 1px solid #ccc; }
.link-button a,.link-button a:visited { display: block; padding: 10px; font-style: italic; font-weight: bold; color: #AD1414; text-decoration: none; background: #e4e4e4; }
.link-button a:hover { background: #fff; }

p.big { font-size: 14px; line-height: 21px; margin: 0 50px 3em; padding: 0; text-align: justify;}
p.ctr { text-align: center;}
h1.big { padding: 0; margin-left: 50px; margin-right: 50px;}

.frame { border: 1px solid #ccc; padding: 10px; margin: 5px; }
.frame img { border: 1px solid #666; float: left; }
.f-left { float: left; margin-right: 20px; }
.f-right { float: right; margin-left: 20px; }

body.team .headshots h2 { margin: 8px 0 2px; }
body.team .headshots h3 { color: #444; font-size: 14px; margin-bottom: 8px; margin-right: 15px; }
body.team .headshots p { font-size: 11px; line-height: 17px; color: #555; margin-right: 15px; text-align: left; }
body.team .headshot img { padding: 5px; border: 1px solid #ccc }

/* ===== FORMS ===== */
form { margin:10px 0 0; padding:10px 10px 20px; background: #eee; }
form .info { border-bottom: 1px dotted #ccc; clear:both; display: block; margin:0 0 1em; }
form .info div { color:#555; font-size:11px; line-height:1.22em; margin:0 0 1em; }

form ul { list-style-type:none; margin:0; padding:0; width:100%; }
form li { clear:both; display:block; margin:0; padding:4px 5px 2px 9px; }
form li, form li.buttons { width:97% !important; }
form li:after, form li div:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}
form li div, form li span { color:#666; margin:0 4px 0 0; padding:0 0 8px; }
form li span { float:left; }
form li div.col, form li div.block { padding:0; }
form li div.col span { display:block; float:left; padding:0; width:100%; }
form li div span.left, form li div span.right { margin:0; width:47%; }
form li div span.full input, form li div span.full select, form li div span.left input, form li div span.right input, form li div span.left select, form li div span.right select { width:100%; }
form li div span.left { float:left; }
form li div span.right { float:right; }
form .clear{ clear:both !important; }

/* ----- SECTIONS ----- */
form li.section { border-top:1px dotted #ccc; padding-bottom:0; padding-left:9px; padding-top:0.9em; position:static; width:97% !important; }
form li.first { border-top: none !important; margin-top:0 !important; padding-top:0 !important; }
form .section h3 { font-weight:normal; margin:0 0 0.2em; border:none; }
form .section div{ display:block; font-size:95%; margin:0 0 1.2em 0; padding:0; }

/* ----- LABELS ----- */
form label { border: none; color:#444; display:block; font-weight:bold; line-height:1.41em; padding:0 0 1px; }
form li div label, form li span label { clear:both; color:#666; display:block; font-weight:normal; font-size:9px; line-height:9px; margin:0; padding-top:6px;}
label.choice { color:#444; display:block; font-size:100%; font-weight:normal; line-height:1.5em; margin:-1.65em 0 0 25px; padding:0.44em 0 0.5em; width:88%; }
span.symbol { font-size:115%; line-height:130%; }
form li .datepicker{ float:left; margin:.1em 5px 0 0; padding:0; width: 16px; height: 16px; cursor:pointer !important; }

/* ----- FIELDS ----- */
input.text, input.file, textarea.textarea, select.select { color:#333; font-size:100%; margin:0; }
input.text, textarea.textarea, select.select { background:#fff url(../img/fieldbg.gif) repeat-x scroll center top; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; }
input.text, input.file { padding:2px 0; }
input.checkbox, input.radio { display:block; height:13px; line-height:1.5em; margin:0.6em 0 0 3px; width:13px; }
select.select { margin:0; padding:1px 0 0 0; }
select.select[class] { margin:0; padding:1px 0; }
*:first-child+html select.select[class]{ margin:1px 0; }

/* ----- BUTTONS ----- */
.buttons { clear:both; margin-top:10px; }
.buttons input { font-size:125%; margin-right:5px; }
input.btTxt { overflow:visible; padding:1px 1.5em; width:auto; cursor:pointer; }

/* ----- SIZES ----- */
.full { width:100% !important; }
.half { width:48% !important; }
input.large, select.large, textarea.textarea { width:100%; }
input.medium, select.medium { width:50%; }
input.small, select.small { width:25%; }
textarea.large { height:20em; }
textarea.medium { height:10em; }
textarea.small { height:5.5em; }

/* ----- ERRORS ----- */

#errorLi{ width:99%; margin:0 auto 1em; background:#fff; border:1px solid red; text-align:center; padding: 4px 0 0 0; }
#errorMsgLbl{ margin:7px 0 5px 0; padding:0; font-size:125%; color:#DF0000; border:none; }
#errorMsg{ margin:0 0 .8em 0; color:#000; font-size:100%; }
#errorMsg strong{ background-color: #FFDFDF; padding:2px 3px; color:red; }
form li.error{ display:block !important; border-bottom:1px solid #F9B9B2; background-color: #FFDFDF !important;	margin-bottom:3px !important; }
form li.error label{ color:#DF0000 !important; }
form p.error{ display:none; color:red; font-weight:bold; font-size:10px; margin:-2px 0 5px 0; clear:both; }
form li.error p.error{ display:block; }
.leftLabel p.error, .rightLabel p.error{ margin-left:30%; padding-left:15px; }

/* ----- REQUIRED ----- */
form span.req { color:red !important; display:inline; float:none; font-weight:bold; margin:0 0 0 2px; padding:0; }

/* ----- INSTRUCTIONS ----- */
form li.focused, form li:hover { position: relative; }
form li.focused  { background-color:#fff7c0; }

.instruct{ visibility:visible; position:static;	margin:-2px 0 0; padding:0 0 7px;
 width:100%; clear:left; background:none; border:none; }

/* ----- FIELD FLOATING ----- */
form li.leftHalf { clear:left; float:left; }
form li.rightHalf { clear:none; float:right; padding-right: 1.5%;}
form li.leftHalf, form li.rightHalf { width:46% !important; }
li.leftHalf .medium, li.rightHalf .medium, li.leftHalf .small, li.rightHalf .small { width:100%; }