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

	Project		:	ForWind Redesign

	Copyright	: Alexander Nobbe 2008

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


/***** Infos


Dunkelblau (Horizontale Navigationsleiste)
Hausfarbe Pantone 280 | cmyk 100/72/0/18 | rgb(0,68,137);
webtauglich  rgb 0/51/153 | # 003399
background-image:url(dunkelblau1x1.gif);

Mittelblau (Leiste mit Pfad und Suchfunktion)
Pantone 279 80% | cmyk 54/27/0/0 | rgb 128/168/212
webtauglich  rgb 102/153/204 | # 6699cc
background-image:url(mittelblau1x1.gif);

Hellblau (linke Spalte)
Pantone 310 50% | cmyk 22/0/5/0 | rgb(209,235,241)
webtauglich  rgb 153/255/255 | # 99ffff
background-image:url(hellblau1x1.gif);

Helles Türkis (rechte Spalte)
Pantone 311 70% | cmyk 44/0/8/0 | rgb(153,213,229)
webtauglich  rgb 153/204/204 | # 99cccc
background-image:url(tuerkis_hell1x1.gif);

Dunkles Türkis (Balken »Aktuelles«)
Pantone 315 | cmyk 100/0/12/43 | rgb(0,106,141)
webtauglich  rgb 0/102/153 | # 006699 
background-image:url(tuerkis_dunkel1x1.gif);

*/


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

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:10pt; font-weight:normal; color: rgb(0,68,137);}
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:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

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 {
	/*background-image:url(bg_body.jpg);*/
  /*background: white url(background.gif) repeat-y ;*/
  /*background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0;*/
        /*Seite rechts*/
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
  background: #e1f0f5/*#e6f8ef*//*#7b858a*/;
  
}

html, body {
height:100%;

margin:0;
padding:0;
}


.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:#fff; }

/* IE Transparency Fix
*******************************************************************************/

img, a img, :link img, :visited img, #forwind_logo, #Sponsoren {
   behavior: url("pngbehavior.htc");
}

/*	website
*******************************************************************************/
#website	{
  width: 1024px;
 /* heigth: 98%;*/
	margin:0 auto; 
   /* border:solid 1px black;*/
	/*background-color: #bdac9a;*/
	background: white url(background.gif) repeat-y ;
	min-height: 100%; 
  height: auto !important; 
  height: 100%;/**/

  border-left: 1px solid rgb(0,68,137);
  border-right: 1px solid rgb(0,68,137);/**/  
  z-index: 1;
	}



#content	{
  width: 1024px;
	height:100%;/**/
	/*border: 1px solid #CCC;*/
	/*background-color: #bdac9a;*/

}


/*	content
*******************************************************************************/


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



}


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

/*
#contentx {
  position: relative;
  top: 0px;
  left: 0px;
  width: 1024px;
	/*background: white url(background.gif) repeat-y;*/
/*	z-index: 1;
	
	font-family: Verdana, Helvetica, sans-serif;
	
	/*height: 100%;
  min-height: 100%;
}*/



/*
#main-block {}

#main-block2 {
	padding:4px;
}
*/

#main_text{
position: relative;
/*background: white !important;*/
background: none;
z-index: 66;
min-height: 100%;
width: 520px;

}


/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
#main h1 {
	color:rgb(0,68,137);
  font-family: Verdana, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	line-height: 14pt;

}

/* Headline 2 */

#main h2 {
	color:rgb(0,68,137);
  font-family: Verdana, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	line-height: 14pt;

}

/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
#main p,
#main ul,
#main ol {
	font-family: Verdana, Helvetica, sans-serif;
  margin-bottom:1.2em;
	font-size:9pt;
	line-height:12pt;

}
#main ul li ul,
#main ul li ol,
#main ol li ol,
#main ol li ul {
  font-family: Verdana, Helvetica, sans-serif;
	font-size:1em;

}

#main ul {
	margin-left:14px;
	list-style-image: url(arrow_large.gif);
	list-style-type:circle;
	font-size: 9pt;
	line-height: 12pt;

}

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

}

/******************************************************************************/
/*	Hyperlinks
*******************************************************************************/

#main a, #main a:link {
	color:rgb(0,68,137);
	text-decoration:none;

}

