/* ------------------------------------------------------------------------------------
   CASCADING STYLE SHEET
   website:	www.pwg-seminare.de with REDAXO CMS
   author:  marco di bella
   version: 1.3, 03.09.2008
   target:  normal computer displays
   color:   WHITE-BLUE
   ------------------------------------------------------------------------------------ */	

/* ------------------------------------------------------------------------------------
   SECTION
   MAIN RULES  
   ------------------------------------------------------------------------------------ */	
   
body, button, div, p, h1, h2, h3, img, a, fieldset, label, input, legend, textarea, select {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	} 

body { 	
	font-size: 10pt;
	height: 100%;
	background: #FFFFFF; 
	}
	
select {
	border: 1px solid darkgray;
	color: #404040; 
	}
	
	
/* ------------------------------------------------------------------------------------
   SECTION
   STYLESHEETS RELATED TO ALL PAGE TEMPLATES  
   ------------------------------------------------------------------------------------ */	
   
/* ---------------------------------------------------------
   type: main elements
   --------------------------------------------------------- */

#wrapper { 
	margin: 0 auto; 
	width: 900px; 
	background: white; 
	text-align: left; 
	}
	 
.content { 
	display: block; 
	clear: both; 
	}
	
.content.two_columns { 
	width: 900px; 
	min-height: 400px;
	background: url("content.two_columns.gif") repeat-y; 
	overflow: visible;
	}
	
.content_left  { 
	float: left; 
	width: 580px; 
	margin-right: 40px;
	overflow: visible;
	}
	
.content_right { 
	float: left; 
	width: 275px; 
	overflow: visible;
	}	

.clearer {
	clear: both;
	line-height: 0;
	height: 0;
	margin: 0;
	padding: 0;
	}	
	
/* ---------------------------------------------------------
   type: header elements
   --------------------------------------------------------- */

#header { 
	margin-top: 20px;
	margin-bottom: 50px; 
	width: 900px; 
	height: 253px;	
	}

#header1 { 
	display: block; 
	width: 900px; 
	height: 48px; 
	background: url("header1_background.jpg") repeat-x;	
	}

#header2 { 
	display: block; 
	width: 900px; 
	height: 170px; 
	padding: 0;
	margin-top: 6px; 
	margin-bottom: 4px; 
	vertical-align: bottom; 
	}
		
#header3 { 
	display: block; 
	width: 900px; 
	height: 35px; 
	}

#header1_logo  { 
	float: left;  
	width: 200px; 
	height: 48px; 
	background: url("whiteblue_pwglogo.jpg"); 
	}

#header1_links { 
	float: right; 
	width: 200px; 
	padding-top: 15px; 
	height: 20px; 
	font-size: 8pt; 
	}
	
#header1_links ul { 
	float: right; 
	height: 10px; 
	}
	
#header1_links li { 
	float: left; 
	background: 0 none; 
	padding: 0; height: 10px; 
	vertical-align: top; 
	list-style-type: none;
	}
	
#header1_links a { 
	text-decoration: none; 
	color: #193792;
	}	
	
#header1_links a:hover { 
	text-decoration: underline; 
	}

#header1_links span.header1_links_delimiter { 
	width: 5px; 
	height: 5px; 
	padding-left: 7px; 
	padding-right: 7px; 	
	background: url("header1_links_delimiter.jpg") center center repeat-y; 
	}


/* ---------------------------------------------------------
   type: footer elements
   --------------------------------------------------------- */
   
div#footer {
 	width: 900px;
	height: 45px;
	padding-top: 20px;
	display: block;
 	clear: both;
	font-size: 9pt;		
	color: #808080;
	}

div#footer div#footer_bottomline {
	background: #193792; /* darkblue */
 	width: 900px;
	height: 20px;
	display: block;
 	clear: both;
	}


/* ------------------------------------------------------------------------------------
   SECTION
   STYLESHEETS RELATED TO OTHER TEMPLATEs  
   ------------------------------------------------------------------------------------ */	
   
/* ---------------------------------------------------------
   template:    _BREADCRUMB
   description: brotkrümmelnavigationsleiste
   author:      marco di bella
   version:     1.0, 31.07.2008
   --------------------------------------------------------- */
	
