body
{
        margin: 0;
        padding: 0;
        color: #333333;
        background:url(../files/body_bg.png) repeat-x #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 101.01%;
		text-align:center;
		margin-top:10px
}
body img{border:0px}

html{height:100.3%}

/* -- Positionierung der Bereiche --*/

#header{
		text-align:left;
		background:url(../files/design/back_header.gif) repeat-y;
		padding:0;
		height:95px;
}

#header img{vertical-align:bottom}

.clearer{font-size:1px;
line-height:1px;
height:1px;
clear:both
}

#content
{
        width: 770px;
        padding: 0px;
        border: solid 0px #cc0000;
        min-height: 560px;
        position: relative;
        text-align: left;
        margin:0px auto;
		border:1px solid #42629d;
		background:#FFFFFF;
		background:url(../files/design/back.gif) repeat-y; 
}

#content_default
{
        width: 770px;
        padding: 0px;
        border: solid 0px #cc0000;
        min-height: 560px;
        position: relative;
        text-align: left;
        margin:0px auto;
		border:1px solid #42629d;
		background:#FFFFFF;
		background:url(../files/design/back_default.gif) repeat-y;
}

#Inhalt01
{
        float:left;
        width:200px;
        font-size:0.8em;
		padding:0px;
		margin:0px;
}

#flaggen{position:absolute; left:700px; top:5px; padding:0; margin:0}

#rechts
{
        float: left;
        width: 205px;
        border: solid 0px #ffffff;
        margin:0px 0px 0 0px;
        padding: 0px;
		font-size:0.8em;

}

.flRight{
		float:right;
		margin:0 0 3px 3px
}

.flRight p{
		padding:0;
		margin: -4px 0 0 0; font-size:0.8em;
		font-style:italic
}

.flLeft{
		float:left;
		margin:0 6px 3px 0
}

.flLeft p{
		padding:0;
		margin: -4px 0 0 0; font-size:0.8em;
		font-style:italic
}

#text { border:solid 0px #f5f5f5 ;margin:0;background:#ffffff;float:left;}

#text2 {padding:20px; width:322px; border-left:solid 0px #cccccc ;background:#ffffff; font-size: 0.8em;float:left;margin:0}
#text3 {padding:20px; width:530px; border-left:solid 0px #cccccc ;background:#ffffff; font-size: 0.8em;float:left;margin:0}

#text2 p {padding:5px 0 5px 0; margin:0}

#text2 a{color:#0066CC; text-decoration:none}

#text3 a{color:#0066CC; text-decoration:none}

#text3 ul{
		list-style-image:url(../files/design/herz.gif);
		}
#text3 ul li{

		}

/* Inhalt mit rechts */
.float2
{
        width: 250px;
        display: block;
        float: left;
        padding:0px ;
        overflow: hidden;

        margin: 0 10px 10px 0;


}
.spalte{border:solid 0px; padding:0px; width:auto; display:block; }

