/******************************************************************************
		
		C  S  S   -   D  A  T  E  I
		
		Projekt		:	Ferie i Harzen			2009
		
		Copyright	:	a-concept internet.studio
							http://a-concept.de
		
******************************************************************************/



/*	Helpful Classes
*******************************************************************************/
.invisible{
	display: none;
}

.clear { 
	clear: both;
}

.flLeft , .float_left{ 
	float: left;
}

.flRight, .float_right { 
	float: right;
}

.phone{
	white-space: nowrap;
}

/*	Seite
*******************************************************************************/
html {
	margin: 0;
	padding: 0;
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	font: 12px/1.5em Verdana, Tahoma, Arial;
	color: #444;
	margin: 0;
	padding: 0;
	background-color: #34481c;
}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}



/*	LINKS
******************************************************************************/
a:link, a:visited {
	color: #008000;
	text-decoration: underline
}

a:hover, a:active {
	color: rgb(124,124,92); 
	text-decoration: none
}



/*	GOOGLE-ADs
******************************************************************************/
#googleAdBar {	/*	fixe Leiste neben der Seite	*/
/*position: absolute;*/
position: fixed;
top: 20px;
left: 1015px;
}
#googleAd120 {	/*	kleine Leiste unter der Navigation	*/
	width: 122px;
	margin-top: 50px;
}
#googleAd200 {	/*	kleine Leiste unter der Navigation	*/
	width: 202px;
	margin-top: 10px;
}



/*	Content
*******************************************************************************/
#wrapper {
	width:1003px;
	margin:0px;
	background: #fff url("bg_page.png") repeat-y left top;
}
#wrapper2 {
	background: transparent url("bg_top.jpg") no-repeat center top;
}

#content {
	width:983px;
	margin:0px auto;
}

#header {
	height:310px;
}

#header h1#page_title {
	padding: 50px 0 0 15px;
	margin: 0;
	font-size: 456%;
	line-height:100%;
	letter-spacing:-3px;
	color: #34481c;
}

#header h1 a:link,#header h1 a:visited {
	color: #34481c;
	text-decoration: none;
}

#header h2#page_topic {
  margin:0;
  padding: 0 0 0 16px;
  font-size: 138%;
  line-height:100%;
	color: #34481c;/*rgb(192,160,128);*/
}

#contentArea {
	clear:both;
	padding: 10px 0;
}



/*	ÜBERSCHRIFTEN contentArea
******************************************************************************/
#contentArea h1, #contentArea h2, #contentArea h3, 
#contentArea h4, #contentArea h5, #contentArea h6, 
#contentArea #middle h1.sub, #contentArea #middle .teaser h1, 
#searchBox h6 {
	font-family: Verdana, Tahoma, Arial;
	margin-top:10px;
	margin-bottom:0px;
	font-size: 120%;
	padding:5px;
	text-align:left;
}

#contentArea #middle h1 {
	font-family: Georgia, "Times New Roman", Times;
	font-size: 220%;
	line-height: 100%;
	margin-top: 50px;
}

#contentArea p, #contentArea ul, #contentArea ol, #searchBox p {
	margin-top:2px;
	margin-bottom:2px;
	padding:2px 5px;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
}

#contentArea p.lighter {
	color:#999; 
}

#contentArea p.lighter a {
	color:#999; 
	text-decoration:none;
}

#contentArea ul{
	padding-left: 25px;
}

#contentArea ol{
	padding-left: 30px;
}

#middle p {
	text-align: justify;
}

table {
	font-size: 12px;
	border: 1px solid #e2e2d8;
	border-collapse:collapse;
}

th, td {
	border: 1px solid #e2e2d8;
	border-collapse:collapse;
	padding: 5px;
}




#left {
	float:left;
	width:140px;/*214px;*/
	padding: 0 10px 0 0;
}

#left ul {
	font-size: 100%;
	text-decoration:none;
	list-style-type: none;
}

/*html #left ul {
	margin-left: -15px;
}*/

#left ul li {
	margin-left: -25px;
	line-height: 98%;
}

#left ul a{
	display: block;
	padding: 0;
	margin-bottom: 5px;
	text-decoration: none;
}
#left ul a.current, #left ul a:hover {
	text-decoration: underline;
}

#left ul a:hover {
	display: block;
}

#left ul ul {
	font-size: 95%;
	font-weight: normal;
}

