BODY {

	Background:#8A8B90; FONT-FAMILY: arial, verdana, helvetica, sans-serif; COLOR: #000000; font-size: 14px;

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;

	background-image:url(../gfx/bg.jpg);

	background-repeat:repeat-x;

	

}

HTML {

	 Min-height: 100%;

	 height:auto !important;  /* für moderne Browser */

  	 height:100%;  /*für den IE */

  	 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;



}



.clearer {

	CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; VISIBILITY: hidden; LINE-HEIGHT: 0; HEIGHT: 1px

}

.clear {

	CLEAR: both

}

a {

	TEXT-DECORATION: none

}

a:link {

	TEXT-DECORATION: none

}

a:visited {

	TEXT-DECORATION: none

}



H1 {

	 FONT-SIZE: 1em; font-weight:normal; padding: 0 0 0 0;

}

H2 {

	FONT-SIZE: 1em; font-weight:normal; padding: 0 0 0 0;

}

H3 {

	FONT-SIZE: 1em; font-weight:normal; padding: 0 0 0 0;

	}

H4 {

	FONT-SIZE: 1em; font-weight:normal; padding: 0 0 0 0;

}

H5 {

	FONT-SIZE: 1em; font-weight:normal; padding: 0 0 0 0;

}

H6 {

	FONT-SIZE: 1em; font-weight:normal; padding: 0 0 0 0;

}

PRE {

	FONT-WEIGHT: normal; FONT-SIZE: 1em; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

CODE {

	FONT-WEIGHT: normal; FONT-SIZE: 1em

}

UL {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;





}

OL {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

LI {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;

}

.tinymcewysiwyg li {margin-bottom: 5px;}



FORM {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

P {

	PADDING: 0px;
	MARGIN: 0px;
	line-height: 20px;

}

BLOCKQUOTE {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

FIELDSET {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

INPUT {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}



DL {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

DT {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

DD {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

LEGEND {

	DISPLAY: none

}

DL {

	MARGIN: 0px

}

DL DD {

	MARGIN: 0px

}

DL DT {

	MARGIN: 0px

}

UNKNOWN {

	MARGIN-TOP: 0px

}



FIELDSET {

	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px

}

IMG {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: bottom; PADDING-TOP: 0px; border: 0px;

}

ADDRESS {

	FONT-STYLE: normal

}

TABLE {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; border-spacing: 0px

}

TR {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none

}

TD {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; border-spacing: 0px

}



OL {



}

OL LI {

	MARGIN: 0px

}

OL LI OL {

	MARGIN: 0px

}

OL LI UL {

	MARGIN: 0px

}

P {

	MARGIN-BOTTOM: 0em

}



UL LI {

	MARGIN: 0px;





}

UL LI UL {

	MARGIN: 0px;

}

UL LI OL {

	MARGIN: 0px

}

PRE {

	FONT-SIZE: 1.2em

}

A:hover {

	TEXT-DECORATION: none

}

/*BEGINN DIVs*/

#superbox {
	WIDTH: 990px;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto 0px;  PADDING-TOP: 0px; 
	HEIGHT: 100%; 
	TEXT-ALIGN: left; 
	position: relative;
	 DISPLAY: block; 

	}



/*Header Bereich*/

#header {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION:relative; HEIGHT: 100%;

}

#topHeader {

	BACKGROUND: #fff; WIDTH: 100%; height:60px;

}



#nav3rd {

	BACKGROUND: #fff; WIDTH: 320px; height: 60px;

}

UL.nav3rd LI {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;

}

#logo {

	RIGHT: 0px; WIDTH: 455px; POSITION: absolute; TOP: 0px; HEIGHT: 60px;

}



#siteimage {

	BACKGROUND: #fff; TEXT-ALIGN: left;  Margin-Top:0px; Height:260px; border: 1px solid #00579A;
	position:relative;
	z-index:2;
}
#siteimage-titel {width: auto; padding: 5px 20px 10px 15px;  height: 40px; background-color: #00579a; position:absolute; top: 50px; left:0}
* + html #siteimage-titel {width: auto; padding: 15px 20px 10px 15px;  height: 30px; background-color: #00579a; position:absolute; top: 50px; left:0}

#siteimage-titel h1 { font-size: 20px; color: #fff; letter-spacing:2px; text-shadow:#006 1px 1px;}





#farbe1-site #siteimage {

	 border: 1px solid #00579A;

}

#farbe2-site #siteimage {

	 border: 1px solid #7E6DAF

}

#farbe3-site #siteimage {

	 border: 1px solid #834094

}