.float2 h2
{color:#333333; margin:0;  font-size:1em; background:url(../images/rot_grau.gif) no-repeat;padding:0 0 0 15px;}

/* ie 5 hack */
html + body .float2
{
        width: 33%;
        border: solid 0px;
}

/* Inhalt mit ohne */
.float1
{
        padding: 0px;
        margin: 0 10px 0 0px;
        border: solid 0px;
        display: block;
}

/*allgemeine Formatierung*/
.trenner
{

        height: 1px;
        clear: left;
        margin: 15px 0 15px 0;
        border:solid 0px
}

.back_button { text-align: right; clear:right}

h1
{
        font-size: 1.2em;
        font-weight: bold;
        padding: 2px 3px 2px 2px;
        color: #16557F;
        text-align: left;
        margin:0;
		border-bottom:1px solid #000000


}

h2
{
		font-weight: bold;
		font-size: 1.0em;
		color:#16557F;
		padding-left:1px
}

h3
{
        font-size: 1.2em;
        font-weight: bold;
        padding: 3px 3px 4px 0px;
        color: #16557F;
        text-align: left;
        margin:0;
}

h4
{
        font-size: 1.0em;
        font-weight: bold;
        padding: 0px;
        margin: 15px 0 15px 0;
        border-bottom: 0px solid #cccccc;
        color: #333333;
        line-height: 1.1em;
}

p
{
        margin: 10px 0 10px 0;
        line-height: 1.4em;
}


/* Navigation 
<div id="navigation">	
<ul>
<li><a class="level1" href="1-0-home.html">HOME</a></li>
<li class="active"><a class="level1" href="34-0-info.html">INFORMATION</a></li>
<li><a class="level2" href="35-0-kat1.html">UNTERMENÜ01</a></li>
<li><a class="level1" href="27-0-anfrage.html">ANFRAGE</a></li>
<li><a class="level1" href="28-0-kontakt.html">KONTAKT</a></li>
</ul></div>
*/

#navigation{float: left; width: 200px; padding-top: 24px;}
#navigation ul{list-style: none; padding-left: 12px; margin: 0;}
#navigation ul li{margin-bottom: 12px;}
#navigation ul a{color: #16557F; font-weight: bold; text-decoration: none; text-transform:uppercase}
#navigation ul a.current{color: #0066CC; font-weight: bold; text-decoration: none;}
#navigation ul a:hover, a.current{color: #444;}
#navigation ul ul li{margin: 6px 0;}
#navigation ul ul a{color: #16557F; font-size: 0.9em; font-weight: normal;}
#navigation ul ul a:hover{color: #444;}
#navigation ul ul a.current{font-weight: bold;}

#Bereichsmenue a.readon , #rechts a.readon{text-decoration:underline; font-weight:bold}

.unsichtbar, .reader, a.skip
{display:none}

/* iemac hide \*/
.unsichtbar, .reader, a.skip
{
        position: absolute;
        left: -3000px;
        top: -2000px;
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: inline;
}

/* eof iemac hide */
.wrap
{
        float: none;
        clear: left;
        border: 0;
        visibility: hidden;
        margin: 0;
        padding: 0;
        height: 0;
        line-height: 1px;
        font-size: 1px;
}

.wrap2
{
        float: none;
        clear: both;
        border: 0;
        visibility: hidden;
        margin: 0;
        padding: 0;
        height: 0;
        line-height: 1px;
        font-size: 1px;
}



#footer
{

        text-align:right;
        padding: 1px 0;
		border-bottom:1px solid #42629d;
		border-left:1px solid #42629d;
		border-right:1px solid #42629d;
        width:770px;
	    font-size:0.75em; text-align:right;
        background: #fff;
        color:#000;
        font-size:0.8em;
		margin:0 auto
}

#footer a{color:#000; text-decoration:none; padding-left:10px; padding-right:5px}

.back_button
{
        text-align: right;
        font-size: 0.9em;
        border-top: solid 1px #cccccc;
        margin: 40px 0 0 0;
        padding: 10px 0 0 0;
        color: #cccccc;
}


/* Seitennavigation */

ul.pagenav
{

        margin: 0px 0 0 0px;
        padding: 10px 0 10px 0;
}

ul.pagenav li
{
        display: inline;
        border-right: solid 1px #647C32;
        padding: 0px 10px 0 10px;
}




p.pagenav
{
        border-top: solid 2px #647C32;
        border-bottom: solid 2px #647C32;
        margin: 0px 0 0 -10px;
        padding: 10px 0 10px 0;
        display:block
}



.blog_more
{
        margin: 20px 0 50px 0;
        border: solid 0px;
}

h3.pagenavh
{
        margin: 0px 0 0px 0px;
        padding: 0px 5px 5px 5px;
        font-size: 1.2em;
        color: #647C32;

        display: block;
border-bottom:solid 1px #999999
}

/*blogmore */
.blog_more ul
{

        margin: 0px 0 0 0px;
        padding: 20px 0 20px 20px;
        list-style-type: square;
list-style-image:url(../images/rot_grau.gif)
}

.blog_more ul li { margin: 10px 0 10px 0; }

div.pagenav
{ margin: 50px 0 0 0px; border:solid 0px}


p.pagenav
{
        border-top: solid 0px #013580;
        border-bottom: solid 0px #013580;
        margin: 0px 0 0 0px;
        padding:10px 0px 0 0px;
}


hr
{
        /* beide Farben gleich setzen */
        /* und eine "Null-Border" verwenden, */
        /* da die Browser bei der Darstellung */
        /* unterschiedlich vorgehen */
        background-color: #cccccc;
        color: #cccccc;
        border: 0 none;
        margin: 0;
        padding: 0px;
        line-height: 1px;
        /* bei Bedarf anpassen, */
        /* Gecko fŸgt ein Pixel hinzu! */
        height: 1px;
        /* evtl. zusŠtzlich */
        clear: both;
        display: block;
        /* bei Bedarf anpassen */
        width: 100%;
}



/* Formular */
label.name
{
        float: left;
        width: 30%;
}

input.kontakt , input.zeit { border: solid 1px #013580; }
address, cite { font-style: normal; }




    #rechts .moduletable , #rechts2 .moduletable ,#rechts .moduletablekontakt
    {
    padding:24px 0 12px 0;
width:100%;margin:0px 0 0 5px;border:solid 0px #000000; width:185px
    }


#Bereichsmenue  .moduletable
    {
    padding:0;
    width:99%;margin:20px 0 0 0;border-top:solid 0px #cccccc
    }





        #Bereichsmenue .moduletable   h3 , #rechts .moduletable   h3 ,#rechts2  .moduletable   h3,#rechts .moduletablekontakt h3
       { color:#647C32; padding:0px 5px 5px 5px; margin:0 0 0 5px; font-size:1.3em;   }


       #rechts  h2 , #Bereichsmenue h2,  #rechts2  h2
       { color:#647C32; padding:10px; margin:0; font-size:1.0em }



#Bereichsmenue .moduletable p
{padding:5px 10px 0px 10px; font-size:1.0em;  border:solid 0px #cc0000; margin:0;line-height:1.4em; margin:0}
 #rechts p ,#rechts2 p {padding:5px 10px 0px 10px;margin:0}
 #Bereichsmenue p {padding:5px 10px 0px 10px;margin:0}
#Bereichsmenue .moduletable h4 ,#rechts .moduletable h4 ,#rechts2 .moduletable h4 ,#rechts .moduletablekontakt h4
{padding:4px 4px 0px 10px; font-size:1.0em; margin:10px 0 0px 0; color: #647C32; }

#rechts .moduletable ul{margin: 0 0 0 10px}
#rechts .moduletable a{color: #006666; text-decoration:none}

 #rechts .moduletable form ,#Bereichsmenue .moduletable form , #rechts .moduletable address
 {padding:10px}


 #rechts .moduletablekontakt p , #rechts .moduletablekontakt address
 {padding:10px}
#rechts .moduletablekontakt p
{font-size:0.9em}

#rechts .readon
{border-bottom:solid 0px;color:#647C32;text-transform:none;}
 #rechts2 .readon
{border-bottom:solid 0px;color:#000000;text-transform:none;}

#rechts2 a:hover {color:#ffffff}
/* suchfunktion */

p.small {font-size:0.8em ;}
#namen {margin:20px}
#text2 ul {color:#687E34; font-weight:bold;  list-style-type:none; margin:20px 0 20px 0; border:solid 0px;padding:0; line-height:1.4em}


#form-module * {
position: relative;
	padding:0px;
	margin:0px;
}

#form-module {
}

#form-module fieldset {
  padding: 5px;
  border:0}

#form-module legend {
	display:none;
}

#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;

}

#form-module label {
	display:block;
	float:left;
		font-weight:bold;
	padding:5px;
	width:200px;
	
}

#form-module label.checkbox {
	width:372px;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:250px;
	border:1px solid #4a4a4a;
}

#form-module input.text {
	height:20px;

}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 216px;
	padding:2px 5px;
	border:1px solid #4a4a4a;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 

}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#4a4a4a;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:14px;
}