#left ul ul a, #left ul ul a:hover {
	border: none;
	padding: 1px 0;
}



#middle {
	float:left;
	width:579px;
	padding: 0 10px;
}



#right {
	float:left;
	width:220px;
	padding: 0 0 0 10px;
}

#right p{
	font-size:100%;
	margin-bottom: 7px;
}



#bottom {
	background-color: #fff;
	width:978px;
	clear:both;
	height:25px;
	padding-top:25px;
}

#bottom p {
	font-size: 90%;
	text-align: center;
}



/*	BILDCONTAINER + BILDER, SUBTEXT
******************************************************************************/
div.image{
/*	padding: 10px;
	background-color: #f2f2e8;*/
	border: 1px solid #ccc;
	padding: 3px;
}

div.image.float_right{
	margin:5px 5px 7px 20px;
	text-align: left !important;
}

div.image.float_left{
	margin:5px 15px 7px 5px;
	text-align: left !important;
}

div.image.centered {
	text-align: center !important;
	margin: 5px auto;
}

div.image img{
	border: none;
	margin: 0 auto;
}

div.image p{
	text-align: left !important;
	font-size: 90% !important;
	line-height: 87% !important;
	margin: 2px auto 0 auto;
	padding: 0;
	color: #888;
}

/*	WEBCAM
******************************************************************************/
div.webcam img{
border: none;
margin: 0 auto;
}

div.webcam p{
text-align: left;
font-size: 95%;
width: 210px;
margin: 0;
padding: 0;
}



/*	TABMENU
******************************************************************************/
#tabNav {
	float:left;
	width:100%;
	margin:0 0 30px 0;
	font-size:100%;
	font-weight:bold;
	line-height:normal;
	border-bottom: 1px solid #ccc;
}
#tabNav ul {
	margin:0;
	padding:10px 10px 0 35px;
	list-style:none;
}
#tabNav li {
	display:inline;
	margin:0;
	padding:0;
}
#tabNav a {
	float:left;
	background:url("tableftB.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 3px;
	text-decoration:none;
}
#tabNav a span {
	float:left;
	display:block;
	background:url("tabrightB.gif") no-repeat right top;
	padding:5px 9px 4px 5px;
	color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabNav a span {float:none;}
/* End IE5-Mac hack */
#tabNav a.current span, #tabNav a:hover span {
	color:#000;
}
#tabNav a.current, #tabNav a:hover {
	background-position:0% -42px;
}
#tabNav a.current span, #tabNav a:hover span {
	background-position:100% -42px;
}

/*	Navigation
*******************************************************************************/
/*
#navigation li.active a, #navigation li a.current{
	color:#000;
	text-decoration:none;
}
*/



/*	Tabelle
*******************************************************************************/
/*	siehe Veranstaltungskalender-Addon */


/*	Container, Modul magazin_layout
*******************************************************************************/
.magazine-container {
	background: #f7f7f7;
}
.magazine-image a, .magazine-image a:hover {
	border: 0;
	background: transparent;
	outline: 0;
}
.magazine-layout{
	margin-bottom: 10px;
}


/*	Addon: "Veranstaltungskalender"
*******************************************************************************/
.eventform fieldset {
	background-color:#f8f8f8;
	padding:10px;
	margin:10px 30px;
	font-size:13px;
}

.eventform select {
	vertical-align:middle;
}

.eventform input {
	vertical-align:middle;
}

.eventform h3 {
	margin-top:15px !important;
}

table,
.eventlist {
	border:1px solid #90B0BF;
	border-collapse:collapse;
	margin:5px 30px 10px 30px;
}

th,
.eventlist th {
	font-size: 11px;
	text-align:left;
	border:1px solid #90B0BF;
	padding:3px 5px !important;
}

td,
.eventlist td {
	font-size: 12px;
	border-collapse:collapse;
	border:1px solid #90B0BF;
	padding:5px !important;
}

.facts .eltitel {
	font-size: 11px;
	font-weight: bold;
}

table, th, td {border:none;}



/*	BLÄTTERNAVIGATION
******************************************************************************/
#no_pagination {
	margin: -30px 0;
	height: 20px;
	border: none;
	padding:5px;
}

#pagination {
	margin: -30px 0;
	height: 20px;
	border: none;
	padding:5px;
	color: #444;
	background-color: #fff;
	text-align: center;
}