#farbe4-site #siteimage {

	 border: 1px solid #00A6EB

}



/*ENDE Header Bereich*/



/*BEGINN CONTENT*/

#content {
	CLEAR: both;
	BACKGROUND:#fff;
	PADDING:0 px;
	MARGIN-TOP: 0px!important;
	Margin-top:-1px;
	position:absolute;
	width: 988px;
	border: 0px solid #00579A;



	}

#content2 {

	CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;

}



#farbe1-site #content {

	BACKGROUND-image: url(../gfx/content_bg.jpg); background-repeat:repeat-y; background-position: -4px 0; Border-left: 1px solid #00579A; Border-right: 1px solid #00579A;

}

#farbe2-site #content {

	/*BACKGROUND: url(../gfx/bg2.gif);*/ border-right: 1px solid #7E6DAF; border-left: 1px solid #7E6DAF; border-top:0;

}

#farbe3-site #content {

	BACKGROUND: url(../gfx/bg3.gif); border: 1px solid #834094;

}

#farbe4-site #content {

	BACKGROUND: url(../gfx/bg4.gif); border: 1px solid #00A6EB;

}







/*Left Column */

#left-column {

	 WIDTH: 241px!important; width:240px; padding:0px; margin: 0px; FLOAT:left; overflow:hidden; height:inherit}


#left-img {  WIDTH: 170px; padding:0px; margin: 0px; /*margin: 50px 0px 25px 0px;*/

}

/*

#farbe1-site #left-img {

	padding:0px; border-top: 1px solid #00579A; border-bottom: 1px solid #00579A; border-left: 0px; border-right: 0px; float: left;

}

#farbe2-site #left-img  {

    padding:0px; border-top: 1px solid #7E6DAF; border-bottom: 1px solid #7E6DAF; border-left: 0px; border-right: 0px; float: left

  }



#farbe3-site #left-img {

	BACKGROUND: #fff; border-bottom: 1px solid #834094; border-top: 1px solid #834094; border-left: 0px; border-right: 0px; float: left

}

#farbe4-site #left-img {

	BACKGROUND: #fff; border-bottom: 1px solid #00A6EB; border-top: 1px solid #00A6EB; border-left: 0px; border-right: 0px; float: left

}

*/



/*ENDE*/



#main {

	background-color:#fff;

	MARGIN: 0px01px!important;MARGIN: 0px 0px;

    Float:left;

}



/*#farbe1-site #main {

	BACKGROUND:  url(../gfx/bg-content-linie.gif)

}

#farbe2-site #main {

	BACKGROUND: url(../gfx/bg-content-linie.gif)

}

#farbe3-site #main {

	BACKGROUND: url(../gfx/bg-content-linie.gif)

}

#farbe4-site #main {

	BACKGROUND: url(../gfx/bg-content-linie.gif)

}

*/



/*right Column*/

#RightColumn {

	 width:246px; MARGIN: 10px 0px 15px 0px; background-color:#fff; float:right; overflow:hidden;

}

/*Datumsangabe rechte Spalte*/

#RightColumn H4 {margin: 0px; color: #00579A; Font-size: 1em; font-weight:bold; text-align: center;



}



#rightimg  {

   width: 100%; padding:0px; border-top: 1px solid #00579A; border-bottom: 1px solid #00579A; margin: 19px 0px 45px 0px!important; Margin: 17px 0px 45px 0px; float: left

  }





#farbe1-site #rightimg  {

   width: 100%; padding:0px; border-top: 1px solid #00579A; border-bottom: 1px solid #00579A; float: left

  }

#farbe2-site #rightimg  {

   width: 100%; padding:0px; border-top: 1px solid #7E6BAF; border-bottom: 1px solid #7E6DAF; float: left

  }

#farbe3-site #rightimg  {

   width: 100%; padding:0px; border-top: 1px solid #834094; border-bottom: 1px solid #834094; float: left

  }

#farbe4-site #rightimg  {

   width: 100%; padding:0px; border-top: 1px solid #00A6EB; border-bottom: 1px solid #00A6EB; float: left

  }



#NavRight-column

{

	  width:100%; padding: 0px; margin: 25px 0px 10px 0px; background-color:#E9EAEB; float:right; Display:inline

}

#NavRight-column UL {

	MARGIN: 0px; list-style-type: square; padding: 0px 5px 10px 25px;

}

#NavRight-column UL A {

	COLOR: #6f8e5c

}

#NavRight-column UL A:link {

	COLOR: #6f8e5c

}

#infofeld {

	 background-color:#fff; Float:left; padding-top: 15px; width: 216px; padding-right: 15px; padding-left: 15px; margin-left: 0px;

}