#main a:hover {
	color:#000;
;
}

/******************************************************************************/
/*	Images
*******************************************************************************/

#main div.image {
	margin-bottom:0;
	z-index:10;
}
#main div.image p {
	margin:0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:0.9em;
	z-index:10;
}
#main div.flLeft {
	margin-right:14px;
	z-index:10;
}
#main div.flRight {
	margin-left:14px;
	z-index:10;
}

/******************************************************************************/
/* Teaserbereich
*******************************************************************************/

#main .teaser {
  font-family: Verdana, Helvetica, sans-serif;
  z-index:10;
}

#main .teaser h1 {
	/*font-size:1.4em;*/
		color:rgb(0,68,137);
  font-family: Verdana, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	line-height: 12pt;
	z-index:10;
}

/******************************************************************************/
/*	Header
*******************************************************************************/

#header {
	/*position:absolute;
	top:0;
	left:0;*/
	position: relative;
	top: 0px;
	left: 0px;
	margin:0;
	padding:0;
	height:112px;
	width: 1024px;
	background-image:url(header_1.jpg);
	/*temp*/
	background-repeat: none;
  

    
/*	background-image:url(bg_header.jpg);*/

  z-index: 66;
}
/******************************************************************************/
/*	Logo / Breadcrumb
*******************************************************************************/
#logo {
	position:relative;
	top:0px;
	left:0px;
	
	}

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


#breadcrumb {
/*	position:absolute;
	top:142px;
	left:233px;*/
	position:relative;
	top:30px;
	left:233px;
	z-index:6;
	height: 25px;
	width: 773px;
  background: rgb(128,168,212);
	background-image:url(mittelblau1x1.gif);
  font-family: Verdana, Helvetica, sans-serif;
	font-size: 7.5pt;
	line-height: 15pt;
	padding-left: 18px;
	padding-top: 5px;
	color: rgb(0,68,137);
}

#breadcrumb_text{
	z-index:8;
}

#breadcrumb a, 
#breadcrumb a:link {
  z-index:668;
	color:rgb(0,68,137);
}

#breadcrumb a:hover {
	text-decoration:none;
	color: #fff;
}
/******************************************************************************/
/*	Logos ForWind
*******************************************************************************/

#forwind_logo{
  position:   relative;
  top:            -105px;
  left:           36px;
  
  width:         190px;
  height:         46px;
  border:         none;
  z-index:          69;

}


/******************************************************************************/
/*	News
*******************************************************************************/

#news {
 	
 	position: absolute !important;
  top: 172px !important;
  padding-left: 791px !important;

 
 
 	
  width: 233px;

	z-index: /*8*/8;
	line-height: 10pt;
  font-family: Verdana, Helvetica, sans-serif;
  height: 70%;
  min-height: 70%;	
}

#news p {
    color: #000;
    width: /*203*/190px;
    line-height: 10pt;
    font-size:8pt;
	  font-weight:normal;
	  padding-left:20px;
    }

#news a,
#news a:link{
    color:#275086;
}
#news a:hover{
   border-bottom: dotted 1px #275086;
}

/*Newsblock Überschriftenblock*/
#news h1 {
	color:#fff;
	background-image:url(tuerkis_dunkel1x1.gif);
  font-family: Verdana, Helvetica, sans-serif;	
	font-size:8pt;
	font-weight:bold;
	line-height: 22px;
	padding-left:20px;
}
/*Headlines im Newsblock*/
#news h2 {
	color:rgb(0,106,141);
  font-family: Verdana, Helvetica, sans-serif;	
	font-size:8pt;
	font-weight:bold;
	line-height: 22px;
	padding-left:20px;
	
}
/*Mitarbeiter*/
#news h3 {
	color:rgb(0,106,141);
  font-family: Verdana, Helvetica, sans-serif;	
	font-size:8pt;
	font-weight:bold;
	line-height: 22px;
	padding-left:20px;
}

/*******************************************************************************
 * Modul 09 - Slightbox Thumbnails Newsbereich
*******************************************************************************/

#news .thumbnail {
border: 1px solid rgb(128,168,212);
margin-left: 15px;
margin-top: 10px;
text-decoration:       none;
width: 200px;
}