div#breadcrumb {
	display: block;
	width: 900px;	
	height: 25x;	
	padding: 0; 
	padding-top: 10px;
	font-size: 9pt;	
	vertical-align: middle;	
	color: #808080;
	}
	
div#breadcrumb ul {
	clear: none;
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
	}
	
div#breadcrumb li { 
	float: left;
	padding: 0; 
	margin: 0;
	list-style-type: none;    
	background: 0 none;
	}
	
div#breadcrumb .bc_delimiter { 
	width: 5px; 
	height: 5px; 
	padding-left: 5px; 
	padding-right:5px; 	
	background: url("whiteblue_breadcrumb_delimiter.jpg") center center no-repeat; 
	}
	
div#breadcrumb li a { 
	text-decoration: none; 
	color: #193792; /* darkblue */
	}   
	
div#breadcrumb li a:hover {
	text-decoration: underline;
	}	
	
	
/* ---------------------------------------------------------
   template:    _MENU
   description: hauptmenueleiste
   author:      marco di bella
   version:     1.0, 31.07.2008
   --------------------------------------------------------- */

div#menu {
	width: 450px; 
	height: 36px;	
	left: 0px;
	top: 134px;
	position: relative;
	}

div#menu ul {
	padding: 0;
	margin: 0;
	}
	
div#menu li { 
	float: left;
	background: 0 none;
	padding: 0; 
	margin: 0;
	list-style-type: none;
	}

div#menu li a {
	display: block;	
	height: 25px;
	padding: 0; 
	padding-top: 10px; 
	font-size: 10pt;	
	font-weight: bold;
	color: #F8F8F8;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background: url("menu.jpg") repeat-x;	
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #B3B1B1;
	border-bottom: 1px solid #939393;
	}
	
div#menu li a:hover {	
	color: #FFFFFF;
	background: url("menu_hover.jpg") repeat-x;	
	border-left: 1px solid #B3B1B1;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #B3B1B1;
	} 

div#menu li.on a { 
	color: #FFFFFF;
	background: url("whiteblue_menu_on.jpg") repeat-x;	
	border-left: 1px solid #0207BE;
	border-right: 1px solid #0207BE;
	border-bottom: 1px solid #162D76;
	}  
	
li#menu0 { width: 65px;	 }
li#menu1 { width: 85px;  }
li#menu2 { width: 140px; }
li#menu3 { width: 75px;  }
li#menu4 { width: 85px;  }
		

/* ------------------------------------------------------------------------------------
   SECTION
   STYLESHEETS RELATED TO MODULES  
   ------------------------------------------------------------------------------------ */	

/* ---------------------------------------------------------
   INFOBOX REFRENT [TEXTILE]
   ---------------------------------------------------------      
   module-nr.: 	20
   author:  	marco di bella
   version: 	1.0, 31.07.2008
   --------------------------------------------------------- */
   
.infobox_referent {	
	clear: both; 
	display: block; 
	}
	
.infobox_referent .refbild { 
	border: 1px solid #A9A9A9; 
	float: left;
	width: 100px;
	height: 100px;
	}

.infobox_referent .reftext { 
	display: block;
	float: left;
	padding: 15px;
	margin-bottom: 30px;	
	width: 767px;
	min-height: 100px;
	color: #404040;
	background: #A9A9A9;
	font-size: 10pt;
	}
	
.infobox_referent .reftext h1 { 
	font-size: 12pt;
	font-weight: bold; 
	color: #5B5B5B;
	}


/* ---------------------------------------------------------
   INFOBOX SEMINAR
   ---------------------------------------------------------      
   module-nr.: 	22
   author:  	marco di bella
   version: 	1.5, 11.09.2008
   --------------------------------------------------------- */
   
.infobox_seminar {	
	clear: both; 
	display: block;
	margin-top: 50px; 
	font-size: 9pt;
	}
	
.infobox_seminar h1 {	
	font-weight: bold;
	font-size: 9pt;
	color: #193792; /* darkblue */
	margin: 0;
	}
	