#infofeld img {
 	margin: 20px 0px 20px -15px;
	padding:0px 0px 0px 0px;

	}

	/*Überschriften für Infobox-Spalte*/
	
#infofeld p { font-size: 12px; line-height:normal}

#infofeld H1 {margin-top: 0px; color: #000; font:Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-style:normal; margin-left: 3px; font-style:normal; padding-left: 0px;  padding-right: 3px; padding-top: 5px; padding-bottom: 4px;

}
/*schwarze fette Schrift*/
#infofeld H2 {margin-top: 0px; color: #000; font:Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-style:normal; font-weight: bold; margin-left: 3px; font-style:normal; padding-left: 0px;  padding-right: 3px; padding-top: 5px; padding-bottom: 4px;

}

/*hellblau Bencke rechte Spalte*/

#infofeld H3 {margin-top: 0px; color: #00A6EB; Font-size: 8pt; margin-left: 0px; font-style:normal;  margin-left: 3px; padding-left: 0px; padding-right: 3px; padding-top: 0px; padding-bottom: 0px;

}
/*hellblaue fette Schrift*/
#infofeld H4 {margin-top: 0px; color: #00A6EB; font:Arial, Helvetica, sans-serif; font-size: 8pt; color: #000; font-style:normal; font-weight: bold; margin-left: 3px; font-style:normal; padding-left: 0px;  padding-right: 3px; padding-top: 5px; padding-bottom: 4px;

}
/*größere schwarze schrift*/
#infofeld H5 {margin-top: 0px; color: #000; font:Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; font-style:normal; font-weight: bold; margin-left: 3px; font-style:normal; padding-left: 0px;  padding-right: 3px; padding-top: 5px; padding-bottom: 4px;

}

	/*Text unter den Bildern*/

#infofeld H6 {margin-top: -15px; color:#000; Font-size: 12px; margin-left: 3px; padding-right: 3px;

}
/*



#farbe1-site UL.nav2nd LI LI A {

	BACKGROUND: #00579A

}

#farbe1-site UL.nav2nd LI LI A:link {

	BACKGROUND: #00579A

}

#farbe2-site UL.nav2nd LI LI A {

	BACKGROUND: 7E6BAF

}

#farbe2-site UL.nav2nd LI LI A:link {

	BACKGROUND: #7E6BAF

}

UL.nav2nd #farbe3-site A {

	BACKGROUND: #834094;

	list-type:square

}

UL.nav2nd #farbe3-site A:link {

	BACKGROUND: #834094;

	list-type:square

}

#farbe4-site UL.nav2nd LI LI A {

	BACKGROUND: #00A6EB

}

#farbe4-site UL.nav2nd LI LI A:link {

	BACKGROUND: #00A6EB

}



UL.nav2nd LI LI LI A {

	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(../gfx/navtrenner-2nd.gif) no-repeat 0px 10px; PADDING-BOTTOM: 0px; WIDTH: 170px; PADDING-TOP: 0px

}

UL.nav2nd LI LI LI A:link {

	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(../gfx/navtrenner-2nd.gif) no-repeat 0px 10px; PADDING-BOTTOM: 0px; WIDTH: 170px; PADDING-TOP: 0px

}

UL.nav2nd LI LI LI LI A.current {

	BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-DECORATION: underline

}

UL.nav2nd LI LI LI LI A.current:link {

	BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-DECORATION: underline

}



UL.nav2nd {font-size: 1.0em; font-style:italic;  }





ul.nav2nd a {

	 border-bottom: 1px dashed #ccc;

	text-indent: 15px;

	display:block;

 	background: url(subnav-type.jpg) no-repaet 0px 10px;





}



ul.nav2nd a:link{

	 border-bottom: 1px dashed #ccc;

	text-indent: 15px;

	display:block;

 	background: url(subnav-type.jpg) no-repaet 0px 10px;





}



*/



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

/*

UL.nav2nd {WIDTH: 170px; font-size:1.1em;

 }



ul.nav2nd  {







        background-image:url(../gfx/subnav-type.jpg);

        background-repeat: no-repeat;

}

*/


ul.nav2nd li {

	padding:0;

	margin:0;

	font-weight:normal;

	border:none;



}



ul.nav2nd a,

ul.nav2nd a:link {

	display:block;

    background-image:url(../gfx/subnav-type.jpg);

	text-indent: 25px;

	background-repeat: no-repeat;

	}

ul.nav2nd li.active a,

