@charset "utf-8";
/* CSS Document */

a:link {color:#00632F; text-decoration:none; }

a:visited {color:#00632F; text-decoration:none; }

a:focus {color:#00632F; text-decoration:none; }

a:hover {color: #56ac42; text-decoration:none; }

a:active {color:#00632F; text-decoration:none; }

img { border:none; }

h2 { color: #F4630B; }

h4 { color:#00632F; }

html, body {height: 100%; }

body { 
font-size: 0.8em; 
font-family: Helvetica,Arial,sans-serif; 
text-align:center; 
margin: 0; 
padding: 0; 
background-color: #FDEED9; 
height:100%;
color:#333333;
}

#container {
width: 1000px;
min-height:100%; 
margin: auto;
margin-top:10px;
text-align:left;
min-height: 100%; 
height: auto !important; 
height: 100%;
}

#subnav {
width:1000px;
height:30px;
}

#nav {
float:left;
width: 150px;
height: 200px;
margin-top: 95px;
margin-left: 100px;
}

#nav2 {
width: 250px;
height: 260px;
margin-left: 470px;
margin-top: 90px;
}

#rang {
width: 135px;
height: 55px;
margin:auto;
}

#contact {
width: 220px;
height: 116px;
margin-top: 70px;
margin-left: 30px;
}

/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/

#main {
width: 1000px;
min-height: 400px;
background: url(frame.jpg) repeat-y;
}

#side_left {
float:left;
margin-left:90px;
width: 160px;
height: 50px;
}

.kracke {
margin-top: 200px;
margin-left:20px;
}

#side_right {
width:660px;
min-height: 500px;
margin-left: 250px;
}

#content {
width:540px;
min-height:400px;
background: url(content.gif) no-repeat;
margin-top:0px;
padding: 1px 60px 1px 60px;
}

#content_footer {
width: 660px;
height: 89px;
background: url(content_footer.gif) no-repeat;
}

/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/

#footer {
width: 1000px;
height: 112px;
background: url(footer.jpg) no-repeat;

}

#footer_nav {
width: 600px;
margin-left: 200px;
height: 30px;
padding-top:40px;
font-size: 1em;
text-align:center;
}

#footer_nav a:hover {
text-decoration:underline;
color: #00632F;
}

/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO--NAVI--OO--NAVI--OO--NAVI--OO--NAVI--OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/

ul.rexnavi1 {
width:150px;
}

.rex-navi1 li {
width: auto;
display: block;
list-style-type: none;
font-weight:bold;
margin-top: 5px;
}

.rex-navi1 a {
width: 150px;
height: 40px;
display:block;
text-decoration:none;
color: #333333;
}

.rex-navi1 a:hover {
background: url(navi_active.png) no-repeat;
}

.rex-navi1 a.rex-current {
background: url(navi_active.png) no-repeat;
}

#subnav ul {
margin-left:450px;
margin-top:0px;
padding:0;
}

#subnav li {
width: 150px;
display:inline;
list-style-type: none;
}

#subnav a {
width:113px;
height: 25px;
margin-top:7px;
text-align:center;
display: inline-block;
font-size:1em;
text-decoration:none;
padding: 4px 0 0 0;
color: #00632F;
}

#subnav a:hover {
text-decoration: underline;
}

#rang a{
width: 135px;
height: 55px;
display:block;
}

#rang a:hover{
background:url(rang_active.png);
}

#contact a{
width: 220px;
height: 116px;
display:block;
}

#contact a:hover {
background:url(schiff_hover.gif);
}

.text1em { font-size:1.2em; }

.rang_active {
background:url(rang_active.png) no-repeat;
}

/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/

/* Ausgabe am Bildschirm */
@media screen {
	.renderhead {
		display: block;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img { 
		padding:5px;
	}
}
/* Ausgabe auf dem Drucker */
@media print {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: block;
		color: blue;
	}
	.renderhead img { 
		display: none;
	}
}

/*OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/

/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {
}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0px none; margin:1px}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0px none;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:2px 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:0.5em;}

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

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

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

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

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; 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;}

/* 
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
{
clear : both;
}


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	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;
	clear: left;
	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
{
	width: 100%;
	text-align: center;
	background-color: #006699;
	border: 1px solid #FFCC33;
	float: right;
	color: #FFFFFF;
}



/* 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
{
	border: 2px solid #990000;
	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 */

/* Diese CSS-Angaben stammen aus der originalen main.css */
/* download
*******************************************************************************/
.download-hdl p, 
.download-file p, 
.download-desc p { 
  width:97.3%; /* IE6 Hack */
	margin: 0;
}

.download-hdl p { 
	padding: 5px 7px;
	font-weight: bold;
	color:#00632F;
}

.floatright {
width:170;
padding-top:20px;
margin-left:370px;
text-align:right;
}

.floatleft {
width:370px;
float:left;
}

.floatclear {
clear:both;
}

.news-article {
padding-bottom: 10px;
border-bottom: #333333 dashed 1px;
}

/* 
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 {
	clear:both;
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 1px;
}

/* 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
{
	width: 100%;
	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
{
clear : both;
}

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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 250px;
	height: 200px;
	margin-top:5px;
	margin-left: 4px;
	background-color: #8FCE80;
	border: 1px solid #333333;
	color: #00632f;
	font-weight: bold;
}

/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	margin-top:5px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color:  #8FCE80;
	border: 1px solid #333333;
	color: #00632f;
	font-weight: bold;
}

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

/* Label */
.formgen label {
	width: 120px;
	float: left;
	margin-top:7px;
	height: 20px;
	font-weight: bold;
	color: #00632f;
}

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

/* Sende-Button */
.formgen .formsubmit
{
	width: 100px;
	margin-right:230px;
	text-align: center;
	background-color: #00632f;
	border: 1px solid #F4630B;
	color: #F4630B;
	font-weight:bold;
}

/* 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
{
	border: 2px solid #990000;
	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 */