.infobox_seminar p,
.infobox_seminar a {	
	color: #193792; /* darkblue */
	margin: 0;
	text-decoration: none;
	}
	
.infobox_seminar a:hover {	
	text-decoration: underline;
	}
	
.infobox_seminar span {
	margin-top: 30px;
	clear: both; 
	display: block;
	width: 580px;
	height: 52px;
	border-top: 1px solid #A9A9A9; 
	}

.infobox_seminar a > img {
	border: 1px solid #A9A9A9; 
	border-top: none;
	float: left;
	width: 50px;
	height: 50px;
	}
	
.infobox_seminar td {
	color: #193792; /* darkblue */
	}
	

/* ---------------------------------------------------------
   IMAGEBOX W/O LINK
   ---------------------------------------------------------   
   module-nr.:  02   
   author:  	marco di bella
   version:		1.2, 11.08.2008
   --------------------------------------------------------- */
     
.imagebox {
	display: block;
	clear: both;
	background: white;
	margin: 0;
	padding: 0;
 	line-height: 0;
	display: block;
	}
	
.imagebox img {
	margin: 0;
	padding: 0;
	border: none;
	}	
	
.imagebox a {
	border: 1px solid transparent; 
	display: block;
	}

.imagebox a.ib_borderonhover {
	border: 1px solid white;
	}
	
.imagebox a.ib_border {
	border: 1px solid darkgray;
	}	
	
.imagebox a.ib_borderonhover:hover,
.imagebox a.ib_border:hover {
	border-color: #193792; /* darkblue */
	}	


/* ---------------------------------------------------------
   DOWNLOADLINK
   ---------------------------------------------------------      
   module-nr.: 	03
   author:  	sevenit websolutions (orig)/ 
   				marco di bella (mod)
   version: 	1.1, 01.09.2008
   --------------------------------------------------------- */

.downloadlink {
	display: block;
	clear: both;
	}
	
.downloadlink img {	
	float: left;	
	padding-right: 10px;
	width: 16px;
	height: 16px;
	background: url("page_white.png") no-repeat left center;
	}
	
.downloadlink .textbox {
	display: block;
	float: left;
	}
	
/* neutralizing the <a> enhancements */
.downloadlink .textbox a {	
	background: none;
	padding-left: 0;
	}
	
.downloadlink .dl_pdf {
	background: url("page_white_acrobat.png") no-repeat left center;
	}
	
.downloadlink .dl_word {
	background: url("page_white_word.png") no-repeat left center;
	}
	
.downloadlink .dl_archive {
	background: url("page_white_zip.png") no-repeat left center;
	}
	
.downloadlink .dl_excel {
	background: url("page_white_excel.png") no-repeat left center;
	}
	
.downloadlink .dl_powerpoint {
	background: url("page_white_powerpoint.png") no-repeat left center;
	}
	
.downloadlink .dl_audio {
	background: url("page_white_audio.png") no-repeat left center;
	}	
	
.content_right .downloadlink .textbox {
	max-width: 230px;	
	}

.content_left .downloadlink .textbox {
	max-width: 550px;
	}


/* ---------------------------------------------------------   
   HORIZONTAL RULER
   ---------------------------------------------------------   
   module-nr.:  01   
   author:  	marco di bella
   version: 	1.1, 10.09.2008
   --------------------------------------------------------- */

.hr_solidgrey {
	height: 0;
	border-bottom: 1px solid #B2B2B2;	
 	border-top: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;		
	}	

.hr_dottedgrey {
	height: 2px;
	background: url("hr_dotted.jpg") left top repeat-x;
	margin-top: 20px;
	margin-bottom: 20px;
	border: none;
	clear: both;		
	}	


/* ---------------------------------------------------------
   TEXTBOX [TEXTILE]
   ---------------------------------------------------------      
   module-nr.: 	00    
   author:  	thomas blum (orig),
   				marco brenn (mod),
				marco di bella (mod)
   version: 	1.1, 19.09.2008
   --------------------------------------------------------- */

.textbox {
	color: #606060; 
	}
	
.textbox h1	{ 
	color: #606060; 
	font-weight: normal;
	font-size: 160%;
	}

