/* @group Body Container */

body {
	font: 13px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-repeat: repeat-x;
	margin-top: -80px;
}

a {
	text-decoration: underline;
	color: black;
}

a:hover {
	
}

#sitewrapper {
	width: 18cm;
}

#wrapper {
	width: 18cm;
	background: none no-repeat 0 bottom;
	padding-bottom: 18px;
	padding-left: 13px;
	float: left;
}

#site {
	background-color: white;
	width: 960px;
	margin-top: 30px;
	padding: 10px;
	float: left;
}

#container {
}


.logo {
	width: 280px;
	height: 130px;
	clear: both;
	float: right;
	background: url(babschanik_logo_print.gif) no-repeat right 31px;
}

#top {
	background-position: 0 -9999px;
	height: 50px;
}

.logo img {
	position: relative;
	top: 30px;
	float: right;
	right: 15px;
	display: none;
	visibility: hidden;
}

#menu {

	height: 25px;
	background-color: black;
	display: none;
	position: relative;
	top: 4px;
	border-bottom: 2px solid white;
	clear: both;
	margin: 0;
	padding: 0;
}

#content {
	float: left;
	background-repeat: repeat-y;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
}

#left {
	float: left;
	width: 190px;
	padding-top: 24px;
	padding-left: 10px;
}

/* @end */

/* @group Main Block // Inhalte */

/* Main Content */

#main {
	width: 523px;
	min-height: 430px;
	color: black;
	line-height: 24px;
	font-size: 0.9em;
	float: left;
	padding: 20px 15px 15px;
}

#main h1 {
	color: black;
	font: bold 1.8em/30px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 0;
}

#main h2 {
	color: black;
	font: 1.4em/1 "Lucida Grande", Lucida, Verdana, sans-serif;
}

.floatLeft { float:left;
	padding-right: 15px;
	padding-bottom: 30px;
}
.floatRight { float:right;
	padding-left: 15px;
	padding-bottom: 35px;
}

/* Main Comment */

/* @end */

/* @group Newsblock */

.intern {
	padding-top: 10px;
}

.intern a {
	color: gray;
	text-decoration: underline;
}

.intern a:hover {
	color: gray;
	text-decoration: underline;
}

.intern a:before{content:url(a_before.png);
	padding-right: 4px;
}

#news {
	width: 190px;
	position: relative;
	top: -26px;
	padding-top: 10px;
	opacity: 1;
	font-size: 11px;
	float: right;
	margin-top: 32px;
	padding-left: 9px;
	border-left-width: 1px;
	border-left-style: solid;
}



/* @end */

/* @group Footer */

#footer {
	text-align: right;
	font-size: 0.8em;
	color: black;
	clear: both;
	visibility: hidden;
}



/* @end */

/* @group Kontaktformular */

/* Formular */

/*/////////////////////////////////////////////////////////////////////////////
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, ist ja auch nicht wirklich hübsch ;-) 

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



/* Formular Definition */


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


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



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


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


.formgen .formblock
{
	width: 507px;
	background-color: white;
	padding: 3px 2px 3px 5px;
	margin-bottom: 1px;
}


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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 315px;
	height: 250px;
	background-color: #eeeeee;
	color: #0a335b;
	border-color: silver;
}


/* Textfeld */
.formgen .formtext
{
                width: 310px;
	background-color: #eeeeee;
	border: 1px solid silver;
	height: 20px;
	padding-left: 5px;
	color: #0a335b;
	letter-spacing: 0.2em;
	font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* 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: 130px;
clear: left;
float: left;
height: 20px;
	margin-top: 4px;
	margin-left: 12px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 150px;
	background-color: silver;
	color: #0a335b;
	border: 1px solid black;
	opacity: 1;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 115px;
	background-color: silver;
	border: 1px solid gray;
	margin-left: 142px;
	color: #0a335b;
}