.article-list{
width:163px;
height:160px;
padding:0;
float:left;
border:1px solid #cccccc;
margin:3px;
position:relative
}

.article-list p{
padding:1px 3px
}

.article-list a{
position:absolute;
right:3px;
bottom: 3px;
padding:0 1px
}

.article-list a:hover{
color:#333333 !important;
}

.article-list h2 {
color:#444444;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
padding-left:1px;
padding:2px 3px;
margin:0;
background:#CCCCCC
}

#mehr{
width:100%;
position: relative;
height:22px
}

#mehr #mehr_zurueck{
position:absolute;
left:10px;
top:2px
}

#mehr #mehr_vor{
position:absolute;
right:10px;
top:2px
}

#mehr a{
padding:2px;
border:1px solid #cccccc;
font-weight:bold
}

#mehr a:hover{
background: #cccccc;
}

.tlink{
padding:5px;
margin:0 0 10px 0;
border:1px solid #cccccc
}

.tlink h1{
margin:-5px -5px 2px -5px;
border-bottom:none;
font-size:14px;
padding:4px 0 6px 5px;
background: #F0F0F0
}

.tlink a.linkContainer {
margin: 0 0 0 455px;
}

.loginform{
background: #FFFFCC;
width:181px;
padding:1px 5px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin-bottom:12px
}

.loginform p{
font-size:0.9em;
line-height:1.2em
}

.loginform table{
margin:0 -4px;
font-size:0.9em;
line-height:1.2em
}

.loginform table input{
width:120px;
font-size:0.9em;
line-height:1.2em
}

.download{
background:#FFFFCC;
padding:0 8px 2px 8px;
border:1px solid #cccccc;
position:relative;
margin:12px 0 2px 0
}

.download h2{
padding:4px;
margin:0 -8px 5px -8px;
background:#ffffff;
border-bottom:1px solid #cccccc;
}

.download a.downbutton{
position:absolute;
right:15px;
bottom:15px;
display:block;
width:22px;
height:22px;
background:url(../files/downbutton.gif) no-repeat;
}

.download a span{
color:#333333;
letter-spacing:1px;
font-size:10px
}

.download a.downbutton b{
display:none
}

.ext_link{
height:22px
}





#rechts ul
{
list-style-type:none;
border:solid 0px; 
margin:0 0 0 12px !important;
width:180px;
padding:0; 
background:none
}


#rechts ul li
{
list-style-type:none;
background:url(../files/news_bg.png) no-repeat bottom right;
color: #666666;
text-align:right;
font-size:0.9em;
line-height:1.3em;
font-weight:bold;
margin:0 0 5px 0;
padding:2px 5px 6px 2px;
position:relative
}

#rechts ul li a
{
line-height:1.2em;
letter-spacing:2px;
font-size:0.95em;
font-weight:bold
}
#rechts ul li a:hover
{
color:#333333
}