/***********************************************************

Datei     		:  main.css
Projekt   		:  www.weingut-morawiec.de Website mit CMS (www.redaxo.de)
Domain    	 	:  www.weingut-morawiec.de
Autor u. Copyright 	:  Oliver Morawiec Dipl.-Ing. (FH)
Datum     		:  15.07.09
Revision  		:  0.1

Change Log: 15.05.09  Erstellung
            

************************************************************/

html, body{
overflow:auto;
height: 100%;
margin:0;
padding:0;
background-color:#FFFFCC;
}

/* NAVIGATION - LINK HOVER USW */

/* RexNav ist die Navigation oben! */
a.rexnav{
   FONT-SIZE: 12px;
   COLOR: #B7B200;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
   font-weight: bold;
}

a.rexnav:hover {
   FONT-SIZE: 12px;
   COLOR: #F60300;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
   font-weight: bold;
}

/* RexNavLeft ist die Navigation links! */

a.rexnavleft{
   FONT-SIZE: 12px;
   COLOR: #0062A7;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
   text-align: right;
}

a.rexnavleft:hover {
   FONT-SIZE: 12px;
   COLOR: #CC0000;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
   text-align: right;
}

a.rexnavleft:active {
   FONT-SIZE: 12px;
   COLOR: #F60300;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
	 text-align: right;
}
/* RexPosition ist die Navigation, in welcher Ebene man sich befindet */

a.rexposition{
   FONT-SIZE: 10px;
   COLOR: #000000;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
}

a.rexposition:hover {
   FONT-SIZE: 10px;
   COLOR: #CC0000;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
}

a.rexposition:active {
   FONT-SIZE: 10px;
   COLOR: #000000;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top; 
}

/* Current ist der aktuell angeklickte Navigationspunkt (oben) */

a.current{
   FONT-SIZE: 12px;
   COLOR: #F60300;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top; 
   font-weight: bold;
}

a.current:hover{
   FONT-SIZE: 12px;
   COLOR: #B7B200;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top; 
	 font-weight: bold;
}


/* LINKS allgemein */

A {
  FONT-SIZE: 11px;
  COLOR: #005177;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  TEXT-DECORATION: none;
/*  font-weight: bold;*/
}

A:hover {
  FONT-SIZE: 11px;
  COLOR: #CC0000;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  TEXT-DECORATION: none;
  /*font-weight: bold; */
}

/* SCHRIFT CONTENT ALLGEMEIN   */

h1 {
font-size: 13px;
font-family: verdana,arial,helvetica;
color: #000000;
line-height: 17px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 0px;
padding-bottom: 5px;
}

h2 {
font-size: 13px;
font-family: verdana,arial,helvetica;
color: #000000;
line-height: 17px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 0px;
padding-bottom: 5px;
}

h3 {
font-size: 11px;
font-family: verdana,arial,helvetica;
color: #000000;
line-height: 15px;
font-weight: bold;
}

p {
font-family:verdana,arial,helvetica;
color:#333333;
font-size:11px;
line-height:15px;
}


/* Einstellungen, damit die Navigation oben Abstand hat!*/


ul.nav1st li {
display:inline;
margin-left:18px;
margin-right:8px;
padding-top:0px;
font-size:11px;
line-height:18px;
}

ul.nav2nd li {
display:block;
line-height: 14px;   	/* wg. Zeilenumbruch */
float:right;
width:130px;
/* height:12px; */
margin-left:5px;
margin-right:5px;
padding-top:3px;
padding-left:3px;	
margin-top:5px;
/*background-color:pink;*/
}

/* UL um die Flaggen zu positionieren (Abstand zwischen den Flaggen) */
ul.navlang li {
display:inline;
margin-left:4px;
margin-right:4px;
padding:0;
padding-top:0px;
/*line-height:18px;*/
}

ul{
margin:0px;
padding:0px;
}

/*
ul li{
  list-style:none;
}

li.test {
 list-style:disc;
}
*/

ul li {
display:list-item;
margin-left: 20px;
font-family:verdana,arial,helvetica;
color:#333333;
font-size:11px;
line-height:17px;
list-style-type:disc;
}


/* Deklaration des Hauptcontainers (alle weiteren Container sind hier drin) */
#hauptseite{
  /*position:relative;*/
  /*border:1px solid #CCCCCC;*/
  /*display:block;*/
  margin:0 auto;
  padding:0;
  height:800px;
  width:1000px;
}

