/* CSS Document */

/* ===========================================================================================================
	CSS Standardvorlage
	-------------------
	Author: Andreas Berg
	Modifiert: Heike Koch
	Date: 2007/01
	Website: www.filmfestival-landau.de
	Credits to: www.positioniseverything.net, www.yaml.de, www.websemantics.co.uk and the incredible Mr. Berg
   =========================================================================================================== */




/* ===========================================================================================================
	I.) Allgemeine Styles 
	-----------------
	1. Browserspezifika
	2. Text und Überschriften
	3. Seitenstruktur
		3.1 Wrapper
		3.2 Header
		3.3 Horizontale Navleiste
		3.4 Vertikale Navleiste
		3.5 Maincontent
		3.6 Footer
		
   =========================================================================================================== */


/* ===========================================================================================================
	 1. Browserspezifika
   =========================================================================================================== */
   

* { margin:0; padding:0; } /* Innen- und Außenabstände aller HTML-Elemente werden auf null gesetzt */
option {padding-left: 0.4em} /* Wiederherstellung Standardwerte für <select> */
html, body {height:100%} /* Berücksichtigung von Höhenangaben in Prozentwerten */
fieldset, img, a img { border:0; } /* Rahmen für fieldset und Image auf null */
select, input, textarea { font-size: 99% } /* Korrektur Schriftgrößen für Safari */
hr.clearing {height: 0;clear: both; visibility:hidden;} /* wird benötigt um Hintergrundbild des Containers auch bei float elementein in Firefox anzuzeigen */

body {
    min-height: 101%; /* Firefox vertikaler Scrollbalken */
    font-size: 100.01%; /* em für IE und Opera */
    position: relative; /* Resize bugfix */
	text-align: center; /* in IE zentrieren */
	word-wrap: break-word; /* erzwingt bei zu langen Texten Umbruch "Expanding Box Problem" (nur IE)- bei Grafiken: "overflow: hidden;" verwenden s.u. */
	
//	font-family:"Trebuchet MS",Verdana, Arial, sans-serif;	/* Globale Textformatierung - ====EDIT==== */
	font-family: Verdana, Arial, Helvetica, sans-serif;	/* Globale Textformatierung - ====EDIT==== */
    color: #666666; /* Textfarbe ====EDIT==== */
    background: #E5E5E5; /* Hintergrundfarbe ====EDIT==== */
}




/* ===========================================================================================================
	 2. Text und Überschriften 
   =========================================================================================================== */

p {
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0.5em 0;
}

h1 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
/* letter-spacing:0.4em;
 text-transform: uppercase; */
font-size: 1em;
color:#999999;
font-style:normal;
font-weight:bold; 
margin-bottom:10px;
margin-top: 20px;
}

h2{

}


h3 {

}


/* ===========================================================================================================
	 3. Seitenstruktur
   =========================================================================================================== */
   

/* =====================================================
	3.1 Wrapper 
======================================================== 
======================================================== */ 

#index /* für die Sprachauswahl auf der Startseite */ {
margin-left: 150px;

}

#index_wrapper /* umfasst alle Inhaltselemente */{
background-image: url(../IMG/background_72_2011.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-color:#FFFFFF;
margin: 0 auto;
border-top: 30px solid #FFFFFF;
width:850px;
text-align:left;
background-color:white;
padding-bottom: 200px;
}

#wrapper /* umfasst alle Inhaltselemente */{
background-image: url(../IMG/background_72.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-color:#FFFFFF;
margin: 0 auto;
margin-top: 30px;
width:850px;
text-align:left;
background-color:white;
padding-bottom: 180px;
}

#unter_wrapper /* umfasst alle Inhaltselemente */{
background-image: url(../IMG/side_2011.jpg);
background-repeat:repeat-y;
//background-position: bottom;
background-position: top;
background-position: left;
background-color:#FFFFFF;
margin: 0 auto;
border-top: 30px solid #FFFFFF;
width:850px;
text-align:left;
background-color:white;
}

#dauerbrenner {
//background: #deecf0;
//background: #e8f0f2;
//background: #ecf2f3;
//background: #f1f6f7;
//background: #f3eaea;
background: #fbeeee;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 15px;
border: 1px solid #CCCCCC;
}


