/*******************************************************************************

	Project		:	www.efemer.net

	Copyright	:	philipp hofstätter webdesign
					www.fietstouring.com

	Version		:	1.0

******************************************************************************* */

/* =GLOBAL SETTINGS
=================================================================================================== */

* { margin: 0; padding: 0;}

body {
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-size: 11px;
	color: #444;
	background: #e0f3f7 url(images/background-top.png) repeat-x left top;
	text-align:center;
	}

a, a:visited { 
	color: #17c6eb;
	text-decoration: underline;
	padding-bottom: 0;
	}


h3 a, h3 a:visited { 
	text-decoration:none;
}

a:hover, h3 a:hover {
	padding-bottom: 0;
	color: #182b3d;
	}

h1 { 
	font-size: 150%;
	line-height: 1.5em;
	color: #000;
	}

h1 a { 
	display:block;
	width: 575px;
	height: 178px;
	background: transparent url(images/efemer-amberandgold.png) no-repeat left top;
	text-indent: -5000em;
}

h2 { 
	font-size:150%;
	font-weight: bold;
	line-height: 1.5em;
	margin: 8px 0 12px 0;
	color: #000;
	background: #17c6eb;
	padding: 4px 8px;
	}
	
h2 span, h2 a { 
	color: #fff;
	font-size: 80%;
	font-weight:bold;
}

h2 a, h2 a:visited, h2 a:hover { color: #fff; font-size: 100%;  text-decoration:underline; }

h2 span.lage { display:block; color: #fff; }

p {
	padding: 6px 0;
	color: #444;
	line-height: 1.6;
}

strong { 
	color: #000;
	}


/* =SEITENSTRUKTUR
=================================================================================================== */

#container {
	width: 655px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*stoopid ie*/
	}

#header { 
	position:relative;
	text-align:left;
	}

#main-body { 
	text-align:left;
	line-height: 1.4;
	padding: 15px 12px 25px 15px;
	background: #fefefe;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	}


/* =ACCORDION
=================================================================================================== */

h3 { 
	padding: 6px 0 5px 0;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
	line-height: 1.7;
	}

h3.toggler { border-bottom: 1px dotted #dedede; }

h3.linkSet {  display:inline; }

/* misc.
---------------------------------------------------------- */

a.big {  font-size: 120%; font-weight:bold; }

.imageCenter {
	text-align:center;
	padding: 12px 0;
	}
	
a.rahmen img { border: 1px solid #dcdcdc; }

a.rahmen:hover img { border: 1px solid #ff6300; }

p.floatP {
	margin-left: 220px;
	}

div#footer { 
	color: #333;
	margin: 0 auto;
	text-align:left;
	margin-top: 20px;
	font-size: 10px;
	line-height:1;
	height: 35px;
	padding-left: 12px;
	}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

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

.clearfix { display: inline-block; }

hr, .hide {
	display: none;
	}

a img {
	border: none;
	}

.float-left { 
	float:left;
	margin-right: 12px;
}