/*********************************************************************************
	basierend auf www.hundertmorgen.de
**********************************************************************************/
 /* ============================================ main CSS ================== */
:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {
	font-size:1em;
	font-weight:normal;
	text-align:left;
	text-shadow: 2px 2px 3px #9d9d9d;
	}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


/*legend { display:none; }*/
legend { display:block; }

div, p, li, a {background-repeat:no-repeat; }


/* ### reset some basic style ################################################### */

dl		{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}
ol		{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}
p		{margin-bottom: 0em;}
ul		{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0;
		list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre		{font-size:1.2em; }

a:hover { text-decoration:none; }

/* Definierte Liste, z.B. Partner */
dl {
/*background:url(../pix/bunt.jpg) top left repeat-y #eee;*/
border:1px solid green;
padding:5px 0 0 5px;
/*width:400px;*/
/*margin-left:100px;*/
}
dt {
color:blue;
padding:5px 0 0 5px;

}
dd {
padding:0 0 0 40px;
}



/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {	background-position:center top;
	background-image: url(../files/wrapinner.png);
	background-repeat: repeat-y;
	background-color:#ffffff;
	color: #033;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:840px;
}

/* ### Header ##################################################################### */

#header {
	position:relative;
	margin:0;
	padding:0;
	height:140px;
}

#start-header, #kopf_NP {
	position:relative;
	left:25px;
	height:180px;
}

/* ### Logo ####################################################################### */



/* ### Teaser ##################################################################### */

#main-teaser {
	text-indent:-700em;
	height: 220px;
}


/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {}

#main {
	float:right;
	width:630px;
}


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	text-align:justify;
	width:630px;
	color: #030;
}


#main-content-block {
	position:relative;
	top:-20px;
	padding:20px;
	padding-top:0px;
	display:block;
}


/* ### Footer ###################################################################### */

#footer {
	display:block;
	width:100%;
}

#footer p {
	padding: 20px 0;
	color:#c4c4c4;
	background:inherit;
}

#footer p a,
#footer p a:link {
	color:#c4c4c4;
	text-decoration: underline;
	background:inherit;
}

#footer p a:hover {
	color:#c4c4c4;
	text-decoration: none;
	background:inherit;
}


 /* ============================================ main Content CSS ================== */
 
 
#site-content {
	color:#fff;
	text-align:left;
	background: inherit;
}

/* ### breadcrump ############################################################ */

#main-block p#breadcrumb {
font-size: 1em;
color: #90B0BF;
margin-bottom: 30px;
}


/* ### headlines ############################################################ */

#main-block h1 {
	color:#211f1c; /* dunkelbraun für Überschrift */
	background: inherit;
	font-size:1.6em;
	font-weight:900;
	line-height:1.6em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

#main-block h2 {
	color:#075503;
	background: inherit;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.6em;
}

#main-block h3 {
	color:#90B0BF;
	background: inherit;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
}

#main-block h4 {
	color:#c4c4c4;
	background: inherit;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
}

#main-block h5 {
	color:#c4c4c4;
	background: inherit;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.0em;
}

#main-block h6 {
	background: inherit;
	color:#c4c4c4;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.0em;
}


/* ### Images ############################################################ */

#main-block img {
	display:block;
		margin:4px 0;
	border:2px solid #BFBFBF;
}

#main-block img.floatLeft {
	float:left;
	margin:4px 10px 4px 0;
}

#main-block img.floatRight {
	float:right;
	margin:4px 0 4px 10px;
}



/* ### Hyperlinks ######################################################### */

#main-block a, 
#main-block a:link {
	color:#90B0BF;
	text-decoration:underline;
}

#main-block a:hover {
	color:#90B0BF;
	text-decoration: none;
}

#main-block a.faq, 
#main-block a.faq:link {
	color:#eee;
	font-size:1.4em;
	text-decoration:none;
	text-transform:none;
	line-height: 2.0em;
}

#main-block a.faq:hover {
	color:#90B0BF;
	text-decoration:underline;
}


/* ### Paragraphs ########################################################## */

#main-block p {
	margin-bottom:1.6em;
	font-size:1.2em;
	line-height:1.6em;
}

#nav p {
	margin-bottom:1.2em;
}



/* ### Tables ############################################################## */