ul.nav2nd li.active a:link {



	background-image:url(../gfx/subnav-type.jpg);
	background-repeat: no-repeat;

}



#main-block {

  width: 500px; background: #fff; overflow:hidden;

  float: left;

}

#main-block2 {padding: 10px  15px 0px 15px;

}



#main-block2 a, a:link {

	font: Arial, Helvetica, sans-serif;

	color: #00579A;

	text-decoration:underline;

	font-size: 1em;

}



#main-block2 a:hover {

	text-decoration: none;

	color:#00A6EB;



}



#main-block2 a:visited {

	color:#999999;

	text-decoration: none;

}

/*

- padding Ausgleich 2x15px zum main-block2, da Bild komplett auf 444px erscheinen soll*/

#servicebox{ margin: 20px -15px 20px -15px;

/*Überschriften / Titel für Angebote etc.*/

}

#main-block H1 {

	FONT-WEIGHT: bold; FONT-SIZE: 1.1em; MARGIN-BOTTOM: 10px; COLOR: #000; LINE-HEIGHT: 1.5em

}

#main-block H2 {

	FONT-WEIGHT: bold; FONT-SIZE: 1em; MARGIN-BOTTOM: 10px; COLOR: #000; LINE-HEIGHT: 1.2em

}

#main-block H3 {

	FONT-WEIGHT: bold; letter-spacing: 0.2em; FONT-SIZE: 1em; COLOR: #000; LINE-HEIGHT: 1.4em

}



#main-block H4 {

	FONT-WEIGHT: bold; FONT-SIZE: 1.1em; LINE-HEIGHT: 1.5em; color: #00579A; text-transform:uppercase; font-style:italic;

}

#main-block H5 {

	FONT-WEIGHT: normal; FONT-SIZE: 1em; LINE-HEIGHT: 1.2em; color: #00579A;

}

#main-block H6 {

	color: #00579A;	letter-spacing: 0.2em; font-size:1em; font-weight:bold; line-height:1.2em; margin-bottom: 10px;

}





#main-block .info-box H2 {

	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #d4e4ea; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #90abb4 2px solid; color:#00FF00;

}



#main-block .info-box H3 {

	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; LINE-HEIGHT: 1.6em; PADDING-TOP: 10px

}



#main-block P {

	FONT-SIZE: 1em;

	}

#main-block UL {

	FONT-SIZE: 1em;

}

#main-block TABLE {

	FONT-SIZE: 1em;

}

#main-block LABEL {

	FONT-SIZE: 1em;

}



CODE {

	MARGIN-BOTTOM: 1em

}



#main-block UL {

	MARGIN-BOTTOM: 1em; MARGIN-TOP: -1em; MARGIN-LEFT: 22px; MARGIN-TOP: 0px

}

#main-block OL {

	MARGIN-BOTTOM: 1em; MARGIN-TOP: -1em; MARGIN-LEFT: 22px; MARGIN-TOP: 0px

}

#main-block DL {

	MARGIN-BOTTOM: 1em; MARGIN-TOP: 0px

}



#main-block UL UL {

	MARGIN-TOP: 0px

}

#main-block OL OL {

	MARGIN-TOP: 0px

}

#main-block UL OL {

	MARGIN-TOP: 0px

}

#main-block OL UL {

	MARGIN-TOP: 0px

}

#main-block UL LI {

	LIST-STYLE-TYPE: square

}

#main-block OL LI {



}

#main-block OL OL LI {

	LIST-STYLE-TYPE: lower-alpha

}



/* sicherung*/

#main-block DL DT {

	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px 2% 0px 0px; PADDING-TOP: 5px

}



#main-block DL DD {

	PADDING-RIGHT: 4em; PADDING-LEFT: 2em; PADDING-BOTTOM: 5px; MARGIN: 12px 2% 12px 0px; PADDING-TOP: 0px

}

#main-block .nav-article UL {

	MARGIN-TOP: 0px; MARGIN-LEFT: 0px

}

#main-block .nav-article UL LI {

	LIST-STYLE-TYPE: none

}

/*ENDE*/

/*BEGINN FOOTER*/

#footer {

	DISPLAY: block; WIDTH: 100%;  height: 30px; padding-top: 10px; Clear:both; position:relative

}

#farbe1-site #footer {

	BACKGROUND: #00579A

}

#farbe2-site #footer {

	BACKGROUND: #7E6BAF

}

#farbe3-site #footer {

	BACKGROUND: #834094

}

#farbe4-site #footer {

	BACKGROUND: #00A6EB

}

#footer P {

	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px;

}

