/*
// +----------------------------------------------------------------------+
// | Project:  wildlife.de                                                |
// | URL:      http://www.wildlife.de                                     |
// | File:    /styles/text.css                                            |
// +----------------------------------------------------------------------+
// | Styles für die Wildlife.de                                           |
// +----------------------------------------------------------------------+
// | Copyright (c) www.flying-ideas.de                                    |
// | Authors:  Remo Bluhm <info@flying-ideas.de >                         |
// | Version:  1.8                                                        |
// | Date:     15.02.2007                                                 |
// +----------------------------------------------------------------------+
*/
    
a, blockquote, body, caption, dd, div, dl, dt, fieldset, 
form, h1, h2, h3, h4, h5, hr, img, label, legend, li, 
ol, p, table, tbody, td, tfoot, th, thead, tr, ul {margin:0; padding:0}

/*  
#################################  Standart Formatierung
*/
html, body {font-family: Arial, Verdana,  sans-serif; text-align: center; font-size:14px; margin: 0; padding: 0;}  
html {background-image: url(/fileadmin/wlp/template/image/bgweb2.gif);}   

p{margin-bottom:10px;}

h1{ font-size: 18px; margin: 0px 0px 5px 0px;}
h2{ font-size: 22px; margin: 0px 0px 10px 0px;}
h3{ font-size: 14px; margin: 0px 0px 5px 0px;}
/*  
h4{ font-size: 14px; margin: 0px 0px 15px 0px;padding:3px 5px 3px 5px; color: #ffffff; background-color: #384A03;}
*/
h4{ font-size: 18px; margin: 0px 0px 15px 0px;padding:3px 0px 1px 0px; color: #384A03;border-bottom:3px solid #384A03; }

h5{ font-size: 18px; margin: 0px 0px 15px 0px;padding:3px 0px 1px 0px; color: #CC6600; border-bottom:3px solid #CC6600;}


blockquote{ margin: 20px;}
ul .Gruen{font-size:20px;}




/*  
#################################  Link einstellungen
*/
.internal-link { background-image:url(/fileadmin/wlp/template/linkimage/intern-g.gif); background-repeat:no-repeat; padding-left:18px ; color:#384A03; text-decoration: none}
.internal-link:hover { background-image: url(/fileadmin/wlp/template/linkimage/intern-b.gif); color:#CC6600; text-decoration:underline}       
.external-link {background-image:url(/fileadmin/wlp/template/linkimage/extern-g.gif); background-repeat:no-repeat; padding-left:18px ; color:#384A03;  text-decoration: none}.external-link:hover { background-image: url(/fileadmin/wlp/template/linkimage/extern-b.gif); color:#CC6600;  text-decoration:underline }
.internal-link-new-window {background-image: url(/fileadmin/wlp/template/linkimage/intern-g.gif);background-repeat:no-repeat; padding-left:18px ; text-decoration: none;color:#384A03;}    
.internal-link-new-window:hover {background-image: url(/fileadmin/wlp/template/linkimage/intern-b.gif);text-decoration: underline;color:#CC6600;}   
.external-link-new-window {background-image: url(/fileadmin/wlp/template/linkimage/extern-g.gif);background-repeat:no-repeat;padding-left:18px ;text-decoration: none;color:#384A03;}   
.external-link-new-window:hover {background-image: url(/fileadmin/wlp/template/linkimage/extern-b.gif); text-decoration: underline; color:#CC6600;}
.download {background-image: url(/fileadmin/wlp/template/linkimage/download-g.gif);background-repeat:no-repeat; padding-left:18px; text-decoration: none; color:#384A03;}
.download:hover {background-image: url(/fileadmin/wlp/template/linkimage/download-b.gif); text-decoration: underline;color:#CC6600;}        
.mail {background-image: url(/fileadmin/wlp/template/linkimage/mail-g.gif);background-repeat:no-repeat; padding-left:18px; text-decoration: none; color:#384A03;}
.mail:hover {background-image: url(/fileadmin/wlp/template/linkimage/mail-b.gif);text-decoration: underline;color:#CC6600;}  



/*  
#################################  Inhalts Container
*/
.seiten {width: 90%;min-Width: 800px;margin-left: auto;margin-right: auto; background-color: #333333;padding-top: 8px;padding-bottom: 8px;}
* html .seiten{width: 1000px; }
#LinkerContainer {float: left;width: 20%;text-align: left;}
* html #LinkerContainer{width: 200px; }
.InhaltsContainer {height:auto;min-height: 500px;background-color: #FFE0A8;text-align: left;width: 80%;float: left;}
* html .InhaltsContainer{height: 500px; }

.InhaltsContainerOranUtan{height:auto;min-height: 500px;background-color: #000000;background-image: url("/fileadmin/wlp/template/image/Orang-utan.jpg");background-position:left,top;background-repeat:no-repeat;text-align: left;width: 80%;float: left;}
* html .InhaltsContainerOranUtan{height: 500px;position:relative; }

.OhneAlles {height:auto;min-height: 500px;text-align: left;width: 80%;float: left;}
* html .InhaltsContainer{height: 500px; }

.MittlererContainer {margin: auto;float: left;width: 60%;text-align: left;}
* html .MittlererContainer{width: 490px; position:relative;}

.RechterContainer {margin: auto;padding-top:10px; width: 40%;float: right;text-align: left;}
* html .RechterContainer{width: 300px; position:relative;}


#antifloat  {clear: both; height: 0px;margin:0; padding:0}

/*  
#################################  Kopf Container  
*/
.bild-wildlife{	width: 400px;height: 80px;top: -31px;left: -20px;position:relative;}
.SeitenTitel{color:#384A03;font-size:22px;font-weight: bold;position:relative;top: -22px;left: -165px;}
#KopfContainer {width: 90%;min-Width: 800px;margin-top: 50px;background-color: #5D7909;text-align: left;margin-left: auto;margin-right: auto;
	/* Obere und Untere Linie */
	border-top-width: 2px;border-bottom-width: 2px;border-top-style: solid;border-bottom-style: solid;border-top-color: #CC6600;border-bottom-color: #CC6600;}
* html #KopfContainer{width: 1000px; }			


/*  
#################################  Hauptnavigation 
*/
#LinkerContainer {clear: both;}

#LinkerContainer h1 {background-color:#FF9900;font-size:18px;font-weight: lighter;margin0px; }
/* Erste Ebene */
#navbox { background:#5D7909;margin-right:10px; }
#navbox ul{padding:0px;margin:0px;}
#navbox h1 {background-color:#FF9900;font-size:18px;font-weight: lighter;margin0px; }
#navbox li {border-bottom:1px solid #384A03; line-height:18px; font-size:14px; list-style-type:none;}
#navbox a {display:block; height:auto;  padding: 2px 2px 2px 8px; text-decoration: none; color:#FFFFFF}
#navbox a:hover, #navbox a:focus, #navbox a:active, #navbox li a.current {color:#FFFFFF; background-color: #384A03}

/* Zweite Ebene */
#unternavi {background:#FF9900;}
#unternavi ul{padding:0px;margin:0px;}
#unternavi h2 {background-color:#FF9900; font-size:14px;font-weight: lighter; margin-left:8px; margin-bottom:0px;}
#unternavi li {background-color:#7F9739;font-size:14px;padding-left:20px;}
#unternavi a {display:block; height:auto;  padding: 2px 2px 2px 8px; text-decoration: none; color:#FFFFFF}
#unternavi a:hover, #navbox a:focus, #navbox a:active, #navbox li a.current {color:#FFFFFF; background-color: #384A03}


/* Button der Seite */
#Cur {color:#FFFFFF; background-color: #384A03}
#Abs{display:block; height: 5px; background-color: #333333;}

/*  
################################# Content-3 Termine margin: 10px;
*/




.csc-textpic-caption{padding:2px 0px 2px 0px; font-size: 10px; color:#CC6600; }

.Content-1  { padding: 10px; position:relative;}
.Content-1 ul{ margin-left: 50px; }


.Content-2 {padding:10px; margin-bottom:10px;margin-right:10px;}
.Content-2 .csc-textpic-caption{color:#FFFFFF;}


.Content-3 {border:1px solid #CC6600;background-color:#FFCC65;margin-bottom:10px;}
.Content-3  { margin:10px; position:relative;}
.Content-3 p{padding:5px 5px 5px 5px; }
.Content-3 h1{padding:5px 5px 0px 5px; }
.Content-3 h2{padding:5px 5px 0px 5px; }
.Content-3 h3{padding:5px 5px 0px 5px;}
.Content-3 h4{padding:5px 5px 0px 5px; }
.Content-3 h5{padding:5px 5px 0px 5px; }

.TableTermine{width:100%;}
.HeaderTermine {padding:2px 5px 2px 5px;color:#FFFFFF;background-color:#E38F35;width:250px;}
.InhaltTermine{padding:0px 5px 0px 5px;}
.HeaderTermine .csc-header-date{padding-bottom:3px;font-size: 18px; border-bottom:1px solid #CC6600;}

.TableTermine p{padding:0px;}
.TableTermine h3{padding:0px;}

/*  
####padding:5px 5px 5px 5px;padding:0px 10px 2px 10px;
*/





/* Texte im Contentbereicht Hauptcontainer */

.MittlererContainer {color: #000000;}
.MittlererContainer p{}

.MittlererContainer h1{ }
.MittlererContainer h2{ }
.MittlererContainer h3{ }
.MittlererContainer h4{ }
.MittlererContainer h5{ }

/*  
################################# Container mit Orang Utan
*/
.InhaltsContainerOranUtan #Bild{position:relative;text-align: center;padding-top:30px;padding-left:30%;padding-right: 1%;color:#FDE800;}
.InhaltsContainerOranUtan .Content-1{ position:relative; text-align: center; padding-top:30px; padding-left:30%; padding-right: 1%;color:#FDE800; color:#FFCE09;}
.InhaltsContainerOranUtan .Content-1 h1{font-size: 22px;}
.InhaltsContainerOranUtan .Content-1 p{font-size: 14px; font-weight: bold;}

/*  
################################# RechterContainer background-color:#FFCC65;  background-color:#E38F35;
*/
.RechterContainer .Content-1{}

.RechterContainer .Content-2 {background-color:#FF9900;  color: #FFFFFF; border: 2px solid #CC6600;}
.RechterContainer .Content-2 h1{ font-size: 16px;}
.RechterContainer .Content-2 h2{ font-size: 14px;}
.RechterContainer .Content-2 h3{ font-size: 12px;}
.RechterContainer .Content-2 h4{ }
.RechterContainer .Content-2 h5{ }

.RechterContainer .Content-3  { padding:10px; position:relative;}

.RechterContainer h1{ }
.RechterContainer h2{ }
.RechterContainer h3{ }
.RechterContainer h4{ }
.RechterContainer h5{ }



/*  
#################################  Fuss Container  
*/


/* Fuss Container */
.FussContainer {margin-bottom: 0px;margin-left: auto;margin-right: auto;width: 90%;min-Width: 800px;background-color: #999966;clear: both;text-align: right;}
* html .FussContainer{width: 1000px; }
.FussContainer p{font-size: 10px;margin:5px;}


/*  
#################################  Flying Ideas Container  
*/
.FlyingIdeas{color: #cccccc; margin:10px; padding-bottom:10px;}
.FlyingIdeas p{font-size: 9px; }
.FlyingIdeas H1{font-size: 9px; }


/*  
#################################  Mail Formular
*/

.csc-mailform{background-color:#5D7909;padding: 0px;}
.csc-mailform-field{padding: 3px 10px 3px 10px;text-align:left;background-color:#7F9739;margin-bottom:10px;}
.csc-mailform-label{width:100px;}

/*  
#################################  Gästebuch
*/

.GB_HauptThread {font-family: Arial, Helvetica, sans-serif;margin: 0px;padding: 0px;border: 3px solid #CC6600;width:100%;}
.GB_Ueberschrift {background-color: #384A03;margin: 0px;padding: 0px;font-size:12px;color:#DDDDDD;font-weight:bold;}
.GB_Eintrag_1 {	background-color:#E38F35;margin: 0px;padding: 0px;font-size:12px;}
.GB_Eintrag_2 {background-color:#FFCC65;margin:0px;padding:0px;font-size:12px;}
.GB_Eintrag {margin:0px;padding:5px;}
.GB_Von {margin:0px;padding:5px;width:130px;}
.GB_Antworten {margin:0px;padding:5px;width:50px;}
.GB_LetzterEintrag {margin:0px;padding:5px;width:80px;}
.GB_UnterThread {margin:0px;padding: 0px;border: 3px solid #CC6600;width:100%;}
.GB_Author {margin:0px;padding:5px;width:130px;}
.GB_Inhalt {margin:0px;padding:5px;}

.GB_Eintrag_1 a{color:#000000; text-decoration: none}
.GB_Eintrag_1 a:hover { color:#000000; text-decoration:underline}   
.GB_Eintrag_2 a{color:#000000; text-decoration: none}
.GB_Eintrag_2 a:hover { color:#000000; text-decoration:underline}  

.GB_Zurueck_Linie {margin: 10px 0px 10px 0px; padding: 0px; font-weight: bold;}
.GB_Zurueck_Linie a{color:#384A03; text-decoration: none; font-weight: bold;}
.GB_Zurueck_Linie a:hover { text-decoration:underline}   
.GB_Zurueck_Linie a{text-decoration: none}
.GB_Zurueck_Linie a:hover { text-decoration:underline}  


.TextFormHeadline {font-weight: bold;}