.formgen .formsubmit:hover
{
	width: 115px;
	background-color: #eee;
	border: 1px solid silver;
	opacity: 0.5;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 515px;
border: 1px solid silver;
	padding: 1px;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #0a335b;
	border-color: #0a335b;
	opacity: 0.5;
	display: none;
}

/* -------------- 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: red;
}

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

/* @end */

/* @group Download Modul */

/* Download/* Download anbieten */

.list_content {
	text-decoration:none;
	color:#666666;
	padding-left:10px;
	padding-bottom: 6px;
	padding-right:24px;
	width: 500px;
	margin: -1px 0px 0px;
	border: 1px solid silver;
	font: normal 0.9em/18px Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
}

.list_content a {
	text-decoration: none;
	font-size: 1.1em;
	color: #0a335b;
	padding: 3px;
}

.list_content a:hover {
	color: #0a335b;
	background-color: #d1d6dc;
}

.list_content img {
	position: relative;
	top: 4px;
}

.list_content3 {
	text-decoration:none;
	color:#000000;
	width: 500px;
	background-color: #e9eff1;
	margin: 0px 0px 0px 0;
    line-height: 18px;
	padding: 3px 24px 3px 13px;
	font-size: 0.9em;
}

/* @end */

/* @group Teaser // Newsbox */

.teaser {
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	clear: both;
	margin-right: 8px;
}

.teaser h1, #newsbox h1 {
	color: black;
	font-size: 12px;
	line-height: 15px;
}

.teaser h2, #newsbox h2 {
	color: black;
	font-size: 11px;
	line-height: 15px;
}

.teaser a {
	color: gray;
	text-decoration: underline;
}

.teaser a:hover, #newsbox a:hover {
	color: gray;
	text-decoration: underline;
}



/* @end */

/* @group Accordion */

/* Hover pic Liste */

ul.hover_list
{
	margin: 0;
	padding: 0;
}

ul.hover_list li
{
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	list-style: none;
	padding: 0 2px 2px 0;
	margin: 0;
}

h3.toggler 
{
	/*background-image: url(/files/pf_down.gif);*/
	background-repeat: no-repeat;
	margin: 0;
	clear: both;
	font-size: 1em;
	width: 526px;
	color: #0a335b;
}

#main div.accordion div.hell_acc_content div.team {
	width: 520px;
}
.accordion 
{
	font-weight: normal;
	overflow: hidden;
	background-repeat: repeat-y;
	background-position: bottom;
	width: 520px;
	line-height: 20px;
	padding-right: 0;
	padding-top: 0;
	padding-left: 0;
	margin-bottom: 7px;
	margin-top: -7px;
}

div.hell_acc_content h3 {
	color: #0a335b;
	font-weight: normal;
	font-style: normal;
	font-size: 1.2em;
}

h3.toggler a,
h3.toggler a:link 
{
	display: block;
	text-decoration: none;
	font-weight: normal;
	line-height: 20px;
	vertical-align: middle;
	padding: 0 0 0 6px;
	border-top: 1px solid #CCCCCC;
	clear: both;
	width: 521px;
	background: #e1e6eb no-repeat 3px 2px;
}
h3.toggler a:visited 
{
	color: #0a335b;
}
h3.toggler a:active 
{
}
#main h3.toggler a:hover, #main h3.toggler:hover
{
	background-color: #c6cacf;
	text-decoration: none;
	color: #0a335b;
}
a img 
{
	border:none;
}
.uline 
{
	clear: both; 
	border-top:1px solid #CCCCCC;
	width: 520px;
	background-color: orange;
}

/* My Comment */

/* Content Layout */
#zw {
	height: 110px;
	width: 520px;
	background-color: #f1383f;
}


.hell_acc_content .download_list ul {
	padding: 0;	
	margin:0;
	border: none;
	background-image: none;
}
.hell_acc_content .download_list ul li {
	list-style: none; 
	border: none;
	margin: 0 0 0 20px;
	padding: 0;
	background-image: none;
}