#footer UL {

	PADDING-LEFT: 10px; FLOAT: left; COLOR: #fff; LINE-HEIGHT: 20px; list-style-type: none; text-decoration:none;
	width:970px;

}

#footer UL LI {

	PADDING-LEFT: 10px; FLOAT: left; COLOR: #fff; LINE-HEIGHT: 20px; list-style-type: none; text-decoration:none; font-size: 0.9em;

}

#footer UL LI A, a:link {

	COLOR: #fff; text-decoration:none; font-size: 0.9em;

}
#footer UL LI.agb {

	MARGIN-LEFT: 10px; BORDER-LEFT: #fff 1px solid; Float:right; text-decoration:none; padding-right: 5px;

}
#footer UL LI.impressum {

	MARGIN-LEFT: 10px; BORDER-LEFT: #fff 1px solid; padding-right: 10px; Float:right; text-decoration:none;

}


#footer UL LI.sitemap {

	MARGIN-LEFT: 10px; BORDER-LEFT: #fff 1px solid; padding-right: 10px; Float:right; text-decoration:none;

}

#footer UL LI.redaxo {

	MARGIN-LEFT: 150px!important; 0 px; BORDER-LEFT: #fff 0px solid; padding-right: 10px; Float:right; text-decoration:none;

}



#footerBlank {

	RIGHT: 0px; BOTTOM: 0px; POSITION: fixed; Clear:both

}

/*



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;



}



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

CSS - Definition - DEMO 1

do form!

Stand: 2.08.2008



Erstellt von: Thomas Skerbis , www.klxm.de

Dieses CSS dient als Beispiel



Funktioniert nicht mit Formular-Generator < v.4.43



/*







/* Formular Definition */





/* Div das das Formular umschließt */

.formgen {

	font-size: 1em;

	background-color:  #fff;

	margin-top: 15px;

	margin-bottom: 50px;

}





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

{

	margin-bottom: 15px;



}





/*

Verhalten von br-Tags

*/

.formgen br

{

clear : both;

}





/*

--------- FORMULAR-OBJEKTE ------------

*/





/* Mehrzeiliges Eingabefeld */

.formgen .formtextfield

{

	width: 210px;

	height: 250px;

	margin-left: 4px;

	background-color: #FFF;

}





/* Textfeld */

.formgen .formtext

{

	width: 200px;

	background-color: #FFF

	margin-left: 4px;

}

/* Trennelement , Abstand */

.formgen .formtrenn

{

  display: block;

  height: 30px;

}

/* Hinweistext */

.formgen .formhinweis

{

  font-weight: bold;

  color: #000;

  font-size: 1.2em;

}

/* Überschrift */

.formgen .formheadline

{

  font-weight: bold;

  /*color: #003366;*/

  color: #66cc66;

}





/* Passwortfeld */

.formgen .formpassword

{

	width: 200px;

	background-color: #99CC00;

	margin-left: 4px;

}

/*Captcha-Bild*/

.formgen .formcaptcha {

  border: 1px solid #00579A;

  color: #000;

}



/* Label */

.formgen label {

font-family: Arial, Helvetica, sans-serif;

width: 120px;

clear: left;

float: left;

height: 20px;

padding: 0px;

color: #000;

}





/* Aussehen der Select-Ausgabe */

.formgen .formselect

{

  width: 200px;

  background-color: #CCCCCC;

  margin-left: 4px;

}





/* Sende-Button */

.formgen .formsubmit

{

	width: 50%;

	background-color:#00A6EB;

	border: 1px solid #00579A;

	font-weight:bold;

	font:Arial, Helvetica, sans-serif;

	color: #FFF;

	}





/* Definition des Fieldsets, das das ganze Formular umschließt */

.formgen fieldset {

	width: 345px;

	padding: 0px;



}





/* Fieldsetbeschriftung */

.formgen legend {

	font-weight: bold;

	color: #993300;

	width: 140px;

	margin: 0px;

}



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



/* Fehlermeldung nach Versand */



.formgen .forminfo {

  color: #FF0000;

  background-color: #990000;

  border: 2px dashed #000000;

  margin: 5px;

  padding: 5px;

  margin-bottom: 15px;

}





/* Markierung der Labels bei Fehler */

.formgen .formerror {

  color:#FF0000;

  background-color: #fff;

}

.forminfo {

	color: #000000;

	background-color: #fff;

	margin: 2px;

	padding: 4px;

	border: 2px solid #FF0000;

}



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

/* Ende der Formulardefinition */



/* -------------- Navigation Horizontal TT Test --------*/



#navho h5 {

 display: none;

}