#pagination p {
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: center;
	display: block;
}

#pagination a {
	color: #008000;
	text-decoration: none;
}

p#pagination_navigation #page_back {
	margin-left: 35px;
}

p#pagination_navigation #page_cat {
	margin: 0 35px;
}

p#pagination_navigation #page_forward {
	margin-right: 35px;
}

p#pagination_navigation span#page_first, p#pagination_navigation span#page_back,
p#pagination_navigation span#page_forward, p#pagination_navigation span#page_last {
	color: #444;
}



/*	SUCHFELD
******************************************************************************/
#searchBox {
	float: right;
	width: 220px;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
}



/*  STYLING OF TEXTS
******************************************************************************/
.axx{font-family: Arial; padding: 1px 0.5em; border: 1px solid #fff; background: blue; font-weight: bold; color: #fff;}
.bxx{font-family: Arial; padding: 0 0.5em; border: 1px solid #000; background: yellow; font-weight: bold; color: #000;}
.exx{font-family: Arial; padding: 1px 0.5em; border: 1px solid #fff; background: #006400; font-weight: bold; color: #fff;}

.annonce{font-family: Arial; font-weight: normal; font-size: 10px; letter-spacing:0px;}



/*  DOWNLOAD
*******************************************************************************/
#middle .download-hdl p, 
#middle .download-file p, 
#middle .download-desc p { 
	margin: 0;
}

#middle .download-hdl { 
	margin: 0 30px;
	margin-top: 1em;
}

	#middle .download-hdl p { 
	padding: 5px 7px;
	font-weight: bold;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background-color: #ddd;
}

#middle .download-file { 
	margin: 0 30px;
	padding: 1.2em 7px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#middle .download-desc { 
	margin: 0 30px;
	margin-bottom: 1em;
	padding: 1.2em 7px;
	background-color: #eee;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#middle .download-without-desc { 
	margin: 0 30px;
	margin-bottom: 1em;
	border-top: 1px solid #ddd;
}



/* 
angelehnt an das
BEISPIEL-CSS FÜR do form! 1.x  
Bitte nicht 1 zu 1 übernehmen  
Wenn ja, dann diesen Hinweis nicht löschen
Version 2: Thomas Skerbis | www.klxm.de  
11.12.2008 
Dass CSS berücksichtigt nicht alle möglichen 
Felder 
Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.Formular-Generator
-------------------------------------------------------
*/

/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
}
.formgen fieldset {
	border: none;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin: 10px 0;
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	color: #900;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
/*	clear : both;*/
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 300px;
	height: 200px;
	margin-left: 4px;
}


/* Textfeld */
.formgen .formtext
{
	width: 300px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
}



/* Label */
.formgen label {
	width: 170px;
	clear: left;
	float: left;
	height: 20px;
	
	
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	border: 1px solid #eee;
	float: right;
	color: #444;
	padding: 5px;
}



/* Fieldsetbeschriftung */
.formgen legend {
color: #444;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: none;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

#form-module-thanks {
	font-weight: bold;
}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */



/*    SPECIAL HEADLINES
******************************************************************************/
.teaser h1.sub {
	display:none;
}

.specHead {
	padding-left: 20px !important;
	background: transparent left no-repeat;
}

h2.webcam {
	background-image: url("webcam.png");
/*	background-image: url("camera.png");*/
}

h2.brief, h3.brief{
	background-image: url("email.png");
}
h2.email{
	background-image: url("keyboard.png");
}
h2.telefon{
	background-image: url("telephone.png");
}
h2.tourInfo {
	background-image: url("information.png");
}

h3.achtung {
	background-image: url("exclamation.png");
}
h3.house{
	background-image: url("house.png");
}
h3.muenzen, h6.spende {
	background-image: url("coins.png");
}
h3.auto{
	background-image: url("car.png");
}
h3.uhr{
	background-image: url("clock.png");
}
h3.mensch{
	background-image: url("group.png");
}
h3.monitor{
	background-image: url("monitor.png");
}

h3.shopping {
	background-image: url("cart.png");
}

h3.stadtLinks, h3.mouse {
	background-image: url("mouse.png");
}

h6.comment {
	background-image: url("comment.png");
}

h6.cms {
	background-image: url("layout_content.png");
}

h6.suche {
	background-image: url("magnifier.png");
}

h6.bookmark {
	background-image: url("book_open.png");
}