.hell_acc_content .download_list ul li a,
.hell_acc_content .download_list ul li a:link,
.hell_acc_content .download_list ul li a:visited 
{
	padding: 6px 0 6px 23px;
	background-image: url(doc.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	border: none;
	color: #666;
	text-decoration: none;

}
.hell_acc_content .download_list ul li a:hover {
	color: #333;	
}



.ibase {
	padding: 35px 0;
}

.hell_acc_content .spalte_links {
	float: left;
	width: 200px;
	padding: 35px 0 35px 0;
}

.hell_acc_content .spalte_rechts {
	float: right;
	width: 460px;
	margin-right: 4px;
	padding: 35px 0 35px 0;
}

#main div.accordion div.hell_acc_content {
	width: 518px;
}

.hell_acc_content ul {
	margin: 0;
	padding: 0;		
}

.hell_acc_content ul {
	background-image: url(lisen_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.hell_acc_content ul li {
	background-image: url(lisen_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	list-style: none;
	padding: 8px 0 8px 20px;
	margin: 0;
	line-height: 1.7em;
	font-size: 0.9em;
	color: #666666;
}


.dark_acc_content, .hell_acc_content {
	width: 520px;	
}

.dark_acc_content .spalte_links {
	float: left;
	width: 320px;
	padding: 35px 0 35px 0;
	color: #ccc;
	
}

.dark_acc_content .spalte_rechts {
	float: right;
	width: 460px;	
	margin-right: 4px;
	padding: 35px 0 35px 0;
	color: #ccc;
}

.dark_acc_content ul {
	margin: 0;
	padding: 0;		
}

.dark_acc_content ul {
	background-image: url(dark_lisen_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.dark_acc_content ul li {
	background-image: url(dark_lisen_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	list-style: none;
	padding: 8px 0 8px 20px;
	margin: 0;
	line-height: 1.7em;
	font-size: 0.9em;
	color: #adadad;
}

.dark_acc_content p {
	color: #adadad;
}

#main div.accordion div.hell_acc_content div.pix_right img {
}

#main div.accordion div.hell_acc_content div.image..flRight img {
	float: right;
	clear: both;
	display: inline;
}

#main div.accordion div.hell_acc_content div.text_left p {
}

.flBlanko {
	
}

div.flRight img {
	float: right;
	padding-left: 20px;
	padding-bottom: 27px;
}

div.flLeft img {
	float: left;
	padding-bottom: 27px;
	padding-right: 20px;
}

div.pix_left img {
	float: left;
	padding-right: 20px;
	padding-bottom: 27px;
}

div.accordion div.hell_acc_content div.pix_right img {
	float: right;
	padding-bottom: 27px;
	padding-left: 20px;
}



/* @end */

/* @group Bildmodul */

/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft(_b) , .pright(_b) und .pnormal(_b)    

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen

Code: 

*/ 




/* 
---------START BILDMODUL -----------------------
Definition der Klassen ohne Rahmen 
CCS für REDAXO Bild-Modul
Erstellt von: Thomas Skerbis 
Stand: 23.05.2008 
*/

.pleft {
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen für 2.Stil (z.B. mit Rahmen) */

.pleft_b {
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}


/*
------ENDE Bildmodul ------
*/




/* @end */

.beispiel {
}

.beispiel a {
	text-decoration: none;
	padding: 1px 5px 0;
	display: block;
	color: black;
	font-size: 10px;
}

.beispiel a:hover {
	border-color: #0a335b;
	color: gray;
}

.beispiel a:before{content:url(a_before.png);
	padding-right: 4px;
}

div.galerie .image {
	float: left;
	width: 168px;
	background-color: #fff;
	height: 155px;
	padding-left: 4px;
	padding-top: 6px;
	padding-right: 4px;
}

div.galerie .image img {
	height: 117px;
	width: 165px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.galerie .image p {
	font-style: italic;
	font-size: 0.95em;
	padding: 0;
	line-height: 1em;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

*******************************************************************************
	Project
	:
	Redaxo
	Demo
	Copyright
	:
	Design
	-
	hundertmorgen
	-
	www.hundertmorgen.de
	******************************************************************************
	http://localhost:8888/babschanik/files/navigation.css
*/

/*	Navigation vertical - 
	Wenn nur die Navigation mit der ID 3 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
-------------------------------------------------------------------------------*/
/* ### Header Navigation ##################################################### */

#nav-header {
	position: relative;
	font-size: 1em;
	top: -24px;
	height: 26px;
	width: 720px;
	float: left;
	clear: both;
	left: 0;
}

#nav-header {
	position: relative;
	color: black;
	background-color: white;
}

#nav-header li {
	border-left: 1px solid #aaa;
	display: block;
	float: left;
	position: relative;
	top: -13px;
	list-style-type: none;
	left: -40px;
	height: 26px;
	color: black;
	background-color: white;
}

#nav-header a, 
#nav-header a:link { 
	text-decoration: none;
	text-transform: uppercase;
	background-color: white;
	height: 21px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	color: black;
}

#nav-header a:hover {
	opacity: 1;
	color: black;
	background-color: white;
}

#nav-header a.current, 
#nav-header a.current:link {
	color: black;
	background-color: white;
}

