/* -- Allgemeines -- */

body {
	background: #0b0 url(../img/background.jpg) repeat-y top;
	margin: 0;
	padding: 20px 20px 20px 20px;
	min-width: 900px;
	height: 100%;
	font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, aelteren Operas und IE */
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;  /* 13px */
	color: #333;
}


/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#container{
  margin: auto;
  width: 900px;
  font-size: 0.9em;
  background: #fff;
  }

/* Formatierung der Kopfbereiches */
#header { height: 90px; color: #333; background: #fff; }
#header_content img {margin: 0px;}

/* Formatierung der Fusszeile   */
#footer {
  color:#888888;
  background:white;
  margin: 0 1em;
  padding: 1em 0;
  border-top: 0px #ddd solid;
  font-size: 0.7em;
  line-height: 1em;
  }
td,tr {
   margin: 0;
   padding: 0;
  }

ul {
   margin-top: 0;
}


li {
  list-style-image:url(../img/bullet.gif);
}


/* Hier wird das Layout des Mittelteils der Site festgelegt */
#main { width: 100%; border-collapse:collapse; /*border-style:hidden;*/ background: white;  }
#main tr, #main td { margin: 0px; padding: 0px; }
/* #main td { border: 1px solid red; }  */
/* Standardlayout 2 Spalten */
#left { width:25%; vertical-align:top; /* border: 1px solid green; */ }
#right { width: 75%; vertical-align:top; /* border: 1px solid yellow; */}

/* Layout mit einer Spalte */
#onecol #middle { width:100%; vertical-align:top; }

/* Layout mit zwei Spalten */
#twocol { width: 100%; border-collapse:collapse; /*border-style:hidden;*/ background: white;  }
#twocol #left { width:20%; vertical-align:top; }
#twocol #middle { width:80%; vertical-align:top; }


/* Layout mit drei Spalten */
#threecol { width: 100%; border-collapse:collapse; /*border-style:hidden;*/ background: white;  }
#threecol #left { width:20%; vertical-align:top; }
#threecol #middle { width:60%; vertical-align:top; }
#threecol #right { width:20%; vertical-align:top; }

#main_content {
	margin: 10px 10px 10px 10px; /* border: 1px solid red; */
 	font-family: avantgarde, arial, sans-serif;
 	line-height: 1.4em;
    min-height: 500px;
}
#left_content {
	margin: 10px 5px 10px 5px; /* border: 1px solid red; */
 	font-family: avantgarde, arial, sans-serif;

}
#left_content p { padding-bottom: 15px; line-height: 15px; font-size: 12px; text-align:center;}

#right_content {
	margin: 10px 10px 10px 10px; /* border: 1px solid red; */
 	font-family: avantgarde, arial, sans-serif;
 	line-height: 1.4em;
}


h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.2em; color: #c40; margin: 0 0 0.5em 0; padding-top: 0.5em; font-weight:bold; }
h2 {font-size: 1.2em; color: #c40; margin: 0 0 0.5em 0; padding-top: 0.5em; border-bottom: 1px #c40 solid; font-weight:bold; }
h3 {font-size: 1.1em; color: #c40; margin: 0 0 0.5em 0; padding-top: 0.5em; font-weight:bold; }

a { color: #333; text-decoration: underline; }
a:visited { color: #666; }

p, label { margin: 0; padding: 0 0.3em 0.5em 0; }

.clear { clear:both;}

img {
 border: 0px;
 padding: 0px;
 }
.fleft {
 float: left;
 margin: 0 0.5em 0.2em 0;
}
.fright {
 float: right;
 margin: 0 0 0.2em 0.5em;
 padding: 1px;
}
/* picleft und picright werden zum auszeichen der Bilder verwendet*/
.picleft { 
 float: left;
 margin: 0 8px 8px 0; 
 padding: 1px;
 background: #669900;
 text-align: center;
 font-size: 12px; 
 line-height: 13px; 
 font-family: Avantgarde, arial, sans-serif;
 font-weight: normal;
}
 
.picright {
 float: right;
 margin: 0 0 8px 8px;
 padding: 1px;
 background: #669900;
 text-align: center;
 font-size: 12px; 
 line-height: 13px; 
 font-family: Avantgarde, arial, sans-serif;
 font-weight: normal;
}

.center { text-align: center; }
.oben    { vertical-align:top;  }
.mittig  { vertical-align:middle; }
.unten   { vertical-align:bottom; }


.marker   {
  background-color: #FFFFcc;
  border: solid 1px #900;
  border-collapse: collapse;
  padding: 0.5em;
  margin-bottom:1.5em;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.2em;
  }

.html_code   {
  background-color: #FFFFcc;
  border: solid 1px #900;
  border-collapse: collapse;
  padding: 0.5em;
  margin-bottom:1.5em;
  text-align: left;
  font-size: 1.1em;
  line-height: 1.2em;
  }

#des {
	display: none;
}

.border_li  { width: 20px; background: #ffd171; }
.border_re  { width: 20px; background: repeat-y #ffd171; }

#navi {
	width: 200px;
	background: #ffd171;
}

#bottom-navi {  margin-top: 20px; text-align: right; }

#main a.imagelink {
    padding-left: 0;
    background: transparent;
}
img.framed {
  padding:2px;
  border-top: 2px #fff solid;
  border-left: 2px #fff solid;
  border-bottom: 2px #666 solid;
  border-right: 2px #666 solid;
  background: #ccc;
  }
img.framed_small {
  padding:1px;
  border-top: 1px #fff solid;
  border-left: 1px #fff solid;
  border-bottom: 1px #666 solid;
  border-right: 1px #666 solid;
  background: #ccc;
  }

.fleft { float: left; margin-right: 5px; margin-bottom: 3px; border:0; }
.fright { float: right; margin-left: 5px; margin-bottom: 3px; border:0; }

#listDB table { border-collapse:collapse; border:1px solid #333; }
#listDB td { border:1px solid #333; padding: 3px; }



/* ##################################
** ### Hauptnavigation ##############
** ##################################
*/

#topnavi {
    width: 100%;		/* Einfassen der Floats im IE */
    float:left;         /* Einfassen der Floats in allen anderen Browsern */
    background: #040;
    border-top: 0px #fff solid;
    border-bottom: 0px #fff solid;
}

#topnavi ul {
    float:left;
    display:inline;		/* Fix f?r IE Doubled Float Margin Bug    */
    margin:0px;			/* Standard-Listendefinition zur?cksetzen */
    padding: 0px;
    margin-left: 50px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel fuer 3D-Schatten) */

    border-left: 0px #aaa solid;
    border-right: 0px #fff solid;

/*    border: 1px solid yellow; */
}