#navho ul {

 padding: 3px 0;

 margin-left: 0;

 border-bottom: 1px solid #778;

 font: bold 12px Verdana, sans-serif;

}

#navho ul li {

 list-style: none;

 margin: 0;

 display: inline;

}

#navho ul li a {

 padding: 3px 0.5em;

 margin-left: 3px;

 border: 1px solid #778;

 border-bottom: none;

 background: #DDE;

 text-decoration: none;

}

#navho ul li a:link {

 color: #448;

}

#navho ul li a:visited {

 color: #667;

}

#navho ul li a:link:hover, #navho ul li a:visited:hover {

 color: #000;

 background: #AAE;

 border-color: #227;

}

#navho ul li a#current {

 background: white;

 border-bottom: 1px solid white;

}











/*ANGEBOTSSEITE blauer Hintergrund Bild links*/



#main-block2 .side-box {

	margin-top:1em;

	background:#eee none repeat scroll 0 0;

	color:#000;

	display: block;
	overflow:hidden;

	/*margin-bottom: 10px;
	border-bottom:4px solid #00579A;*/



}



#main-block2 div.side-box div.img {

	float:left;

	width:auto;

	margin:0px 10px 10px 10px;

	display:inline;

	/*border: 1px solid #00579A;

	padding: 5px;*/

	}



#main-block2 div.side-box div.text {

	float:left;

	width: 250px;

	margin:0px 10px 10px 0px;

	display:inline;

	font-size: 0.9em;



}

.title {

	width:394px;

	padding:5px 10px;

	background:#d4e4ea;

	border-bottom: 5px solid #90abb4;

}



#main-block2 div.side-box div.text  a, a:link {

	font: Arial, Helvetica, sans-serif;

	color: #00579A;

	text-decoration:underline;

	font-size: 1em;



}



#main-block2 div.side-box div.text  a:hover {

	text-decoration: none;

	color: #00A6EB;

}



#main-block2 div.side-box div.text  a:visited {

	color:#999999;

	text-decoration: none;

}

#main-block2 .side-box H4 {



	letter-spacing: 0;

	color:#CC0000;

	font-size: 0.9em;

	font-style:inherit;

	font-weight:bold;

	text-transform:none;

	line-height: 0.9em;

	margin-top: -35px;



}



#main-block2 .side-box H5 {



	letter-spacing: 0;

	color: #00579A;

	font-size: 1.3em;

	font-style:inherit;

	font-weight:bold;

	line-height: 1.5em;



}



#main-block2 .side-box H6 {

	width: 100%;

	padding:5px 10px!important;

	background-color:#00579A;

    /*border-bottom: 10px double #eee!important; border-bottom: 10px double #00579A;*/

	letter-spacing: 0;

	color: #FFF;
	margin-top:0;





}

/*ENDE Angebotsseite*/

/*Hack für IE7 - Doppellinie

*:first-child+html #main-block2 .side-box H6 {

	width:394px;

	padding:5px 10px;

	background-color:#00579A;

    border-bottom: 10px outset #00579A;

	letter-spacing: 0;

	color: #FFF;

*/

/* Sitemap */





main-block .sitemap {

	float:left;

	width:350px;

	padding:0px;

	color: #000;

	margin-top: 25px;

	margin-bottom: 40px;



}

#main-block .sitemap ul{

	margin-bottom:1em;

	color: #000;

	font-size: 1em;



}



#main-block .sitemap li{



	margin-bottom:1em;

	color: #000;

	font-size: 1.2em;



}

#main-block .sitemap ul ul {



	margin-bottom:1em;

	color: #000;

	font-size: 1.0em;



}

#main-block .sitemap ul li{



	margin-bottom:1em;

	font-size: 1em;

	text-decoration:none;





}





#main-block .sitemap ul ul li a{

	Text-decoration: none;

	font-size: 1em;







}

#main-block .sitemap ul li ul li {

    list-style-type:circle;

	font-size: 1em;

	margin-top: 10px;







}



.sitemap ul{

	margin-bottom:1em;

	list-style: circle;

	color: #ccc;

	font-size: 1em;



	}

.sitemap ul a{

	color:#000;

	font-size: 1em;

	text-decoration:none;



	}

.sitemap ul ul{

	font-size: 1em;

	font-family:Arial, Helvetica, sans-serif;



	}





	/*Modul wie Angebotsseite nur anderes CSS - weisser Hintergrundfarbe Bild links */



#main-block2 .side-box2 {

	margin-top:1em;



	background:#fff none repeat scroll 0 0;

	color:#000;

	display: block;

	margin-bottom: 10px;



}



#main-block2 div.side-box2 div.img {

	float:left;

	width:auto;

	margin:0px 10px 10px 10px;

	display:inline;



	padding: 5px;

	}



#main-block2 div.side-box2 div.text {

	float:left;

	width: 250px;

	margin:0px 10px 10px 0px;

	display:inline;

	font-size: 0.9em;



}

.title {

	width:394px;

	padding:5px 10px;

	background:#d4e4ea;

	border-bottom: 5px solid #90abb4;

}



#main-block2 div.side-box2 div.text  a, a:link {

	font: Arial, Helvetica, sans-serif;

	color: #00579A;

	text-decoration:underline;

	font-size: 1em;



}



#main-block2 div.side-box2 div.text  a:hover {

	text-decoration: none;

}



#main-block2 div.side-box2 div.text  a:visited {

	color:#999999;

	text-decoration: none;

}

#main-block2 .side-box2 H4 {



	letter-spacing: 0;

	color:#CC0000;

	font-size: 0.9em;

	font-style:inherit;

	font-weight:bold;

	text-transform:none;

	line-height: 0.9em;

	margin-top: -35px;



}



#main-block2 .side-box2 H5 {



	letter-spacing: 0;

	color: #00579A;

	font-size: 1.3em;

	font-style:inherit;

	font-weight:bold;

	line-height: 1.5em;



}



#main-block2 .side-box2 H6 {

	width:394px;

	padding:5px 10px;





	letter-spacing: 0;

	color: #00579A;





}

/*ANGEBOTSSEITE blauer Hintergrund Bild rechts*/



#main-block2 .side-box3 {

	margin-top:1em;

	border-bottom:4px solid #00579A;

	background:#eee none repeat scroll 0 0;

	color:#000;

	display: block;

	margin-bottom: 10px;



}



#main-block2 div.side-box3 div.img {

	float:right;

	width:auto;

	margin:0px 10px 10px 10px;

	display:inline;

	border: 1px solid #00579A;

	padding: 5px;

	}



#main-block2 div.side-box3 div.text {

	float:right;

	width: 250px;

	margin:0px 10px 10px 0px;

	display:inline;

	font-size: 0.9em;



}

.title {

	width:394px;

	padding:5px 10px;

	background:#d4e4ea;

	border-bottom: 5px solid #90abb4;

}



#main-block2 div.side-box3 div.text  a, a:link {

	font: Arial, Helvetica, sans-serif;

	color: #00579A;

	text-decoration:underline;

	font-size: 1em;



}



#main-block2 div.side-box3 div.text  a:hover {

	text-decoration: none;

	color: #00A6EB;

}



#main-block2 div.side-box3 div.text  a:visited {

	color:#999999;

	text-decoration: none;

}

#main-block2 .side-box3 H4 {



	letter-spacing: 0;

	color:#CC0000;

	font-size: 0.9em;

	font-style:inherit;

	font-weight:bold;

	text-transform:none;

	line-height: 0.9em;

	margin-top: -35px;



}



#main-block2 .side-box3 H5 {



	letter-spacing: 0;

	color: #00579A;

	font-size: 1.3em;

	font-style:inherit;

	font-weight:bold;

	line-height: 1.5em;



}



#main-block2 .side-box3 H6 {

	width:394px;

	padding:5px 10px!important;

	background-color:#00579A;

    border-bottom: 10px double #eee!important; border-bottom: 10px double #00579A;

	letter-spacing: 0;

	color: #FFF;





}



	/*Modul wie Angebotsseite nur anderes CSS - ohne Hintergrundfarbe Text Ausrichtung rechts*/



#main-block2 .side-box4 {

	margin-top:1em;



	background:#fff none repeat scroll 0 0;

	color:#000;

	display: block;

	margin-bottom: 10px;



}



#main-block2 div.side-box4 div.img {

	float:right;

	width:auto;

	margin:0px 10px 10px 10px;

	display:inline;



	padding: 5px;

	}



#main-block2 div.side-box4 div.text {

	float:right;

	width: 250px;

	margin:0px 10px 10px 0px;

	display:inline;

	font-size: 0.9em;



}

.title {

	width:394px;

	padding:5px 10px;

	background:#d4e4ea;

	border-bottom: 5px solid #90abb4;

}



#main-block2 div.side-box4 div.text  a, a:link {

	font: Arial, Helvetica, sans-serif;

	color: #00579A;

	text-decoration:underline;

	font-size: 1em;



}



#main-block2 div.side-box4 div.text  a:hover {

	text-decoration: none;

}



#main-block2 div.side-box4 div.text  a:visited {

	color:#999999;

	text-decoration: none;

}

#main-block2 .side-box4 H4 {



	letter-spacing: 0;

	color:#CC0000;

	font-size: 0.9em;

	font-style:inherit;

	font-weight:bold;

	text-transform:none;

	line-height: 0.9em;

	margin-top: -35px;



}



#main-block2 .side-box4 H5 {



	letter-spacing: 0;

	color: #00579A;

	font-size: 1.3em;

	font-style:inherit;

	font-weight:bold;

	line-height: 1.5em;



}



#main-block2 .side-box4 H6 {

	width:394px;

	padding:5px 10px;





	letter-spacing: 0;

	color: #00579A;





}

/*ANGEBOTSSEITE blauer Hintergrund Bild oben Text unten*/



#main-block2 .side-box5 {

	margin-top:1em;

	border-bottom:4px solid #00579A;

	background:#eee none repeat scroll 0 0;

	color:#000;

	display: block;

	margin-bottom: 10px;



}



#main-block2 div.side-box5 div.img {

	float:none;

	width:auto;

	margin:0px 10px 10px 10px;

	display:inline;

	border: 1px solid #00579A;

	padding: 5px;

	}



#main-block2 div.side-box5 div.text {

	float:none;

	width: auto;

	margin:10px 10px 10px 0px;

	display:block;

	font-size: 0.9em;



}

.title {

	width:394px;

	padding:5px 10px;

	background:#d4e4ea;

	border-bottom: 5px solid #90abb4;

}



#main-block2 div.side-box5 div.text  a, a:link {

	font: Arial, Helvetica, sans-serif;

	color: #00579A;

	text-decoration:underline;

	font-size: 1em;



}



#main-block2 div.side-box5 div.text  a:hover {

	text-decoration: none;

	color: #00A6EB;

}



#main-block2 div.side-box5 div.text  a:visited {

	color:#999999;

	text-decoration: none;

}

#main-block2 .side-box5 H4 {



	letter-spacing: 0;

	color:#CC0000;

	font-size: 0.9em;

	font-style:inherit;

	font-weight:bold;

	text-transform:none;

	line-height: 0.9em;

	margin-top: -35px;



}



#main-block2 .side-box5 H5 {



	letter-spacing: 0;

	color: #00579A;

	font-size: 1.3em;

	font-style:inherit;

	font-weight:bold;

	line-height: 1.5em;



}



#main-block2 .side-box5 H6 {

	width:394px;

	padding:5px 10px!important;

	background-color:#00579A;

    border-bottom: 10px double #eee!important; border-bottom: 10px double #00579A;

	letter-spacing: 0;

	color: #FFF;





}

	/*Modul wie Angebotsseite nur anderes CSS - ohne Hintergrundfarbe Text Ausrichtung unten*/



#main-block2 .side-box6 {

	margin-top:1em;

	background:#fff none repeat scroll 0 0;

	color:#000;

	display: block;

	margin-bottom: 10px;



}



#main-block2 div.side-box6 div.img {

	float:none;

	width:auto;

	margin:0px 10px 10px 10px;

	display:inline;

	padding: 5px;

	}



#main-block2 div.side-box6 div.text {

	float:none;

	width: auto;

	margin:10px 10px 10px 0px;

	display:block;

	font-size: 0.9em;



}

.title {

	width:394px;

	padding:5px 10px;

	background:#d4e4ea;

	border-bottom: 5px solid #90abb4;

}



#main-block2 div.side-box6 div.text  a, a:link {

	font: Arial, Helvetica, sans-serif;

	color: #00579A;

	text-decoration:underline;

	font-size: 1em;



}



#main-block2 div.side-box6 div.text  a:hover {

	text-decoration: none;

}



#main-block2 div.side-box6 div.text  a:visited {

	color:#999999;

	text-decoration: none;

}

#main-block2 .side-box6 H4 {



	letter-spacing: 0;

	color:#CC0000;

	font-size: 0.9em;

	font-style:inherit;

	font-weight:bold;

	text-transform:none;

	line-height: 0.9em;

	margin-top: -35px;



}



#main-block2 .side-box6 H5 {



	letter-spacing: 0;

	color: #00579A;

	font-size: 1.3em;

	font-style:inherit;

	font-weight:bold;

	line-height: 1.5em;



}



#main-block2 .side-box6 H6 {

	width:394px;
	padding:5px 10px;
	letter-spacing: 0;
	color: #00579A;
}

.rahmenBlau {border: 1px solid #00579A;}
.rahmenGrau {border: 1px solid #999;}