#nav-header a.current:hover {
	color: black;
	background-color: white;
}


/* ### Sub Navigation ######################################################### */

#navheight_horiz_vert {
	min-height: 153px;
	margin-left: -50px;
	width: 220px;
	overflow: hidden;
	margin-top: -20px;
	text-indent: 10px;
}

#navheight_horiz_vert ul.nav1st {
	font-size: 1em;
}

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


/* ### nav1st - first level navigation ######################################## */

ul.nav1st {
	font-size:1.2em;
	text-transform: uppercase;
}

ul.nav1st li {
	display: block;
	color:#37444f;
	background: inherit;
	font-weight:bold;
	padding-right: 0;
	padding-left: 0;
}

ul.nav1st a, 
ul.nav1st a:link {
	display: block;
	color:#37444f;
	background: inherit;
	padding: 1px 0;
}

ul.nav1st a:hover {
	color:#fff;
	padding: 1px 0;
}

ul.nav1st li a.current, 
ul.nav1st li a.current:link {
	color:#fff;
}

ul.nav1st li a.current:hover {
	color: white;
	padding: 1px 0;
	background-color: black;
}

#nav-header ul li a {
	color: white;
	background-color: black;
}

/* ### nav2nd - second level navigation ######################################### */

ul.nav2nd {
	font-size: 1em;
	text-transform:none;
	font-weight: normal;
	font-style: normal;
	margin-left: 30px;
	margin-top: 15px;
	background-color: white;
	color: black;
}

ul.nav2nd li {
	margin: 0 0 0 -65px;
	font-weight:normal;
	border:none;
	text-align: left;
	width: 170px;
	border-bottom: 1px solid silver;
	display: block;
	background-color: white;
	color: black;
}

*html ul.nav2nd li {
	margin: 0;
	font-weight:normal;
	border:none;
	text-align: left;
	width: 170px;
	border-bottom: 1px solid silver;
	display: block;
	background-color: white;
	color: black;
}

#navheight_horiz_vert ul.nav1st ul.nav2nd li a {
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: white;
	color: black;
}

ul.nav2nd a, 
ul.nav2nd a:link {
	display:block;
	text-decoration: none;
	background-color: white;
	color: black;
}


ul.nav2nd a:hover {
	color: black;
	background-color: white;
}

ul.nav2nd li.active a, 
ul.nav2nd li.active a:link {
	color: black;
	background-color: white;
}

#navheight_horiz_vert ul.nav1st ul.nav2nd li.active a:hover {
	background-color: white;
	color: black;
}


/* ### Breadcrump Navigation #################################################### */

#sitePath {
	float:left;
	padding-left:20px;
	color:#c4d4dc;
	background: inherit;
}

#sitePath a, #sitePath a:link {
	color:#c4d4dc;
	background: inherit;
	text-transform:none;
} 

{
	
}
	
} */