#main-block table {
	font-size:1.2em;
	line-height:1.6em;
}

#main-block td {
	padding:0 0 0 0;
}


/* ### Blockquotes ########################################################## */

#main-block blockquote {
	margin:0 0 0 20px;
}


/* ### Lists ################################################################ */

#main-block ul, 
#main-block ol {
	margin-bottom:1.2em;
	font-size:1.2em;
	line-height:1.6em;
}

#main-block ol li {
	margin:0 0 0 30px;
	list-style-type:decimal-leading-zero;
} 
#main-block ul li {
	margin:0 0 0 20px;
	list-style-type:square;
}


/* ### Module ################################################################ */


/* Styles für Sprachauswahl*/
.lg {
	position:relative;
	top:-2px;
	text-align:right;
	margin:0px auto;
	height:auto;
	display:block;
	
}
.lg ul {
    text-align:right;
    margin:0px auto;
    list-style-type:none;
    padding:0px;
    margin:0px;
    /*width:80%;*/
}
.lg ul li {
    text-align:right;
    margin:0px auto;
    list-style-type:none;
    padding:0px;
    margin:0px;
    margin-bottom:-5px;
    display:block;
    float:right;
    line-height:3em;
  
}

.current_lang {
	position:relative;
	top:5px;
	margin-right:25px;
}
/* =========== */

#main-content-block div.floatLeft img {
	float:left;
	margin:4px 40px 4px 0;
}

#main-content-block div.floatRight img {
	float:right;
	margin:4px 0 4px 40px;
}

/*
#main-content-block a.more {
	clear:left;
	position: relative;
	left: 120px;
}
*/

/* ### Team ### */

#main-content-block div.txt-img {
	clear: both;
	padding: 12px 0;
}


/* ### Team ### */

#main-content-block div.team {
	clear: both;
	padding: 12px 0;
	margin-bottom: 0px ;
}

#main-content-block div.team div{
	width:280px;
}

#main-content-block div.team p {
	font-size: 0.95em;
	/*letter-spacing: 0.05em;*/
	margin-top: 0px;
}

#main-content-block div.team div.floatLeft img {
	margin:4px 0px 4px 0;
}

/* ### Bildgalerie ### */

#main-content-block div.galerie {
	clear: both;
}
#main-content-block div.galerie div.image {
	float: left;
	width: 270px;
}

#main-content-block div.galerie div.image img{
	padding: 5px;
	border:1px solid #aaa;
}


/* ### Formular ################################################################ */

label.text{
	width: 80px;
	height: 25px;
	display:block;
	float:left;
	clear: left;
	padding-top:5px;
}

label.textarea{
	width: 80px;
	height: 25px;
	display:block;
	clear: left;
	padding-top:5px;
}
input.text {
	float:left;
	width: 370px;
	height:20px;
	background-color: #eee;
	color:#000;
	border-left: 6px solid #90b0bf;;
	border-bottom: 1px solid #FFF;
	border-right: 6px solid #90b0bf;;
	border-top: 1px solid #FFF;
}

textarea.textarea {
	width: 450px;
	height:100px;
	background-color: #eee;
	color:#000;
	border-left: 6px solid #90b0bf;;
	border-bottom: 1px solid #FFF;
	border-right: 6px solid #90b0bf;;
	border-top: 1px solid #FFF;
}

.submit{
	background-color: #90b0bf;
	color:#fff;
	margin-top: 10px;
	border: none;
}

/* Tabellenmodul Termine*/
.TKOPF{
    color:black;
    font-size:150%;
    font-weight:bold;
   border:0px solid #808080; 
   background-color:#cfc;
   width:100%;
   margin-top:20px;
   margin-bottom:5px;
}

.EVENT { 
   color:black;
   /*border:1px dotted #000; */
   border-bottom:1px dotted green;
   background-color: #ccffee;
   width:100%;
   margin-top:5px;
   margin-bottom:5px;}

.TZEILE1 {
	background-color:#FCFFF1;
}
.TZEILE2{
	background-color:#fff;
	}
.TZEILESPECIAL{
	color:#009900;
	border:1px solid #990000; }
.TZEILEIMPORTANT{
	color:#990000;
	margin-bottom: 5px;
	border-bottom:1px solid #009900;
	}


.EVENT p, .EVENT ul { 
margin: 0;
}