/* =====================================================
	3.2 Header 
======================================================== 
======================================================== */ 

#head{
background-image: url(../../CSS/IMG/header01.gif); /* Bannerbild ====EDIT==== */
background-color:#FFFFFF;
margin:0px;
width:850px;
max-width:850px;
height:75px;
border-bottom: 1px solid #999999;
}


/* =====================================================
	3.3 Horizontale Navleiste 
======================================================== 
======================================================== */       
	 
#horizontal_navi{
align: left;
text-align:left;
// background-color:#dbe3f3;
//background-color: #3b4ea2;
//background-color: #990000;
//background-color: #da2e46;
//background-color: #ba263b;
background-color: #af0a2d;


width:850px;
margin-left: 0px;
height:24px; /* kann auch als Abstandswert zum maincontent-div verwendet werden */
font: Verdana, Arial, Helvetica, sans-serif #990000 bold;
border-bottom: 1px solid #999999;
}

/* Horizontale Liste 
==================================== */  

#horizontal_navi ul{
list-style-type: none;
}

#horizontal_navi li { 
display: inline; 
}

/* === Rollover und Linkfarbe === */ 

#horizontal_navi ul li a  {
text-decoration: none;
font-size: 0.75em;
font: bold;
/*text-transform: uppercase;*/
padding-right: 1em ;
// color: #586ea8;
color: #F3EAEA;
/* background-color: #036; */
}

#horizontal_navi ul li a:hover{
text-decoration: underline;
/* background-color: #369; */
}

#horizontal_navi ul li a:active{
text-decoration: underline;
/* background-color: #369; */
}



/* =====================================================
	3.3.1 Horizontale Navleiste - Untermenü
======================================================== 
======================================================== */ 


#horizontal_navi_sub{
align: left;
text-align:left;
// background-color:#dbe3f3;
//background-color: #3b4ea2;
background-color: #FBEEEE;
width:850px;
margin-left: 0px;
height:24px; /* kann auch als Abstandswert zum maincontent-div verwendet werden */
font: Verdana, Arial, Helvetica, sans-serif #990000 bold;
border-bottom: 1px solid #999999;
}

/* Horizontale Liste 
==================================== */  

#horizontal_navi_sub ul{
list-style-type: none;
}

#horizontal_navi_sub li { 
display: inline; 
}

/* === Rollover und Linkfarbe === */ 

#horizontal_navi_sub ul li a  {
text-decoration: none;
font-size: 0.75em;
font: bold;
/*text-transform: uppercase;*/
padding-right: 1em ;
// color: #586ea8;
color: #990000;
/* background-color: #036; */
}

#horizontal_navi_sub ul li a:hover{
text-decoration: underline;
/* background-color: #369; */
}

#horizontal_navi_sub ul li a:active{
text-decoration: underline;
/* background-color: #369; */
}



/* /Ende Horizontale Liste 
====================================== */ 



}


/* =====================================================
	3.4 Vertikale Navleiste (hier Bereich Rechts)
======================================================== 
======================================================== */ 

#vertical_navi{
background-color:#FFFFFF;
margin-left:575px;
width:150px;
padding-left:25px;
}

#vertical_navi ul {
list-style-type: none;
}

#vertical_navi li { 
float:left;
display: inline; 
padding:0;
margin-right:10px; /* Abstand zwischen Bildelementen */
margin-bottom:10px; /* Abstand zwischen Bildelementen */ 
line-height:0px;  /* Abstand zwischen Bildelementen */

}

#vertical_navi li img { 
display:block; /* bringt bildelemente direkt nebeneinander */ 
border:solid;
border-width:1px;
border-color:#999999;
}

/* === Rollover und Linkfarbe === */ 

#vertical_navi a  {
text-decoration: none;
padding-right: 1em ;
color: #960221;
/* background-color: #036; */
}

#vertical_navi a:hover{
color: #4C5906;
/* background-color: #369; */
}


/* =====================================================
	3.5 Maincontent
======================================================== 
======================================================== */ 

#maincontent {
background-color: ; 
float:left; /* Float linkes Element ====EDIT==== */
display: inline;  /*Nötig um den "double-margin" bug im IE zu verhindern */
text-align:left; 
margin-left:200px;
width:500px;
overflow: hidden; /* verhindert "Expanding Box Problem"  Text/Grafiken werden abgeschnitten (Firefox: Text/Grafiken, IE: nur Grafiken s.o.) - */
} 

