html,body{
    margin:0;
    padding:0;
}

body{
    font: 76% arial,sans-serif;
    text-align:center;
    background-color: #d8cdff;
    text-align:left;
    margin-left: 13%;
}
div#container{
    width:980px;
}
p{
    margin:0 0px 0px;
}

#navigation_body a{
    text-decoration:none;
    color:#000000;
}

#bread_crump a{
    text-decoration:none;
    color:#000000;
}

#navigation_body a:hover{
    text-decoration:none;
    color:#f48400;
}

#bread_crump a:hover{
    text-decoration:none;
    color:#f48400;
    
}

#content_foot a{
    text-decoration:none;
    color:#000000;
}

#content_foot a:hover{
    text-decoration:none;
    color:#f48400;
}


#navigation_body a.current{
    padding:0px;
    text-decoration:none;
    color:#f48400;
}

#bread_crump a.current{
    padding:0px;
    text-decoration:none;
    color:#f48400;
}

.breadcrumb_link{
    font-weight: bold;
    font-size: 8pt;
}


.nav_1st{
    margin-left: 0px;
    padding-left: 20px;
    background-image: url('../images/nav_clear_b.gif');
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    min-height: 25px;
    font-weight: bold;
    padding-bottom: 2px;
}

.nav_1st_active{
    margin-left: 0px;
    padding-left: 20px;
    background-image: url('../images/nav_clear_b.gif');
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    min-height: 25px;
    font-weight: bold;
    padding-bottom: 2px;
}

.nav_2nd{
    height: 15px;
    margin-top: 4px;
    font-weight: bold;
    font-size: 9pt;
    padding-bottom: 3px;
}

.nav_2nd_active{
    height: 15px;
    width: 110px;
    margin-top: 4px;
    font-weight: bold;
    font-size: 9pt;    
    padding-bottom: 3px;
}


div#header{
    background-color:#d8cdff;
    background-image: url('../images/banner.gif');
    background-repeat: no-repeat;
    width: 943px;
    height: 121px;
}

div#header h1{
    height:80px;
    line-height:80px;
    margin:0;
    padding-left:10px;
}

div#navigation{
    background-color: #d8cdff;
}

div#navigation_head{
    background-color: #d8cdff;
    background-image: url('../images/nav_head.gif');
    background-repeat: no-repeat;
    width: 146px;
    height: 64px;
    margin-bottom: 0px;
}           

div#navigation_body{
    background-color: #d8cdff;
    background-image: url('../images/nav_body.gif');
    background-repeat: repeat-y;
    width: 146px;
    height: auto;
    margin-top:0px;
    padding-left: 0px;
    min-height: 380px;
}

div#navigation_foot{
    background-color: #d8cdff;
    background-image: url('../images/nav_foot.gif');
    background-repeat: no-repeat;
    width: 146px;
    height: 55px;
    margin-top:0px;
}

#navigation_body ul{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type:none;
}

#navigation_body li{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
}

div#content{
    width:800px;
    margin-left: 170px;
    
}

div#content_head{
    background-color: #d8cdff;
    background-image: url('../images/main_head.gif');
    background-repeat: no-repeat;
    width: 773px;
    height: 64px;
}

div#bread_crump{
    margin-left: 45px;
    padding-top: 22px;
}

div#content_body{
    background-color: #d8cdff;
    background-image: url('../images/main_body.jpg');
    background-repeat: repeat-y;
    width: 773px;
    min-height: 500px;
    height: auto;
}

div#content_inline{
    margin-left: 20px;
    margin-right: 20px;

}

div#content_foot{
    background-color: #d8cdff;
    background-image: url('../images/main_foot.gif');
    background-repeat: no-repeat;
    width: 773px;
    height: 55px;
}

div#footer{
    padding-top: 20px;
    margin-left: 330px;
}

div#navigation{
    float:left;
    width:150px;
}

div#template_4_links{
    width: 350px;
    height: auto;
    float:left;
    margin-left: 5px;
    margin-right: 5px;
}

div#template_4_rechts{
    width: 350px;
    height: auto;
    float: left; 
    margin-left: 5px;
    margin-right: 5px;
}

div#main_kontakt{
    background-color: #d8cdff;
    background-image: url('../images/nav_body.gif');
    background-repeat: repeat-y;
    width: 146px;
    height: 120px;
    margin-top: 0px;
    margin-bottom: 0px;
}

div#nav_breaker{
    background-image: url('../images/nav_clear_b.gif');
    background-repeat: no-repeat;
    height: 30px;
    width: auto;
}

div#kontakt_inline{
    margin-left: 15px;
    font-size: 7.9pt;
    font-weight: bold;
    color: #000000;
}


