/* CSS Document */

body {
text-align:center;
font-family: verdana, tahoma, arial, sans-serif;
background: #e4f2ca;
}

#container {
margin:auto;
text-align:left;
width:980px ; 
background: #000000;}

#header {
height:242px;
background: url(layout_nordermarkt_01.jpg) no-repeat;
}

#main {
width:980px;
background: url(bg_main.jpg) repeat-y;
}

#left {
float:left;
color: #333333;
font-family: verdana, sans-serif;
width: 319px;
background: url(layout_nordermarkt_02.jpg) no-repeat;
height:550px;
}


#center {
width:630px;
float:left;
font-size:11px;
font-family: verdana, arial;
background: transparent; 
}
/* ///////////////////////////////////////////////// C O N T E N T /////////////////////////////////////////////////// */

#content {
margin:25px 0px 0px 3px;
padding:0;
width:580px;
background: transparent;
font-size:12px;
}

#content p{
font-size:12px;
color:#333333;
line-height:18px;
margin:5px 0px 0px 0px;
font-family: verdana, arial;
line-height:18px;
}

#content p a {
color: #0382c7;
text-decoration:none;
border-bottom: 1px dotted #0382c7;
}


#content h1 {
font-size:15px;
color:#0382c7;
margin:10px 0px 13px 0px;
padding: 0px 0px 0px 5px;
border-left: 5px solid #0382c7;
}

#content h2 {
font-size:12px;
color: #0382c7;
clear:both;
font-weight:bold;
padding:0;
margin:0;
padding: 15px 0px 5px 0px;
}


#content h4 {
background: #0382c7;
color: #ffffff;
line-height: 18px;
padding: 0px 0px 2px 0px;
width:88%;
font-size:12px; }

#content .section {
clear: both;
}

#content .section ul {
line-height:20px;
}

#content .section .mitgliederbild_lang {
margin-top:10px;
padding:6px;
border: 1px solid #cccccc;
}


#content .section a{
font-size: 11px;
text-decoration: underline;
color: #333333;
}

#footer {
width:980px;
font-size:12px;
clear:both;
height:34px;
background: url(layout_nordermarkt_05.jpg) no-repeat;
}

#footer a{
font-size:11px;
text-decoration: none;
color: #dddddd;
}



/* Kontaktformular Definition */

/* Div das das Formular umschließt */

.formgen {
	
	font-size: 11px;
font-family: verdana, tahoma,verdana;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}


.formgen form {
font-family: verdana, Helvetica, sans-serif;
line-height : 120%;
width: 500px;
}

/* 

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

.formgen .formblock
{
font-family: verdana, Helvetica, sans-serif;
margin-bottom: 12px;
margin-top:20px;
padding-bottom: 3px;
padding-right: 2px;
padding-left: 5px;
}

/*
Verhalten von br-Tags
*/

.formgen br
{
clear : both;
}

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

/* Mehrzeiliges Eingabefeld */

.formgen .formtextfield
{
	width: 300px;
	height: 140px;
	margin-left: 6px;
	padding-top:6px;
	padding-left:3px;
	overflow: auto;
	border: 1px solid #0382c7;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	}

.formgen:hover .formtextfield:hover
{
	width: 300px;
	height: 140px;
	margin-left: 4px;
	padding-top:6px;
	padding-left:6px;
	overflow: auto;
	border: 1px solid #c5ddf0;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent;
	background: url(bg_textfield.png);
	

	}


/* Textfeld */
.formgen .formtext
{	border: 1px solid #0382c7;
	height: 18px;
	font-size:12px;
	font-weight:normal;
    width: 300px;
	margin-top:4px;
	margin-left: 4px;
	padding:5px 0px 0px 6px;
	background: transparent;
	font-family: verdana, Helvetica, sans-serif;
	
}


.formgen:hover .formtext:hover
{	border: 1px solid #c5ddf0;
	height: 18px;
	font-size:12px;
	font-weight:normal;
    width: 300px;
	margin-top:4px;
	margin-left: 4px;
	padding:5px 0px 0px 6px;
	background: url(bg_textfield.png);
	font-family: verdana, Helvetica, sans-serif;
	
}




/* Trennelement , Abstand */

.formgen .formtrenn

{
	display: block;
	height: 30px;	
}

/* Hinweistext */

.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}

