/**
 * DO Golfclub DESIGN for TYPOLIGHT
 * Copyright (C) 2010 Dortmunder Golfclub
 *
 * html.css (DEFAULT HTML)
 *
 * This program is free software: you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation, either
 * version 3 of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, please visit the Free
 * Software Foundation website at <http://www.gnu.org/licenses/>.
 *
 * @copyright  Dortmunder Golfclub e.V. 2010 <http://www.dortmunder-golfclub.de>
 * @author     Enrico Gehrwin <http://www.clanmods.eu>
 * @license    LGPL
 */


/**************************************************************
	MAIN DEFINITIONS
**************************************************************/

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #5a5a5a;
	background: #FFF url(../bg/background-tlB.jpg) no-repeat fixed top center;
}


/**************************************************************
	CAPTIONS
**************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
}


#left h2, #right h2 {
	padding-bottom: 0.2em;
	font: 400 13px arial, sans-serif;
	font-weight: bold;
	color: #30492d;
	border-bottom: 3px solid #99b495;
}

#left h2:before, #right h2:before {
	content: url(../bullet_panel.png)" ";
}


h1 {
	padding-bottom: 0.2em;
	font: 400 14px arial, sans-serif;
	font-weight: bold;
	color: #30492d;
	border-bottom: 4px solid #99b495;
}

h2 {
	padding-bottom: 0.2em;
	font: 400 12px arial, sans-serif;
	font-weight: bold;
	color: #30492d;
	border-bottom: 2px solid #99b495;
}

#main h1:before {
	content: url(../bullet.png);
}



h3 {
	text-transform: uppercase;
	font-size: 11px;
	color: #30492d;
}

h4 {
	font-size: 0.85em;
}

h5 {
	font-size: 0.8em;
}

h6 {
	font-size: 0.7em;
}


/**************************************************************
	LINKS
**************************************************************/

a {
	text-decoration: none;
	color: #3c4c34;
}

a:hover {
	color: #679a50;
}

a img {
	border: 0;
}

a img.border {  
	border: 1px solid #405d38;
}

a:hover img.border {  
	border: 1px solid #679a50 !important;
	border: 1px solid #679a50;
}



/**************************************************************
	FORM ELEMENTS
**************************************************************/

form {
	padding: 0;
	margin: 0;
}

input, textarea, select {
	padding: 3px;
	font: 400 1em  Verdana, Tahoma, Arial;
	color: #4b5e45;
	background: #ddf0d8;
	background: url(../bg/cellpic4.jpg) repeat-x bottom left;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #a8a8a8 #dedede #dedede #c5c5c5;
}

input:focus, textarea:focus, select:focus {
	color: #2e362b;
	background: #f4f4f4;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #a8a8a8 #dedede #dedede #c5c5c5;
}

input[type=button], input[type=submit]  {
	padding: 2px;
	color: #4b5e45;
	background: #ddf0d8 url(../bg/cellpic4.jpg) repeat-x bottom left;
	border: 1px solid;
	border-color: #dedede #a8a8a8 #a8a8a8 #dedede;
}

input[type=button]:hover, input[type=submit]:hover  {
	color: #c8d5c4;
	background-image: url(../bg/button_bg_a.jpg);
	border-color: #b9d6af #78a06b #78a06b #b9d6af;
}

input[type=button]:active, input[type=submit]:active  {
	color: #9bae95;
	background-image: url(../bg/button_bg_a.jpg);
	border-color: #77a06a #455d3d #455d3d #77a06a;
}

input.noBorder, input:focus.noBorder, input:hover.noBorder {
	padding: 0;
	border: 0;
}

input.button {
	padding: 2px 5px;
	font: 400 0.9em verdana, serif;
	cursor: pointer;
	color: #fff;
	background: #FC3307;
	border-width: 1px;
	border-style: solid;
	border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
	background: none;
	border: 0px;
}


/**************************************************************
	IMAGES
**************************************************************/

img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}



/**************************************************************
	LISTS
**************************************************************/

ol li {
	font-weight: bold;
	color: #668FA3;
}

ol li span {
	font-weight: normal;
	color: #444;
}


/**************************************************************
	MISC
**************************************************************/

blockquote {
	margin: 0;
	padding: 0 20px;
	background: #E7F1F3;
	border-top: 1px solid #AAD3DB;
	border-bottom: 1px solid #AAD3DB;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/**************************************************************
	TYPOLIGHT DEFINITIONS
**************************************************************/

.invisible {
	width:0px;
	height:0px;
	left:-1000px;
	top:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
}

.custom {
	display:block;
	text-align:left;
}

.custom:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.block {
	overflow:hidden;
}

.clear, #clear {
	height:0.1px;
	font-size:0.1px;
	line-height:0.1px;
	clear:both;
}

.inside {
	position:relative;
	text-align:left;
}