.textbox h2	{ 
	color: #193792;
	font-weight: normal;
	font-size: 120%; 
	margin-bottom: 1em;
	}
	
.textbox h3	{ 
	color: #404040; 
	font-size: 110%; 
	font-weight: normal;
	margin-bottom: 1em;
	}

.textbox p {
	margin-bottom: 1em;
	}

.textbox ul {
	margin-left: 20px;	
	margin-bottom: 1em;
	list-style-image: url("whiteblue_bullet.jpg"); 
	}

.textbox ol {
	margin-left: 20px;
	margin-bottom: 1em;
	}
	
.textbox li {
	color: #606060; 
	}
	
.textbox a {	
	color: #193792; /* darkblue */
	margin: 0;
	text-decoration: none;
	padding-left: 14px;
	background: url("arrow_lefttop_rightbottom.jpg") no-repeat left center;
	}
	
.textbox a:hover {	
	text-decoration: underline;
	}		
	
	
/* neutralizing the <a> enhancements */
.textbox .footnote a {	
	background: none;
	padding-left: 0;
	}
	

/* blockquote modd (need a change of the textile script!) */
.textbox blockquote {
	margin-top: 2em;
	margin-bottom: 2em;
  	background: transparent url("whiteblue_blockquote_left.jpg") left top no-repeat;
	}
	
.textbox blockquote div {
	padding: 0 48px;
  	background: transparent url("whiteblue_blockquote_right.jpg") right bottom no-repeat;
	}

.textbox blockquote p {
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-size: 110%;
    }


/* special styles for the p element */
.textbox .teasing {
	font-weight: normal;
	font-size: 120%; 
	color: #404040;
	padding-left: 64px; 
	background: url("whiteblue_teasing.jpg") no-repeat left top;
	}
	
.textbox .footnote {
	font-size: 80%; 
	}
	
	
/* special styles for the right column */
.content_right .textbox {
	font-size: 80%;
	}
	
.content_right .textbox h1 {
	font-size: 120%;
	color: #000000;
	}
		
.content_right .textbox table {
	margin: 0;
	border: 0;
	empty-cells: show;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	}

.content_right .textbox td {
	padding: 0;
	min-width: 10px;
	}

/* special styles for the program table */

.table_program {
	margin-top: 30px;
	}

.table_program .tp_date {
	color: #FFFFFF;
	background-color: #8D2937;
	width: 575px;	
	}

.table_program .tp_referent {
	color: #FFFFFF;
	background-color: #6D0917;
	font-size: 90%;
	}

.table_program .tp_time {
	font-size: 90%;
	color: #999999;
	vertical-align: top;
	width: 60px;	
	}





		
		
/* ---------------------------------------------------------
   E-MAIL-FORMULAR
   ---------------------------------------------------------      
   module-nr.: 	11
   description: mod of do form!
   author:      thomas skerbis (orig), 
   				marco di bella (mod)
   version:     1.6, 29.08.2008
   --------------------------------------------------------- */

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

.formgen      { }

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

.formgen .formblock	{
	margin-bottom: 15px;
	}

.formgen br { 
	clear : both; 
	}

/* text area */
.formgen .formtextfield {   
	width: 300px;
	height: 200px;	
	padding: 2px;
	margin-left: 4px;
	color: #A9A9A9;
	background: #FAFAFA;
	border: 1px solid #B2B2B2;
	font-size: 10pt;
	}

/* text input */
.formgen .formtext { 
	width: 300px;
	height: 1.5em;	
	padding: 2px;
	margin-left: 4px;
	color: #A9A9A9;
	background: #FAFAFA;
	border: 1px solid #B2B2B2;
	}
	
/* select */
.formgen .formselect { 
	width: 300px;	
	padding: 2px;
	margin-left: 4px;
	color: #A9A9A9;
	background: #FAFAFA;
	border: 1px solid #B2B2B2
	}
	
.formgen .formselect:focus,
.formgen .formtextfield:focus,
.formgen .formtext:focus,
.formgen .formcheck:focus {
	background: #F0F0F0;
	color: #193792;
	border: 1px solid #193792; /* darkblue */
	}
	