#topnavi ul li {
    float: left;
    display:inline;     /* Fix fuer IE Doubled Float Margin Bug    */
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#topnavi ul li a {
    display:block;
    width: auto;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    background: transparent;
    text-decoration: none;
    color: #eee;
    margin: 0;
    padding: 5px 10px 5px 10px;
    border: 1px #040 solid;
}

#topnavi ul li a:hover {
    background: #aaa;
    color: #333;
    text-decoration: none;
    border: 1px #ec8c04 solid;
}

#topnavi ul li#eintrag-mm a,#topnavi ul li#suche-mm a {
    font-size: 18px;
    font-weight: bold;
}

body#index-m li#index-mm a,
body#eintrag-m li#eintrag-mm a,
body#suche-m li#suche-mm a,
body#kontakt-m li#kontakt-mm a,
body#agb-m li#agb-mm a,
body#impressum-m li#impressum-mm a
{
    border: 1px #ec8c04 solid;
    color: #333;
    background: #ddd;
    text-decoration: none;
    font-weight: normal;
}
body#eintrag-m li#eintrag-mm a,
body#suche-m li#suche-mm a
{
    font-size: 18px;
    font-weight: bold;
}


/* ##################################
** ### Unternavigation ##############
** ##################################
*/

#subnavi {
    width: 80%;
    overflow: hidden;
    margin: 2.4em 0px 1.5em 1em;
    list-style-type: none;
    border-top: 2px #dddddd solid;
    border-bottom: 2px #dddddd solid;
/*        border: 1px solid green;  */
}
#subnavi ul {
    margin:0px;
    padding: 0px;
}


#subnavi a { display:block; text-decoration: none; }
#subnavi li { float:left; width: 100%; margin:0px; padding: 0px; }

#subnavi li span {
				display:block;
        width: 90%;
        padding: 3px 0px 3px 10%;
        background-color:#99CCCC;
        color: #444;
        font-weight: bold;
        border-bottom: 1px #ddd solid;
}

#subnavi li a {
        width: 90%;
        padding: 0.3em 0px 0.3em 10%;
        background-color:transparent;
        color: #444;
        font-size: 1em;
				font-family: avantgarde, arial, sans-serif;
				font-weight: normal;
				text-align: left;
        border-bottom: 1px #eee solid;
}
#subnavi li a:hover { background-color:#ccc; color: #333; }

#subnavi li #title {
        width: 90%;
        padding: 3px 0px 3px 10%;
        font-weight: bold;
        color: #444;
        background-color: #333;
        border-bottom: 4px #888 solid;
}



div#kategorien li#kategorien-s a,
div#eintrag-erstellen li#eintrag-erstellen-s a,
div#beispiel-eintraege li#beispiel-eintraege-s a
{
        font-weight: bold;
        color: #ffffff;
        background-color:#555;
}