/**
 * Modul Editor - Bild & Text
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {
    border:0;                 
    margin:1px;
}

.wysiwygimg img.wysiwygimg {
    border:solid 5px #f5f5f5; 
    padding:1px;
}

.wysiwygimg a.wysiwygimg img {
    border:0;
    padding:0px;
    vertical-align:top; 
    margin:1px;
}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {
    border:solid 5px #f6f6f6; 
    display:table; 
    display:inline-block; 
    line-height:0.0em;
}
.wysiwygimg a.wysiwygimg:visited {
    
}

.wysiwygimg a.wysiwygimg:hover {
    border:solid 5px #e4e4e4;
}

.wysiwygimg a.wysiwygimg:focus {
    border:solid 5px #e4e4e4;
}

.wysiwygimg a.wysiwygimg:active {
    border:solid 5px #e4e4e4;
}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {
    color:#666; 
    font-size:0.8em; 
    font-style:italic; 
    margin:px 0px;
}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {
    float:left; 
    margin:0 1.0em 0 0;
}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {
    float: right;
    margin:0 0 0 1.0em;
}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {
    float:left; 
    margin-bottom:0em;
}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {
    float:right;
    margin-bottom:0em;
}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {
    margin-bottom:0em; 
    text-align:center;
}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {
    margin:0 auto;
}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {
    float:left; 
    margin-top:0em;
}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {
    float:right; 
    margin-top:0em;
}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {
    margin-top:0em;
    text-align:center;
}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {
    margin:0 auto;
}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {
    margin:0 auto;
}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {
    border-spacing: 0px; 
    font-size:1.0em;
}
.wysiwygimg td {
    vertical-align:top;
    font-size:1.0em;
}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {
    padding-right:1.0em;
}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {
    padding-left:1.0em;
}

.paginate_nav {
	text-align: center;
	margin-left: 15px;
	height: 22px;
}

.paginate_nav span {
	display: block;
	float: left;
	font-size: 10px;
	line-height: 13px;
	margin: 2px 2px 2px 0;
}

.paginate_nav .paktiv {
	text-align: center;
	background-color: #1b5a9f;
	border: 1px solid #303030;
	color: #fff;
	display: block;
	padding: 1px 5px 2px 5px;
	text-decoration: none;
}

.paginate_nav li {
	display: block;
	float: left;
	font-size: 11px;
	line-height: 13px;
	color: #1b5a9f;
}

.paginate_nav li a {
	color: #000;
	background-color: #fff;
	display: block;
	text-decoration: none;
	font-weight: normal;
}

.paginate_nav li a:hover ;{
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	color: #303030;
	display: block;
	padding: 1px 5px 2px 5px;
	text-decoration: none;
}

.paginate_nav span a {
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	color: #303030;
	display: block;
	padding: 1px 5px 2px 5px;
	text-decoration: none;
}

.paginate_nav span a:hover,.paginate_nav span a:active {
	background-color: #1b5a9f;
	border: 1px solid #303030;
	color: #fff;
}

.paginate_nav span.aktuell {
	background-color: #1b5a9f;
	border: 1px solid #303030;
	color: #ffffff;
	font-size: 11px;
	padding: 1px 5px 2px 5px;
}

.paginate_art {
	clear: both;
}

.artikel_vorschau a{
    font-weight: bold;
    text-decoration: none;
    color: blue;
}

.artikel_vorschau {
    border-bottom: 0.5px dotted grey;
    margin-top: 10px;
}

.artikel_vorschau_inhalt {
    font-size: 12px;
}


	/* Beispiel-CSS für magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f5f5f5;
		border: 1px solid lightblue;
	}

	/* 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=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.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;
	}
	
	
	.download-element 
    {
        width: 250px;
        margin-bottom : 10px;
        height : auto;
        padding : 2px;
    }
    .download-element:hover 
    {
        margin-bottom : 10px;
        height : auto;
        background-color : #efefef;
        border : 1px dotted #d3d3d3;
    }
    .download-hdl {
    margin-top : 2px;
    margin-left : 2px;
    width : 90%;
    font-weight : bold;
    }
    .download-fname {
    margin-top : 4px;
    }
    .download-file {
    margin : 2px;
    float : left;
    width : auto;
    }
    .download-desc {
    font-size : 9px;
    margin-top : 4px;
    }
    
    
    
/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.x
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

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


/* 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-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	//border: 5px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
}


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 300px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #003366;
	background-color: #DFEEDD;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #E9EBF3;
	border: 1px solid #003366;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	//border-bottom-color: #000000;
	//background-color: #FFCC66;	
}



/* Label */
.formgen label {
	width: 120px;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #003399;
}


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


/* Sende-Button */
.formgen .formsubmit
{
	text-align: center;
	float: left;
	color: #000000;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

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


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

.formgen .formcaptcha
{

    padding-right: 100%;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */