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

	Project		:	gloegglinet.ch

	Copyright	:	blumbeet - web.studio
					www.blumbeet.com

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




/*	undo
*******************************************************************************/

:link,:visited { text-decoration:none; }
ul,ol  { text-align: left; list-style-type: none; list-style-position: outside; width: < }
h1,h2,h3,h4,h5,h6,pre,code  { font-size: 11px; font-weight: normal }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:11px;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend 			{ display:none; }
body			  { }
body, div,p,li  { background-repeat: no-repeat }

/*	reset some basic style
*******************************************************************************/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/*	html
*******************************************************************************/
html {
	min-height: 100%;
	margin-bottom: 1px;

}

/*	body
*******************************************************************************/
body   { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: black; background-image: url(1x1.gif); margin-top: 20px; bottom: 400px; voice-family: inherit }

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.flLeft { float:left; }
.flRight { float:right; }

.warning { color:#f00; }


/*	website
*******************************************************************************/
#website {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	min-height: 400px;
	width:790px;
	color:#000
	;
	text-align:left;
}

/*	header
*******************************************************************************/
#header {
	position:relative;
	margin:0;
	padding:0;
	height:130px;
	background-image:url(bg_header.jpg);
}

/**
* @package Dreispalter
* @name DS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0.1
*/

.dreispalter {
  width: 530px;
}

.dreispalter_1 {
  width: 150px;
}

.dreispalter_2 {
  width: 198px;
  margin-left: 2px;
}

.dreispalter_3 {
  width: 178px;
  margin-left: 2px;
}

.dreispalter_1, 
.dreispalter_2, 
.dreispalter_3 {
  float: left;
}

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

/*	logo / breadcrumb
*******************************************************************************/
#logo {
	position:absolute;
	top:0px;
	left:0px;
}

#logo a  { 
	text-indent: -700em; 
	display: block; 
	width: 170px; 
	height: 100px; 
}


#breadcrumb {
	position:absolute;
	bottom:9px;
	left:210px;
}

#breadcrumb a, 
#breadcrumb a:link {
	color:#000000;
}

#breadcrumb a:hover  {
 text-decoration: none 
 }
/*	content
*******************************************************************************/


#content, #content2  { display: block; padding: 0; position: relative; clear: both }


/* hide from IE/MAC \*/
* html #content, * html #content2  { height: 1px }
/* end hide */


#content    { }
#content2    { background-image: url(bg_content.jpg); background-repeat: repeat-y; min-height: 400px }

#main   { width: 560px; float: left }

#main-block   { }

#main-block2  { padding: 14px; bottom: 400px }


/*	Navigation vertical - 
	Wenn die Navigation mit der ID 3 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------*/
#navigation       { background-color: #0f3965; background-image: url(bg_content.jpg); padding: 0; width: 200px; height: 100%; float: left; border-bottom: 1px none white; border-left: 1px none white }

#navigation ul.nav1st     { width: 200px; border-bottom: medium none #000; border-left: medium none black }


#navigation ul.nav1st li     { padding: 8px 0 8px 14px; border-bottom: 1px solid #fff; border-left: 1px solid white }

#navigation ul.nav1st li.active   { background: #6c6c6c; border-right: 1px none white }

#navigation ul.nav1st li.active a,
#navigation ul.nav1st li.active a:link {
	color:#E8BF00;
}

#navigation ul.nav1st a, 
#navigation ul.nav1st a:link  { color: white; font-size: 11px; font-weight: bold; display: block }

#navigation ul.nav1st a:hover {
	color:#E8BF00;
}


#navigation ul.nav1st li ul.nav2nd li {
	padding:0;
	margin-left:14px;
	list-style-type:square;
}

#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link  { color: white; font-size: 11px; font-weight: normal; display: block; padding: 4px 0 }

#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link, 
#navigation ul.nav2nd a:hover {
	text-decoration:underline;
}


/*	Navigation horizontal and vertical - 
	Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------*/

#header-nav  { text-align: right; position: absolute; bottom: 1px; left: 140px; width: 560px }

#header-nav ul.nav1st  { text-align: right }


#header-nav ul.nav1st li  { text-align: right; display: block; padding: 5px 7px; float: left }

#header-nav ul.nav1st li.active  { }

#header-nav ul.nav1st li.active a,
#header-nav ul.nav1st li.active a:link {
	color:#E8BF00;
}

#header-nav ul.nav1st a, 
#header-nav ul.nav1st a:link  { color: white; font-size: 12px; font-weight: bold }

#header-nav ul.nav1st a:hover {
	color:#E8BF00;
}


#navigation   { padding: 10px 0; left: 1px; width: 199px; float: left }