/* ##################################
** ### Kategoriennavigation #########
** ##################################
*/

#katnavi {
    width: 95%;
    overflow: hidden;
    margin: 1px 0px 1px 5px;
    list-style-type: none;
/*        border: 1px solid green;    */
}
#katnavi ul {
    margin:0px;
    padding:0px;
}


#katnavi a { display:block; text-decoration: none; }
#katnavi li { float:left; width: 100%; margin:0px; padding: 0px; }

#katnavi li span {
        display:block;
        width: 98%;
        padding: 1px 0px 1px 2%;
        background-color:#99CCCC;
        color: #444;
        font-weight: bold;
        border-bottom: 1px #ddd solid;
}

#katnavi li a {
        width: 98%;
        padding: 1px 0px 1px 2%;
        background-color:transparent;
        color: #444;
        font-size: 0.8em;
		font-family: verdana, arial, sans-serif;
		text-align: left;
        border-bottom: 1px #eee solid;
}
#katnavi li.notempty a {
		font-weight: bold;
}
#katnavi li.empty a {
		font-weight: normal;
}
#katnavi li a:hover { background-color:#ccc; color: #333; }





/* ############################ */
/*  Eingabeformular Formatieren */
.button {
 margin: 1em 0 1em 0;
}
.text {
  margin: 3px 0 3px 0;
}

textarea {
 overflow: auto;
}
input.text {
        width: 330px;
}

.errors { color: red; }

table.eintrag { width:100%; border: 0; }

.basis { background-color: #d9ffd9; }
.standard { background-color: #bfffbf; }
.premium { background-color: #a6ffa6; }
.basis_l { background-color: #d9ffd9; width: 40%; text-align:right; }
.standard_l { background-color: #bfffbf; width: 40%; text-align:right;}
.premium_l { background-color: #a6ffa6; width: 40%; text-align:right; }
.basis_r { background-color: #d9ffd9; }
.standard_r { background-color: #bfffbf; }
.premium_r { background-color: #a6ffa6; }

.kat_l { width: 40%; text-align:right; }


/* ##################### */
/*  Ausgaben Formatieren */
.PremiumEintrag, .StandardEintrag, .BasisEintrag {
  float: left;
  height: 180px;
  overflow: hidden;
  font-size: 13px;
  line-height: 16px;
  border: 1px solid #c40;
  margin: 0 10px 10px 0;
  padding:3px;
}
.PremiumEintrag {
  width: 680px;
}
.StandardEintrag, .BasisEintrag {
  height: 200px;
  width: 330px;
}

.DE,
.AT,
.CH {
  display:none;
}

#loginName {
    display:block;
    width: auto;
    float: right;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    letter-spacing: 0px;
    background: transparent;
    color: #eee;
    margin: 0;
    padding: 5px 10px 5px 10px;
    border: 1px #040 solid;
}
 #loginName a {
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    color: #eee;
 }

 .listEintrag0 { 
	background: #ffe5e5;
	}
 .rowClass { 
	background: #e5e5e5;
	}
 .rowClass1 { 
	background: #cccccc;
	}
	
#verzeichnisMailForm input {
	width: 600px;
}

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {width: 100%;}

#EmailForm  hr  {
	clear: both;
	float: left;
	width: 100%;
	height: 1px;
	color: #333;
	}

#EmailForm  p  {
	clear: both;
	float: left;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}
#EmailForm label {
	clear: both;
	float: left;
	width: 49%;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 5px 9px;
	text-align: right;
}

#EmailForm input, #EmailForm select {
	float: left;
	width: 49%;
	border: 1px solid #0b0;
	background-color: #bdb;
}
#EmailForm img {
	float: left;
	width: 150px;
	margin-top: 3px;
	margin-bottom: 9px;
}
#EmailForm input[type="checkbox"], #EmailForm input[type="radio"] { 
	float: left;
	width: 15px; 
	margin-top: 5px;
	margin-left: -1px;
}

#EmailForm div { width: 100%; }
#EmailForm textarea {
	float: left;
	width: 49%;
	overflow: auto;
	border: 1px solid #0b0;
	background-color: #bdb;
}
#EmailForm input[type="submit"] {
	float: left;
	width: 200px;
	margin-top: 1.5em;
	border: 1px #ec8c04 solid;
	background-color: #ec8c04;
	font-weight: bold;
}
.button {
 margin: 1em 0 1em 0;
 background: #d96c00;
}

.linkbutton {
	display: block;
	float: left;
	margin: 0.2em 0 0.2em 0;
	padding: 5px;
	border: 1px solid white;
	background: #669900;
}

.errors {
	border: 1px solid #ff5b00;
	padding: 5px;
	color: #ff5b00;
}
.requiredValue { background: #ffcdb2; }