h3.kosten {
	background-image: url("money.png");
}

h6.lage {
	background-image: url("map.png");
}

h6.photosource {
	background-image: url("photos.png");
}

h6.subNavi {
	background-image: url("page_green.png");
}

h6.twitter {
	background-image: url("twitter-03.png");
}
h6.facebook {
	background-image: url("Facebook.png");
}

h4.fenster {
	background-image: url("picture_empty.png");
}

h2.de, h3.de, h4.de, h5.de, h6.de {
	background-image: url("de.png");
}

h2.dk, h3.dk, h4.dk, h5.dk, h6.dk {
	background-image: url("dk.png");
}

.hFilm {
	background-image: url("film.png");
}

.hKalender, .hDatum {
	background-image: url("date.png");
}

.hNextTowns {
	background-image: url("map_go.png");
}

.wGewitter {
	background-image: url("weather_lightning.png");
}
.wRegen {
	background-image: url("weather_rain.png");
}
.wSchnee {
	background-image: url("weather_snow.png");
}
.wSonne {
	background-image: url("weather_sun.png");
}
.wWolken {
	background-image: url("weather_clouds.png");
}
.wWolkig {
	background-image: url("weather_cloudy.png");
}



/*    HARZKARTE mit Markierungen für die Städte
******************************************************************************/
.kartenContainer {
	position: relative;
}

.kartenMarkierung {
	/*Positionierung über Klasse*/
	position: absolute; 
	font-size: 15px; 
	line-height: 15px; 
	display: block; 
	padding:0;
}

.mAltenau			{top: 37px; left: 43px;}
.mAltenbrak			{top: 52px; left:113px;}
.mBadGrund			{top: 37px; left: 12px;}
.mBadHarzburg		{top: 19px; left: 56px;}
.mBadLauterberg	{top: 79px; left: 45px;}
.mBadSachsa			{top: 87px; left: 56px;}
.mBadSuderode		{top: 55px; left:137px;}
.mBenneckenstein	{top: 67px; left: 87px;}
.mBraunlage			{top: 55px; left: 64px;}
.mCLZ					{top: 37px; left: 25px;}
.mDankerode			{top: 80px; left:142px;}
.mDreiAnnen			{top: 43px; left: 78px;}
.mElend				{top: 46px; left: 74px;}
.mEisleben			{top:101px; left:199px;}
.mGS					{top: 10px; left: 40px;}
.mGuentersberge	{top: 72px; left:115px;}
.mHahnenklee		{top: 25px; left: 25px;}
.mHBS					{top: 17px; left:129px;}
.mHasselfelde		{top: 63px; left: 98px;}
.mHattorf			{top: 70px; left: 13px;}
.mHerzberg			{top: 70px; left: 26px;}
.mHohegeiss			{top: 67px; left: 83px;}
.mIlsenburg			{top: 25px; left: 71px;}
.mKelbra				{top:119px; left:122px;}
.mLautenthal		{top: 23px; left: 18px;}
.mLonau				{top: 67px; left: 28px;}
.mLutter				{top: -1px; left: 11px;}
.mMansfeld			{top: 83px; left:185px;}
.mNeudorf			{top: 78px; left:140px;}
.mNDH					{top:107px; left: 91px;}
.mOHA					{top: 57px; left: 15px;}
.mPoehlde			{top: 82px; left: 26px;}
.mQLB					{top: 40px; left:140px;}
.mSGH					{top:113px; left:163px;}
.mScharzfeld		{top: 79px; left: 34px;}
.mSchierke			{top: 44px; left: 66px;}
.mSchulenberg		{top: 25px; left: 41px;}
.mSeesen				{top: 18px; left:  4px;}
.mSieber				{top: 60px; left: 39px;}
.mStAndreasberg	{top: 57px; left: 52px;}
.mStiege				{top: 68px; left:103px;}
.mStolberg			{top: 89px; left:111px;}
.mThale				{top: 50px; left:125px;}
.mTorfhaus			{top: 37px; left: 54px;}
.mTreseburg			{top: 53px; left:115px;}
.mWR					{top: 29px; left: 90px;}
.mWalkenried		{top: 87px; left: 64px;}
.mWieda				{top: 79px; left: 58px;}
.mWildemann			{top: 33px; left: 18px;}
.mWolfshagen		{top: 14px; left: 24px;}
.mZorge				{top: 79px; left: 70px;}