#news .thumbnail_text {
padding-left:     15px;
padding-top: 4px;
font-family: Verdana, Helvetica, sans-serif;
font-size:         8pt;
line-height:      10pt;
text-decoration:  none;
width:           210px;

}

#news .thumbnail a, #news .thumbnail a:link, #news .thumbnail a:hover {
text-decoration:       none;
}

#news .thumbnail_text a, #news .thumbnail_text a:link, #news .thumbnail_text a:hover {
text-decoration:       none;
}
/******************************************************************************/
/*	Logos
*******************************************************************************/

#Logo_OL{

position: absolute;
bottom: 163px; /*was 107*/
padding-left: 36px;
z-index: 666;

}
#Logo_HH{

position: absolute;
bottom: 103px; /*was 47*/
padding-left: 36px;
z-index: 666;

}

#Logo_HB{

position: absolute;
bottom: 57px;
padding-left: 36px;
z-index: 666;

}

#stoerer_logo{
position: absolute;
top: 200px;
padding-left: 36px;
z-index: 666;
}

#stoerer{
position: absolute;
top: 254px;
padding-left: 36px;
z-index: 666;

font-family: Verdana, Helvetica, sans-serif;
margin-bottom:1.2em;
font-size:11px;
line-height:12pt;
}

/******************************************************************************/
/*	Suche
*******************************************************************************/

/* Eingabefeld Suche */
.searchfield {
   position: absolute;
   top: 3px;
   width: 105px;
   height: 15px;
   font-family: Verdana, Helvetica, sans-serif;
   font-size:    7.5pt;
	 z-index: 666;
   background-image:url(hellblau1x1.gif);
   background:rgb(209,235,241);
   border: none;
}

/* Suchsymbol (Lupe) */
.searchbutton {
   position: absolute;
   top: 3px;
   right: 120px;
   width:  15px;
   height: 15px;
  /*background-image:url(suche.gif);*/
  border: none;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  /*vertical-align: middle;*/
  }

.searchform{
  display:inline;

}

/******************************************************************************/
/*	print
*******************************************************************************/
#print {
      position: absolute;
      top:         /*4*/5px;
   /*  left:        743px;*/
      right: /*20*/14px;
      z-index:      66;
    /*  padding-left: 743px;*/
      height:       20px;
      width:       284px;
      font-family: Verdana, Helvetica, sans-serif;
      font-size:    7.5pt;
      background-image:url(mittelblau1x1.gif);
      color: #174a7f;
	   
   /* background:  green;  */
}

#print a, 
#print a:link {
	color:#174a7f;
	/*vertical-align:bottom;*/
}

#print a:hover {
	/*text-decoration:underline;*/
	color: #fff;
}

/* Druckersymbol */
#print .printer{
position: absolute;
top: 5px;
right: 102px;
height: 13px;
width: 14px;
}
/* Text "Seite drucken" bzw. "Print Page" */
#print .print_txt_dt{
position: absolute;
top: 0px;
right: 24px;
}

#print .print_txt_eng{
position: absolute;
top: 0px;
right: 24px;
}

/******************************************************************************/
/*	Language
*******************************************************************************/

#Language{
  
  /* position:          relative;
   top:                  -443px;
   left:                 106px;*/
   position: relative;
   top: -50px;
   left: 110px;
   height:                34px;
   width:                120px;
   /*background:          magenta;*/
   font-family: Verdana, Helvetica, sans-serif;
   font-size:    8pt;
	 z-index: 666;
   height: 20px;
   color: rgb(0,68,137);
}

/** html #Language{
   font-size:    8pt;
	 font-family:verdana, helvetica, sans-serif;
   position:          absolute;
   top:                  137px;
   left:                 104px;
   height:                34px;
   width:                120px;
   /*background:          yellow;*/
   /*z-index: 5;
 
}*/

#Language a{
   color: rgb(0,68,137);
   font-family: Verdana, Helvetica, sans-serif;
   font-size:             8pt;
   text-decoration:       none;
}

#Language a:hover{
   text-decoration:  none;
   color:rgb(128,168,212);
}

/******************************************************************************/
/*	WLP
*******************************************************************************/

.pic_img{
width: 260px;
height: 230px;
}