/* Vorläufiger Hauptbanner oben (wird aufgeteilt in zwei) */
#main_banner{
 width:175px;
 height:145px;
 float:left;
 border-top:8px solid #FFCC33;
 background-image:url('logo.gif');
 background-repeat:no-repeat;
}
 * html #main_banner { margin-bottom:-5px; } /*  Damits auch der  IE 5.x + 6.0 kapiert */

#main_banner_change{
 height:145px;
 width:825px;
 float:left;
 /*margin: 0 auto;*/
 border-top:8px solid #FFCC33;
 background-color:#FFFFFF;
}
  * html #main_banner_change { margin-bottom:-5px; } /*  Damits auch der  IE 5.x + 6.0 kapiert */ 

/* Navigation oben */
#naviTop{
 width:991px;
 /*width:100%;*/
 text-align:center;
 padding-right: 10px;
 height:19px;
 float:left;
/* padding-top:4px;
 padding-bottom:0px;*/
 background-image:url('navi_background.jpg');
 background-repeat:no-repeat;
 border-top:2px solid #FFCC33;
 }
/* * html #naviTop { padding-bottom:3px; padding-top:-3px; } /*  Damits auch der  IE 5.x + 6.0 kapiert */


/*ÄNDERUNG auf Absolut Dank IE*/
#rexlang{
	 height:19px;
	 width:75px;
	 float:left;
	 background-color:#0062A7;
	 border-top:2px solid #7EB0D1;
}
/* * html #rexlang { margin-left:-3px; }
 /*
#rexlang{
	position:absolute;
	display:inline;
	top:152px;
	left:920px;
}
*/
/*Bei einer Absoluten Wahl MUSS ein Clear im Template stehen! */

/* Linke Navigation */
#naviLeft{
 border:1px solid #CCCCCC;
 /*border-top:2px solid #7EB0D1;*/
 border-right: 0px;
 border-left: 0px;
 border-bottom: 0px;
 padding-top: 15px;
 margin-left: 0px;
 text-align: right;
 width: 150px;
 float: left;
 height: 586px;
/* background-color:#E4EBEE;*/
 background-image:url('side_banner.jpg');
 background-repeat:repeat-y;
 }
/* * html #naviLeft { margin-right:-3px; } /*  Damits auch der  IE 5.x + 6.0 kapiert */

/* Positionsanzeigencontainer */

#naviPosition{
 float:left;
 height:16px;
 width:848px;
 padding-top:4px;
 background-color:#FFFFFF;
 border:1px solid #CCCCCC;
 border-bottom: 0px;
 FONT-SIZE: 10px;
 FONT-FAMILY: Verdana, Arial, Helvetica;
 TEXT-DECORATION: none;
 text-align: left;
 /*vertical-align: bottom;*/
}


/* MittlerePosition: Hier kommen die Artikel rein */
#middle{
 float:left;
 overflow-y:auto;
 overflow-x:hidden;
 /*margin-left:150px;*/
 /*margin-right:3px;*/
 height:550px;
 width:808px;
 /*margin: 0 auto;*/
 /*min-width:500px;*/
 background-color:#FFFFFF;  
 padding:20px 20px 10px 20px;
 border:1px solid #CCCCCC;
 /*border-bottom:0px;*/
 border-collapse:collapse;
}
/* * html #middle { height:559px; margin-left:-3px; } /*  Damits auch der  IE 5.x + 6.0 kapiert */


/* Footer */

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

#footer {
  color:#b7b200;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  font-size:10px;
}

#footer a{
  color:#b7b200;
  text-decoration: underline;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  font-size:10px;
}

#footer a:hover {
  color:#f60300;
  text-decoration: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
  font-size:10px;
}
#footer a:active {
  color:#b7b200;
  text-decoration: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
  font-size:10px;
}

.clear{
clear:both;
}
.clearleft{
clear:left;
}

/* Style für LABELS      */

label { 
position: absolute; 
text-align:right; 
width:130px;
}

input, textarea { 
margin-left: 140px; 
}

label.check, label.radio { 
position:relative; 
text-align:left; 
}

/* TinyMCE specific rules */
body.mceContentBody {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.mceContentBody a {
   color: #009 !important; /* FF requires a important here */
}
.syntaxhighlighter {
	color: #666;
	background-color:#f6f6f6;
	border:solid 1px #666;
}


/* Ab hier die eigenen Styles */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.Beispiel1 {
	font-weight: bold;
	color: #c00;
}

.Beispiel2 {
	font-weight: bold;
	color: #090;
}

.Beispiel3 {
	font-weight: bold;
	color: #009;
}