/* submit button */
.formgen .formsubmit { 
	padding: 3px; 
	min-width: 100px;
	background: #193792; /* darkblue */
	color: white;	
	border: 1px solid #193792; /* darkblue */
	}

.formgen .formsubmit:focus { 
	background: #B2B2B2;
	border: 1px solid #F0F0F0;
	color: #FFFFFF;
	}

/* fieldset */
.formgen fieldset {
	width: 560px;
	padding: 10px;
	border: 1px solid #B2B2B2;
	}

/* fieldset legend */
.formgen legend {
	width: 140px;
	margin: 0px;
	color: #193792;
	font-weight: normal;
	font-size: 120%;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	}
	
/* label */
.formgen .formlabel {
	width: 150px;
	height: 20px;
	padding: 0;
	padding-right: 20px;
	clear: left;
	float: left;
	text-align: right;
	color: #404040; 
	}	
	
/* checkbox */
.formgen .formcheck {
	margin-left: 174px;
	color: #A9A9A9;
	background: #FAFAFA;
	border: 1px solid #B2B2B2;
	float: left;
	}
	
.formgen .formchecklabel {
	width: 150px;
	height: 20px;
	padding: 0;
	padding-left: 10px;
	text-align: left;
	color: #404040; 
	}	

/* trennelement um abstand zu erzeugen */
.formgen .formtrenn {
	display: block;
	height: 20px;	
	}

/* error message */
.formgen .forminfo {
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 5px;
	padding-left: 24px;
	min-height: 16px;
	background: url("error.png") left center no-repeat;
	color: #DB1B1B;
	}

/* error marker (for labels) */
.formgen .formerror {
	color: #DB1B1B;
	}

/* hinweistext */
.formgen .formhinweis {
	font-size: 80%;
	}
	
	
/* ---------------------------------------------------------
   TEASERBLOCK
   ---------------------------------------------------------      
   module-nr.: 	08
   author:  	marco di bella
   version: 	1.1, 03.11.2008
   --------------------------------------------------------- */
   
.teaserblock { 
	display: block; 
	clear: both; 
	font-size: 80%;
	width: 580px; 
	min-height: 100px;
	height: auto;
	background: url("teaserblock_background.jpg") center center repeat-y;
	}
	
.teaserblock_left  { 
	display: block;
	float: left; 
	width: 270px; 
	margin-right: 40px;
	}
	
.teaserblock_right { 
	display: block;
	float: left; 
	width: 270px; 
	}	
	
.teaserblock img {	
	border: none;
	}



/* ---------------------------------------------------------
   MAGAZINLAYOUT
   ---------------------------------------------------------      
   module-nr.: 	07
   --------------------------------------------------------- */	

.magazine-container {
	background: 0;
	}

.magazine-image a, 
.magazine-image a:hover {
	border: 0;
	background: transparent;
	outline: 0;
	}


.magazine-container_pwg {
	background: #f5f5f5;
	border: 1px solid #e0e0e0;
	width: 580px;
	}


/* ---------------------------------------------------------
   ARTICLELIST
   ---------------------------------------------------------      
   module-nr.: 	30
   author:  	marco di bella
   version: 	1.0, 05.08.2008
   --------------------------------------------------------- */

.articlelist {	
	clear: both; 
	display: block; 
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10pt;
	width: 580px;
	}
	
.articlelist li {
	clear: both; 
	display: block; 
	background: white;
	width: 570px;
    height: 64px;
	padding: 5px;
	}
	
.articlelist li:hover {
	background: #f5f5f5;
	}
	
.articlelist li .articlelist_thumb { 
	border: 1px solid darkgray;
	padding: 2px; 
	margin-right: 10px;
	float: left;
	width: 80px;
	height: 60px;
	background: white;
	}

.articlelist li .articlelist_text { 
	}

.articlelist li h1	{ 
	color: #808080; 
	font-weight: normal;
	font-size: 10pt;
	}
	
.articlelist li a	{
    color: #193792; /* darkblue */
	text-decoration: none;
	}
	
.articlelist li a:hover {	
	text-decoration: underline;
	}