.pic_img_large{
width: 520px;
height: 460px;
}

/******************************************************************************/
/*	Navigation horizontal and vertical -
*******************************************************************************/

#header-nav {

	position:    absolute;
	top:            112px;
	left:             0px;
  width:         988px;
  height:          30px;
	background:   rgb(0,68,137);
	background-image:url(dunkelblau1x1.gif);
	z-index:            6;
	padding-left:    36px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 15pt;
}

#header-nav ul.nav1st {

        color:           #fff;
      
}

#header-nav ul.nav1st li {

	display:           block;
	float:              left;
	padding: 4px 1px 4px 1px;
	color: rgb(156,213,226);
	

}

#header-nav ul.nav1st li.active {
/*	background:#f7f7f7;*/
	font-family: Verdana, Helvetica, sans-serif;
  
  /*color:              #fff;*/
}

#header-nav ul.nav1st li.active a,
#header-nav ul.nav1st li.active a:link {
  font-weight:        bold;
  color: #fff; /*Aktiv*/

}

#header-nav ul.nav1st a,
#header-nav ul.nav1st a:link {

  color: rgb(156,213,226);
  
}

#header-nav ul.nav1st a:hover {

	color:               #fff;
}

#navigation ul.nav1st a.current_header,
#navigation ul.nav1st a.current_header:link,
#navigation ul.nav1st a:hover {

       display:             block;
       color:                #fff;
       font-family: Verdana, Helvetica, sans-serif;
       font-weight: bold;
       color:rgb(128,168,212);
 /*      list-style-image: url(arrow_large.gif);
	     list-style-type:  square;*/
}


#navigation {

       font-family: Verdana, Helvetica, sans-serif;
       position: relative;
       left: 26px;
       top: -10px;
       width:                /*187*/200px;
       padding:             0px 0;
       z-index:                 9;


}

.nav_topic{
  display:block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size:11pt;
  font-weight: bold;
  line-height: 15pt;
  color: rgb(0,68,137);
  list-style-image: none ;
	list-style-type:  none;
}

#navigation ul.nav2nd li {
  
 /* list-style-image: url(arrow_large.gif);
	list-style-type:square;*/	
  padding:0;
	display:block;
	font-family: Verdana, Helvetica, sans-serif;
  font-size:9pt;
  padding-bottom: 4px;
 

}

/*Hauptpunkte Seitennavi des jeweiligen Bereichs*/
#navigation ul.nav2nd a,
#navigation ul.nav2nd a:link {
	display: block;
  color: rgb(0,68,137);
  list-style-image: url(arrow_large.gif);
	list-style-type:  square;
	
}

#navigation ul.nav2nd li.active{

  padding:0;
 	font-family: Verdana, Helvetica, sans-serif;
  font-size:9pt;
  padding-bottom: 0px;
/*      list-style-image: url(arrow_large.gif);
	  list-style-type:  square;*/
}

/*Derzeitig ausgewählter Hauptpunkt Seitennavi des jeweiligen Bereichs*/
#navigation ul.nav2nd a.current,
#navigation ul.nav2nd a.current:link
 {
    display:        list-item /* block*/;
		font-family:    Verdana, Helvetica, sans-serif;
    font-weight:    bold;
    padding-left:   0px;
    padding-bottom: 4px;
    color:          rgb(128,168,212);
    list-style-image: url(arrow_large.gif);
	  list-style-type:  square;
 
}

#navigation ul.nav2nd a.other,
#navigation ul.nav2nd a.other:link
 {
    display:          list-item/*block*/;
		font-family:      Verdana, Helvetica, sans-serif;
    font-weight:      bold;
   list-style-image: url(arrow_large.gif);
	  list-style-type:  square;
	
}



#navigation ul.nav2nd a:hover{
display:block;
    /*color: #fff;*/
   font-weight: bold;
   color:rgb(128,168,212);
   list-style-image: url(arrow_large.gif);
	 list-style-type:  square;
}



#navigation ul.nav2nd a:visited{
    /*color: rgb(0,68,137);*/
}


#navigation ul.nav3rd {
   /*margin-left: 6px;*/
   /*list-style-type: square;*/
   color: rgb(0,68,137);
   padding-left: 14px;
}

#navigation ul.nav3rd li {
	padding:0;

/*	display:block;*/
  /*display: list-item;*/
/*	margin-left:14px;*/
	font-family: Verdana, Helvetica, sans-serif;
  font-size:9pt;
  padding-bottom: 5px;
  font-weight: normal;
    list-style-image: url(arrow_large.gif);
	list-style-type:square;
}

#navigation ul.nav3rd a,
#navigation ul.nav3rd a:link {
/*	display:block;
	padding:4px 0 4px 0;*/
	display: list-item;
  color: rgb(0,68,137);
/*  color: red;*/

}

#navigation ul.nav3rd a.current,
#navigation ul.nav3rd a.current:link
 {
/*    display:block;
		padding:4px 0 4px 0;*/
		font-family: Verdana, Helvetica, sans-serif;
    font-weight: /*bold*/normal;
		display: list-item;

	/*text-decoration:underline;*/
}

#navigation ul.nav3rd a:hover
 {
display: list-item;
   color:white;
   font-weight: /*bold*/normal;
   color:rgb(128,168,212);
	/*text-decoration:underline;*/
}

/******************************************************************************/
/*	Footer
*******************************************************************************/

#footer {	

  font-family: Verdana, Helvetica, sans-serif;
  font-size:8pt;
  /*position: absolute;
  /*top: 97%;*/
  /*bottom: 10px;*/
	/**/display:block;
	width: 1024px;
  padding-left:36px;
  
  /*test*/
  position: absolute;
  bottom: 16px;
  
  /*width:100%;*/

	/*background-image:url(bg_body.jpg);
	background-position:0 -100px;*/
	z-index: 10;


  color: rgb(0,68,137);
/*	background: white url(background.gif) repeat-y ;*/
}


#footer2
	{
  width: 100%;
  background: #CCC;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 40px;




	}

	/* A CSS hack that only applies to IE -- specifies a different offset for the footer */



/*.footer2 {
	padding:0 14px;
}*/

.footer p {
	margin:0;
	padding:9px 0;
  
}

#footer a,
#footer a:link {
	/*color:#555555;*/
	color: rgb(0,68,137);
	
}
#footer a:hover {
	text-decoration:none;
   color:rgb(128,168,212);
  
}

#footer p, 
#footer p a,
#footer p a:link {
	/*color:#555555;*/
	color: rgb(0,68,137);
	
}
#footer p a:hover {
	text-decoration:underline;
	color: #fff;
	}

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

/**************************************************************************/
/*  Download Modul einzeln
***************************************************************************/

.list_download {
position: relative;
  left: -18px;
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:9pt;
	color:#000;
	padding-left:32px;
	padding-top:0px;
	padding-right:24px;
	padding-bottom:8px;
	width:516px !important;
	width:464px ;
	margin:0px;
  line-height: 12pt;
	}

/*************************************************************************
  Download-Modul
*************************************************************************/
/* Download anbieten */

.list_content {
  position: relative;
  left: -18px;
	width:516px;
	
  padding-left:18px ;
  padding-top:12px ;
  padding-bottom: 3px ;
	padding-right:24px;

		
	background-color:#e4f4f8;
	margin:0px;
  
  font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10pt;
	color:#000;
	line-height: 12pt;
	clear: both;
	}

.list_content2 {
  
  position: relative;
  left: -18px;
  width:516px;
  	
  padding-left:18px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;

	background-color:#e4f4f8;
	margin:0px;
	
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:9pt;
	color:#000;

  line-height: 12pt;
	}
/* Dateigröße und Sprache */
.list_content3 {
  
  position: relative;
  left: -18px;
  width:514px;/*538*/

  background-color:#F4F4F4;
	margin:0px;

  padding-left:20px;
  padding-bottom: 12px;
  padding-top: 4px;
  padding-right: 24px;
  
  font-family:Verdana, Helvetica, sans-serif;
	font-style:normal;
  font-size:9pt;
	text-decoration:none;
	line-height: 12pt;
  color:#000000;
	 
  
	}