#navigation ul.nav2nd li   { padding: 4px 0 4px 14px; border-bottom: 1px solid #fff; border-left: CSS_PROPERTY_UNDEF none white }


#navigation ul.nav2nd a     { font-weight: bold; border-top: 1px none white; border-bottom: 1px none white; border-left: 1px none white }  
#navigation ul.nav2nd a:link  { color: #ffffff; font-weight: bold; display: block; padding: 4px 0 }

#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link, 
#navigation ul.nav2nd a:hover  { color: #e8bf00; font-weight: bold; text-decoration: none }


/*	firefox Werbebanner
------------------------------------------------------------------------------*/
#firefox {
	margin:2em 0 0 14px;
}

#firefox a, 
#firefox a:link {
	display:block;
	width:120px;
	height:60px;
	background-image:url(ff_120x60_2.gif);
	text-indent:-1000em;
}
/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
#main-block h1    { color: #0f3965; font-size: 24px; font-family: arial, helvetica, verdana, sans-serif; font-weight: lighter; line-height: 26px !important; font-stretch: ultra-expanded; letter-spacing: 1pt; margin-top: 4px; margin-bottom: 5px }

#main-block .teaser h1 {
	font-size:14px;
}

/* Headline 2 */
#main-block h2  { color: #000; font-size: 12px; font-family: arial, helvetica, verdana, sans-serif; font-weight: bold; line-height: 1.4em }


/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
#main-block p,
#main-block ul,
#main-block ol  { font-size: 11px; line-height: 1.6em; margin-bottom: 1.2em }
#main-block ul li ul,
#main-block ul li ol,
#main-block ol li ol,
#main-block ol li ul  { font-size: 11px }

#main-block ul {
	margin-left:14px;
	list-style-type:inherit;
}

#main-block ol {
	list-style-type:decimal-leading-zero;
}


/*	Hyperlinks
------------------------------------------------------------------------------*/
#main-block a, #main-block a:link  { color: #9a0a32; text-decoration: none; white-space: normal; cursor: default; list-style-type: square; list-style-position: inside }

#main-block a:hover  { color: #9a0a32 }



/*	Images
------------------------------------------------------------------------------*/
#main-block div.image {
	margin-bottom:0;
}
#main-block div.image p  { font-size: 8px; margin: 0 }
#main-block div.flLeft {
	margin-right:14px;
}
#main-block div.flRight {
	margin-left:14px;
}


/*	footer
------------------------------------------------------------------------------*/
.footer   { background-image: url(bg_body.jpg); display: block; width: 790px; height: 25px }

.footer2 {
	padding:0 14px;
	height:25px;
}
.footer p  { 
margin:0;
font-size: 9px; 
text-transform: uppercase;
text-align: left;
padding: 9px 0 }

.footer p, 
.footer p a,
.footer p a:link {
	color:#555555;
}
.footer p a:hover {
	text-decoration:underline;
}

.footer .col-left {
	float:left;
	width:206px;
}
.footer .col-right {
	float:left;
}


/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:520px;
	background-color:#f7f7f7;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
}

#form-module fieldset {
	border:0px solid #BFBFBF;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:11px;
	font-weight:bold;
}

#form-module .element  { display: block; clear: both; border-top: 2px solid #fff }

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
	border-right:2px solid #fff;
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
}


/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p {
	margin:0;
}
#main-block .download-hdl p  { color: #000000; font-weight: bold; background-color: silver; padding: 5px 7px }

#main-block .download-file  { padding: 1.2em 7px; border-right: 1px solid silver; border-left: 1px solid silver }

#main-block .download-desc  { background-color: #e5ffe5; margin-bottom: 1.2em; padding: 1.2em 7px; border-right: 1px solid silver; border-bottom: 1px solid silver; border-left: 1px solid silver }

#main-block .download-without-desc  { margin-bottom: 1.2em; border-top: 1px solid silver }
#hassoGallery    { font-size: 11px; font-style: normal; margin-left: 0; padding: 0 }


#hassoNav {
	display: block;
	text-align:left;

}

#hassoNav ul       { font-size: 11px; font-style: normal; line-height: 11px; text-align: left; padding-top: 10px; top: 12px }

#hassoNav a {
	display: block;
}

#hassoNav a:hover   { display: block }

#hassoNav #active   { background-color: #dfdfdf; display: block }

#hassoThumbs    { font: bold 11px verdana, sans-serif; text-align: left; margin: 0; padding: 0; width: 370px; float: left }

#hassoThumbs .hassoThumb  { text-align: center; margin: 10px 5px; width: 110px; height: 150px; float: left; vertical-align: middle; border: 0 }

#hassoThumbs .hassoThumb a {
	border:0;
	
}