#maincontent_gallery {
background-color: ; 
float:left; /* Float linkes Element ====EDIT==== */
display: inline;  /*Nötig um den "double-margin" bug im IE zu verhindern */
text-align:left; 
margin-left:200px;
width:650px;
overflow: hidden; /* verhindert "Expanding Box Problem"  Text/Grafiken werden abgeschnitten (Firefox: Text/Grafiken, IE: nur Grafiken s.o.) - */
} 


#maincontent h2 {
color: #666666;
font-weight: bold;
padding-bottom: 5px;
padding-top: 15px;
font-size: 0.75em;
margin-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
}

#maincontent_gallery h2 {
color: #666666;
font-weight: bold;
padding-bottom: 5px;
padding-top: 15px;
font-size: 0.75em;
margin-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
}

.date {
color: #999999;
font-weight: normal;
}

#maincontent a  {
text-decoration: none;
color: #960221;
/* background-color: #036; */
}

#maincontent a:hover{
/* color: #4C5906; */
text-decoration: underline
}

#maincontent a:visited{
color: #bd7786;
// color: #e81240;
// color: #CB4A4A;
// color: #ED4042;
// color: #666666;
// text-decoration: underline
}

#maincontent_gallery a  {
text-decoration: none;
color: #960221;
/* background-color: #036; */
}

#maincontent_gallery a:hover{
/* color: #4C5906; */
text-decoration: underline
}

#maincontent_gallery a:visited{
color: #bd7786;
}


#maincontent  ul {
list-style-type: square;
font-size: 0.8em;
line-height: 1.4em;
margin: 0.5em 0;
padding-left:15px;
}

#maincontent_gallery  ul {
list-style-type: square;
font-size: 0.8em;
line-height: 1.4em;
margin: 0.5em 0;
padding-left:15px;
}




/* Liste Referenzen 
==================================== */  


.referenzliste-div {
clear:both; /* bringt die Referenzlisten-divs untereinander */
margin-bottom: 60px; /* Abstand Listeneinträge */
}

.referenzliste-div hr {
display:none; /* unsichtbarer Trennstrich - nur zur Code Strukturierung */
}

.referenzliste-div img {
margin:0px;
border:solid;
border-width:1px;
border-color:#999999;
margin-bottom: 60px; /* Abstand Listeneinträge */
}

.referenzliste-left {
float:left;
width:300px;
}

.referenzliste-right {
width:150px;
margin-left:330px;
}


.referenzliste-right ul {
list-style-type: square;
font-size: 0.8em;
line-height: 1.4em;
margin: 0.5em 0;
padding-left:15px;
}



.referenzliste-liste {
margin-top:75px;
clear:both;
}

.referenzliste-liste ul {
list-style-type: square;
}



/* === Rollover und Linkfarbe === */ 

.referenzliste-div a  {
text-decoration: none;
color: #960221;
/* background-color: #036; */
}

.referenzliste-div a:hover{
color: #4C5906;
/* background-color: #369; */
}

/* /Ende Liste Refernzen
====================================== */ 



/* =====================================================
	3.6 Footer
======================================================== 
======================================================== */ 

#footer{
/* === Hält den footer unten === */ 
clear: both;
position:relative;
top:0px;

// background-image: url(IMG/footer01.gif);
// background-color:#FFFFFF;
width:750px;
max-width:750px;
text-align:right;
padding-top:95px;
padding-right:30px;
height:60px;
} 

#footer p  {
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-size:0.9em;
color: #FFFFFF;
} 

#footer a  {
text-decoration: none;
color: #FFFFFF;
/* background-color: #036; */
}

#footer a:hover{
color: #960221;
/* background-color: #369; */
}


/* Allgemeines Layout */

.bold {
font-weight:bold;
}

.clearboth {
clear:both;  /* h1 immer ausserhalb von float  ============= */
}

.tooltip {
text-decoration:none;
border-bottom: 1px dashed #CC3300;
}

.absatz-standard {
clear:both;
margin-bottom: 50px;
}

/* Blockelemente */

/* Inlineelemente */