/* Überschrift */

.formgen .formheadline

{
font-family: verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}

/* Passwortfeld */

.formgen .formpassword

{
	width: 240px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/*Captcha-Bild*/

.formgen .formcaptcha {
	border: 1px solid #cccccc;
	}

/* Label */

.formgen label {
font-family: verdana, Helvetica, sans-serif;
width: 145px;
clear: left;
float: left;
height: 20px;
color: #ffffff;
padding: 5px 0px 0px 5px;
font-size:12px;
font-weight: bold;
background: #0382c7;
margin-top:4px;
}

.formgen legend {
color: #e7e7e7;
padding:0px;margin:0px;
border:1px solid #e7e7e7;
background:transparent;
}


/* Aussehen der Select-Ausgabe */

.formgen .formselect

{
	width: 240px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/* Sende-Button */
.formgen .formsubmit
{
padding: 4px 0px 4px 0px;	
	border: 1px solid #0382c7;
	color: #cccccc;
	background: #ffffff;
	width:100%;
	font-family: verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 490px;
margin-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 0px solid #cccccc;
font-family: verdana, Helvetica, sans-serif;
background: url(bg_formular.gif) no-repeat;
font-size:12px;
}

/* Fieldsetbeschriftung */
.formgen legend {
font-weight: normal;
color: #e7e7e7;
font-size:12px;
border: 1px solid #e7e7e7;
}

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

/* Fehlermeldung nach Versand */
.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
}

/* Markierung der Labels bei Fehler */

.formgen .formerror {
color: #FFFFFF;
background-color: #f4797e;
}


/* DANKE Text */

#form-module-thanks {padding-top:10px;font-weight:bold;height:200px; color: #72a762; line-height: 20px;}





/* ///////////////////////////////////////////7////////////////////////////// CSS für magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
		
	}
	.magazine-container {
		background: #dddddd;
		
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=85);
		line-height: 0.0em;
		opacity: 0.85;
		-moz-opacity: 0.85;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

/* ////////////////////////////////// CSS für magazin_Layout */

/* //////////////////////////////////////////////////////////7/////////// Kleine Textbox ///////////// */

#coepstextbox p {

border: 1px dotted #FFB202;
margin-top: 10px;
margin-bottom: 10px;
padding: 8px 8px 8px 8px;
}

#coepstextbox {
border: 1px dashed #ffcc00;
}


/* ////////////////////////////////////////////////////////////////// Zweispalter mit TINYMCE ////////////////// */


.tiny_2 .linkespalte {
	width: 270px;
	float: left;
	}

.tiny_2 .linkespalte a {
font-size: 12px;
text-decoration: underline;
color: #333333;
}

.tiny_2 .linkespalte ul li{
color: #333333;
padding:3px 0px 3px 0px;
}



.tiny_2 .rechtespalte a {
font-size: 12px;
text-decoration: underline;
color: #333333;
}


.tiny_2 .rechtespalte {
	width: 270px;
	margin-left: 40px;
	margin-top: 0px;
	float: left;
	}
	
.tiny_2 .rechtespalte ul li{
color: #333333;
padding:3px 0px 3px 0px;
}


	 
/* ////////// News Defintionen //////// */

#content .news {
background: url(bg_news.gif) repeat-x;
padding: 10px 10px 10px 10px;
margin: 20px 0px 15px 0px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
width: 250px;
font-size:11px;
width:520px;
clear:both;
min-height:160px;
}

#content .news img {
float:left;
margin:0px;
padding:0;
margin:10px 10px 10px 0px;
border: 1px solid #0382c7;
}

#content .newsbild {
float:left;
padding:5px 15px 20px 0px;
}

#content .news p {
color: #333333;
font-size:12px;
line-height:20px;
margin:5px 0 0 0;
padding:0;
}

#content .news p a{
font-size:12px;
padding:10px 0 0 0;
color: #0382c7;
text-decoration: none;
border-bottom: 1px dotted #0382c7;
}


#content .news h5 {
color: #333333;
font-size:11px;
padding:0;
margin:0;
font-weight:normal;
}