#hassoThumbs .hassoThumb a img {
	border:0;
	
}


#hassoPic     { font: bold 11px verdana, sans-serif; text-align: left; margin: 0; padding: 5px; width: 370px }


#hassoPic .hassoTitle {
	font-style:oblique;
	text-align:left;
	
}

#hassoPic .hassoDescription {
	text-align:left;	
}

#hassoPic img {
	border: 0px;
	margin: 0px;
}


#hassoPrevNextNav  { font-size: 11px; display: block; margin: 0; padding: 0; width: 370px }


#hassoPrevNextNav #hassoPrevPic{
	float: left;
	
}


#hassoPrevNextNav #hassoNextPic{
	float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
	text-align:left;
}


#hassoPrevNextNav #hassoNextPic a {
	text-align:right;
		
}

/*
 Guestbook Addon
 @author staab[at]public-4u[dot]de Markus Staab
 @author <a href="http://www.public-4u.de">www.public-4u.de</a>
 @package redaxo3
 @version $Id: guestbook.css,v 1.9 2006/10/08 18:53:24 koala_s Exp $
 */


/*
  Formular Styles
*/


/* Formular */
.a63-form {
  width: 400px;
}

/* Eingabefelder */
.a63-form input, .a63-form textarea {
  border: 1px solid black;
  margin: 1px 2px 1px 2px;
  width: 250px;
  background-color: #F6F4EF;
}

.a63-form input:focus, .a63-form textarea:focus {
  background-color: #EEEEEE;
}

/* Text-Eingabefeld*/
.a63-form textarea {
  height: 100px;
}

/* Beschriftungen der Eingabefelder */
.a63-form label {
  width: 100px;
  float: left;
  padding-left: 5px;
}


/* Buttons */
.a63-form .a63-fsubmit {
  width: 100px;
  margin: 0px;
  margin-top: 5px;
  background-color: #D6D3CE;
}

/* Buttons-Layer*/
.a63-form .a63-buttons {
  padding-left: 105px;
}

/* Zusatztext-Layer*/
.a63-form .a63-info {
  text-align: right;
  padding: 0px 5px 5px 0px;
}

/* Fehlermeldungs-Layer*/
.a63-form div.error {
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 10px;
}



/*
  Listen Styles
*/


/* Einträge-Layer */
.a63-entries .a63-entry {
  padding-bottom: 10px;
  border-bottom: 1px dotted #859885;
}

.a63-entries p {
  margin: 0px;
  padding: 0px;
}

/* Pagination-Layer */
.a63-entries .a63-pagination {
  text-align: right;
}

/* Pagination-Links */
.a63-entries .a63-pagination a {
  padding-left: 2px;
  padding-right: 2px;
}

/* hervorheben des Aktuelle-Seite-Links */
.a63-pagination_aktuell a {
  font-weight: bold;
  text-decoration:underline;
}


.a63-entries ul li {
  list-style-type: none;
  display: inline;
}

/*
  Allgemeine Formatierungen
*/

/* Beschriftungen */
.a63-entries .a63-label {
  float: left;
  width: 70px;
}

/* Werte */
.a63-entries .a63-value {
  padding-left: 70px;
}

/* Mozilla */
li.a63-pagination {
  list-style-type: none;
}

/* Ausgabe der Dateiversion
  möglichst unauffällig und klein */
.Modulversion {
  font-size: 0.5em;
  color: #aaaaaa;
/*  color: #dddddd; */ /* (fast) unsichtbar*/
}




/* ***********
  Adminbereich
  ************ */
/* TODO: hier könnten noch Formatierungen für den Adminbereich rein */


/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition - DEMO 1.01
Formular Generator für Redaxo 4.x 
Ab: Version 4.5 Community Editon
Stand: 22.01.2008 

Erstellt von: Thomas Skerbis , www.klxm.de
Dieses CSS dient als Beispiel
Bitte nicht 1:1 übernehmen

Funktioniert nicht mit Formular-Generator < v.4.43
 
/*



/* Formular Definition */


/* Div das das Formular umschließt */
.formgen  { font-size: 1em; width: 465px }


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
 { line-height: 120%; width: 460px }


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
 { background-color: #e6e6e6; margin-bottom: 15px; padding: 3px 2px 3px 5px }


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
 { margin-left: 4px; width: 200px; height: 250px }


/* Textfeld */
.formgen .formtext
 { background-color: #eeeeee; margin-left: 4px; width: 260px; height: 20px }
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
 { background-color: #cccccc; margin-left: 4px; width: 320px }


/* Sende-Button */
.formgen .formsubmit
{
	width: 90%;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 345px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid #5D81A3;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #990000;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */