/** Datei: OTZ_template.css

*   Das ist das CSS fuer das OTZ - Layout (Joomla15)

*   Hier werden nur die Hauptbereiche (div) definiert, benannt und 

*   mit den individuellen Design-Elementen (Bilder, Farben usw) versehen

*/

* {	margin: 0;	padding: 0; }
* html div.hidden { height: 1%; } /* Patch fuer IE6 bei div mit floats */
html { height: 101%; } /* vertikalen Scroll-Bar immer anzeigen (Fire-Fox) */

/* body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #000099;
	font-weight: normal;
	text-align: center;
	display: block;
	height: auto;
	width: 100%;
	background-color: #cfc;


}  */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 1em;   */
	font-size: 12px;
	font-style: normal;
	color: #003366;
/*	background-image:  url(pictures/Wueste_5s_1024x638.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;  */
	background-color: #CCFFFF;
	height: auto;
	width: 100,1%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 0px;
	
/*	border: 3px solid #003399;  */
}


#wrap {		/* Der gesamte definierte OTZ-Bildschirm  */
	background-image: url(../images/Wueste_5s_1024x5.jpg);
	background-repeat: repeat-y;  
	text-align: left;
	height: auto;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;  
/*	border: 3px solid #993300; */
}

#oben {			/* Bereich oben, gesamte Breite  fuer Logo, Menue und OTZ-Adresse  */
	height: 130px;
	width: 1024px;
	background-image: url(../images/Wueste_5s_1024x130.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
/*	border: thin solid #009900;     */
	margin-right: auto;
	margin-left: auto; 
}

#oben hr {
	clear: both;
	position: absolute;
	width: 1024px;
	text-align: center;
	top: 130px;

}
#oben-li {		/* Bereich oben, links neben dem OTZ-Hauptmenu und der Adressangabe  */
	display: block;
	height: 130px;
	width: 150px;
	position: relative;
	text-align: left;
	background-image: url(../images/OTZ_LOGO_50530_b130x82.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}

#oben-mt {		/* Bereich oben, mitte zwischen dem OTZ-Logo und Hauptmenu */
	display: block;
	height: 130px;
	width: 874px;
	position: relative;
	text-align: center;
/*	background-image: url(../images/OTZ_LOGO_50530_b130x82.gif);  */
/*	background-color: #cccc99;   */
	background-repeat: no-repeat;
	background-position: center center;
	
}

#oben-re {		/*  Bereich oben, rechts neben dem OTZ-Logo */
	text-align: left;
	height: 130px;
	width: 720px;
	display: block;
	position: relative;
	float: right; 
}

#oben-retopo {
	text-align: center;
	height: 20px;
	width: 720px;
	display: block;
	position: relative;
/*	border: 1px solid #CC33FF;  */
	padding-top: 10px;
}
#oben-retopm {	/* Bereich oben rechts, Top-mitte fuer das Hauptmenue  */
	text-align: center;
	height: 20px;
	width: 720px;
	display: block;
	position: relative;
/*	border: 1px solid #CC33FF;  */
	padding-top: 10px;
}

#oben-retopu {	/* Bereich oben rechts, Top-unten fuer die OTZ-Adressangabe  */
	text-align: center;
	height: 40px;
	width: 720px;
	display: block;
	position: relative;
	padding-top: 10px;
	clear: both;
}

#haupt {
	background-image: url(../images/Wueste_5s_1024x638.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-attachment: fixed;
	text-align: center;
	height: auto;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;

/*	border: thin solid #990099;   */

}
#haupt-top {	/* Im Hauptbereich top oben, fuer das dynamische Workshopmenue  */
	text-align: center;
	height: auto;
	width: 1024px;
	display: block;
}

#haupt-li .moduletable_linav {		/* Im Hauptbereich links, fuer ein Neben-Menue */
/*	background-color: #aabbcc;  */
	text-align: left;
	display: block;
	height: auto;
	width: 100px;
    float: left;
	position: relative;
}

#haupt-re {
	height: auto;
	width: auto;
/*	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;  */
	text-align: left;
	float: left;
/*	float: right; */
/*	border: 1px solid #00FF99;  */
}

/*  
#haupt-re .contentpaneopen {
	width: auto;
	height: auto;
	background-color: #884422;
	*/
}

#unten {
	background-image: url(../images/Wueste_5s_1024x638.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
	text-align: center;
	height: 280px;
	width: 1024px;
	position: relative;
/*	border: 1px solid #FF0000;  */
	margin-right: auto;
	margin-left: auto; 
}
#retab {
/*	background-image: url(../images/Wueste_5s_1024x638.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-attachment: fixed;  */
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
	height: auto;
	width: 900px;
	position: relative;
/*	border: 1px solid #FF00CC;  */
}
#anmeldg_tab {
	width: 600px;
	height: 660px;
	padding-left: 5px;
	color: #003366;
}
#anmeldg_tab h2,h1 { text-align: center; }
#ticket { 
	margin-right: 410px;
}
#Meldeform {
/* background-color: #aaaaff; */
}
#rechts-ods {
	position: absolute;
	top: 0px;
	right: 0;
	width: 400px;
	margin-top: 5px;
	margin-left: 610px;  
	float: right;
/*	border: thin solid #9999ff;   */
}

.blockli {
	display: block;
	height: 420px;
	width: 380px;
	position: absolute;
	left: -390px;
	top: -0px;
	text-align: center;
/*	background-image:  url(../images/OTZ-Beige.jpg);
	background-repeat: repeat;	*/
	float: right;
}
.clearing { clear: both; } /* diesen Abschnitt unterhalb eines gefloateten anzeigen */



/* ############## Ende vom Layout-Design fuer OTZ  ############ */