#content .news h1 {
color:#0382c7;
font-size:13px;
padding:5px 0px 0px 0px;
margin:0;
border: none;
}

#content .teaserNav {
padding-top:10px;
clear:both;
}


/* /////////////////////////////////////////// SHADOWBOX Defintionen ///////////////////////////////////// */

#content .galeriebild {
padding: 7px 7px 7px 7px;
background: #fcfcfc;
border: 1px solid #cccccc;
margin:0px 5px 5px 0px;
}


#content .galeriebild:hover {
background: #eceeec;
border: 1px solid #cccccc;
}

#content .txt-img {
margin-left:30px;
float:left;
}

#content .txt-img a.more{
clear:both;
}

/* ////////////////////////////////////// NEWSLETTERBOX ////////////////////////////////////// */

#newsletter {
background:transparent;
margin:80px 0px 15px 47px;
width:225px;
border-top: 3px solid #90c336;
border-bottom: 3px solid #90c336;
padding-left:5px;
}

#newsletter h3 {
color: #90c336;

font-size:11px;
margin:0px;
padding:0px;
width: 80%;
line-height:18px;
}

#newsletter h2 {
background: #90c336;
color: #ffffff;
font-size:12px;
width:95%;
}

#newslettereintragen .submitbutton {
margin:5px 0 10px 0px;
padding:0px 2px 2px 2px;
border: 1px solid #cccccc;
color: #333333;
background: #e8ece8;
font-family: verdana, Helvetica, sans-serif;
font-size:11px;
height:16px;
}

#newslettereintragen .label {
margin:0 0 0 0;
padding:0px 3px 3px 0px;
color: #333333;
font-family: verdana, Helvetica, sans-serif;
font-size:11px;
}


#newslettereintragen .textfeld {
margin:0px 0 0px 0px;
padding:2px 2px 2px 2px;
color: #333333;
height:14px;
font-family: verdana, Helvetica, sans-serif;
font-size:11px;
width:180px;
background: #e8ece8;
border:1px solid #cccccc;
display:block;}

#newslettereintragen form {
margin:0px;
padding:0px;
}

#newslettereintragen form p{
margin:0px;
padding:0px;
margin-top:5px;
}



/* //////////////////////////////// GALERIE-ARTIKELLISTE ////////////////////////// */

#galerieliste {margin: 20px 0px 0px 0px;}

#galerieliste .metafilebild {margin: 0px 15px 20px 0px; border: 2px solid #0382c7;}

#galerieliste p {font-size:12px; color: #333333;}

#galerieliste a.faq {color: #0382c7; text-decoration: none; border-bottom: 1px #0382c7 dotted; }

#galerieliste a.morelink {color: #0382c7; text-decoration: none; border-bottom: 1px #0382c7 dotted; float:right; border-bottom:2px dotted #0382c7;}




/* //////////////////////////////// GALERIE-MITGLIEDERLISTE ////////////////////////// */

#mitgliederliste {margin: 20px 0px 15px 0px; border-bottom: 1px dotted #0382c7;padding-bottom:10px;}

#mitgliederliste .metafilebild {margin: 0px 15px 20px 0px; border: 1px solid #0382c7;}

#mitgliederliste p {font-size:12px; color: #333333;}

#mitgliederliste a.faq {color: #0382c7; text-decoration: none; border-bottom: 1px #0382c7 dotted; }

#mitgliederliste a.morelink {margin-bottom:8px; color: #0382c7; padding-top:5px; font-size:11px; text-decoration: none; border-bottom: 1px #0382c7 dotted; float:right;}


/* //////////////////////////////// ZUFALLSBILD ////////////////////////// */

#zufallsbild {
width:225px;
margin:80px 0px 0px 45px;
border-bottom:1px dotted #90c336;
padding: 3px 0px 3px 0px;
font-size: 10px;
background: #90c66;
}

#zufallsbild img {

padding:2px;
background: #cccccc;
margin-left:25px;
}

#zufallsbild .wysiwygimgtitle {
margin-top:5px;
padding-top:3px;
font-size:10px;
}

#zufallsbild a .wysiwygimg {
border:0px;
}