/* Grafik und Link */
.list_content4 {
	position: relative;
  /*right: 0px;*/
  font-family:Verdana, Helvetica, sans-serif;
  font-style:normal;
  font-size:8pt;
	text-decoration:none;
	color:#000000;
	/*padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:5px;*/
	width:20px;/*
	background-color:#F4F4F4;
	margin:0px;*/
  line-height: 12pt;
   vertical-align: bottom;
   background: red;
	}
	
	.list_content5 {
	position: relative;
	left: -18px;
	padding-left: 30px;
	padding-bottom: 5px;
  width:528px;
	font-family:Verdana, Helvetica, sans-serif;
	font-style:normal;
  font-size:8pt;
	text-decoration:none;
	color:#000;
	line-height: 12pt;

	
	}

/********
* Bildermodul
*********/
/*

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

.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
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 


.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
  border: none;
  background: red;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
  border: none;
}
.pnormal {
clear: both;
	
  border: none;
	
}

}
.pcenter {
  padding-left: 10px;;

  border: none;
}

/* Definition der KLassen mit  Rahmen */

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

.pcenter_b {
	clear: both;
	margin-left: auto;
  margin-right: auto;
 	border: 1px solid #990000;
	
}
/* 
*    CSS für WLP
*/

/*.picture_main{
width: 520px;
align: center;
}

#picture_main h3{
font-size: 12px;
font-weight: bold;
text-align: center;
}


.pic_select{
width: 520px;
text-align: center;
align: center;
}

.pic_select_h3{
font-size: 10px;
font-weight: bold;
}

.pic_table{
/*was 520*/
/*width: 520px;
text-align: center;
align: center;
}

.pic_table2{
width: 520px;
}

.pic_img{
 border: none;
 width: 208px;
 height: 184px;
}

.description{
display: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background: #fff;
visibility: hidden;
z-index: auto;
align: center;

}

.disclaimer{
display: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
visibility: hidden;
z-index: auto;
align: center;
}
/************************************************************************************************************/
/* Modul 35 - Excel Reader
*************************************************************************************************************/
.daten { 
	width: 100%;
	border-collapse: collapse;
	font-size: 10pt;
	line-height: 12pt;
	margin-bottom: 10px;
	
}

.daten .name td{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 12pt;
  font-weight: bold;
  }




/************************************************************************************************************/
/* Addon Tooltip
*************************************************************************************************************/

a.screen, a.screen:visited
{
color: #880000;
background: #FEFEEB;
border: 0px;
position: relative;
z-index: 10;
cursor: help;
}
a.screen b
{
position: absolute;
display: block;
visibility: hidden;
width: 150px;
height: 0;
border: 1px solid #444444;
left: 0;
top: 18px;
left: 25px;
}
a.screen:hover
{
text-decoration: none;
border: 0;
z-index: 1000;
}
a.screen:hover b
{
visibility: visible;
color: #444444;
font-size: 11px;
padding: 5px;
background: #FFFFCC;
height: auto;
cursor: pointer;
font-weight: normal;
z-index: 500;
}
a.screen:hover b img
{
border: 0;
}

acronym
{
    /*color:            #000;*/
    font-weight: bold;
    cursor:             help;
} 

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

/* ForWind Pressebereich */

/************************************************************************************************************/
.presse_gallery {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: xx-small;
}

.presse_gallery img{

border: 1px solid black;
padding: 5px;
background-color: #fff;
}

.presse_gallery table{

}
.presse_gallery tr{
background-color: rgb(209,235,241);
padding-left: 20px;
}

.presse_gallery td{
padding: 5px;
}


#inhalt { 	
  /*position:absolute;*/
  position: relative;
  height:400px; 
  width:360px;
  margin:0px 0px 0px -200px;
  /*margin:-100px 0px 0px -200px;*/
  left: 50%;
  text-align: left;
  padding: 0px;
}

/**
 *  Newsbereich Galerie
 *
 **/  

.news_gallery{
 width:103px;
 padding-left:10px;
 
}
.news_gallery img{
 /*padding: 5px;*/
}

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

/*Testweise fuer anderes Bildergaleriedesign */

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

.mwo_gallery {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: xx-small;
}

.mwo_gallery img{


padding: 5px;

}

.mwo_gallery table{

}
.mwo_gallery tr{

padding-left: 20px;
}

.mwo_gallery td{
padding: 5px;
horizontal-align:center;
}