/* ------------------------------------------------------------------------------------
   CASCADING STYLE SHEET
   website:	www.pwg-seminare.de with REDAXO CMS
   author:  marco di bella
   version: 1.0, 09.09.2008
   target:  printers
   ------------------------------------------------------------------------------------ */	

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

	
/* ------------------------------------------------------------------------------------
   SECTION
   STYLESHEETS RELATED TO ALL PAGE TEMPLATES  
   ------------------------------------------------------------------------------------ */	
   
/* ---------------------------------------------------------
   type: main elements
   --------------------------------------------------------- */

.content_right { 
	visibility: hidden;
	}	

	
/* ---------------------------------------------------------
   type: header elements
   --------------------------------------------------------- */

#header { 
	margin-bottom: 50px; 
	width: 900px; 
	height: 48px;	
	}

#header1 { 
	display: block; 
	width: 900px; 
	height: 48px; 
	background: url("screen.header1_background.jpg") repeat-x;	
	}
	
#header1_logo  { 
	float: left;  
	width: 200px; 
	height: 48px; 
	background: url("screen.header1_logo.jpg"); 
	}
	
#header1_links { 
	visibility: hidden;
	}	

#header2 { 
	visibility: hidden;
	}
		
#header3 { 
	visibility: hidden;
	}


/* ---------------------------------------------------------
   type: footer elements
   --------------------------------------------------------- */
   
div#footer {
 	visibility: hidden;
	}


/* ------------------------------------------------------------------------------------
   SECTION
   STYLESHEETS RELATED TO OTHER TEMPLATEs  
   ------------------------------------------------------------------------------------ */	
   
/* ---------------------------------------------------------
   template:    _BREADCRUMB
   description: brotkrümmelnavigationsleiste
   author:      marco di bella
   version:     1.0, 31.07.2008
   --------------------------------------------------------- */
	
div#breadcrumb {
	visibility: hidden;
	}
		
	
/* ---------------------------------------------------------
   template:    _MENU
   description: hauptmenueleiste
   author:      marco di bella
   version:     1.0, 31.07.2008
   --------------------------------------------------------- */

div#menu {
	visibility: hidden;
	}

		

/* ------------------------------------------------------------------------------------
   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: right;
	padding: 15px;
	margin-bottom: 30px;	
	width: 768px;
	min-height: 100px;
    color: #404040;
	background: #A9A9A9;
	font-size: 10pt;
	}
	
.infobox_referent .reftext h1 { 
	font-size: 12pt;
	font-weight: bold; 
	color: #5B5B5B;
	}


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

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

.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;
	}
	
.downloadlink .textbox a {	/* neutralizing the <a> enhancements */
	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;
	}
	
.content_right .downloadlink .textbox {
	max-width: 230px;
	}


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

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

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

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

.textbox ul {
	list-style-image: url("screen.textbox_bullet.jpg"); 
	}
	
.textbox li {
	color: #404040; 
	}
	
.textbox hr {
	height: 1px;
	text-align: left;
	color: #B2B2B2;
	background-color: #B2B2B2;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	}	
	
.textbox a {	
	color: #404040; 
	margin: 0;
	text-decoration: none;
	}
	

/* blockquote modd (need a change of the textile script!) */
.textbox blockquote {
	margin-top: 2em;
	margin-bottom: 2em;
  	background: transparent url("blockquote_left.jpg") left top no-repeat;
	}
	
.textbox blockquote div {
	padding: 0 48px;
  	background: transparent url("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("teasing.jpg") no-repeat left top;
	}
	
.textbox .footnote {
	font-size: 80%; 
	}

		
/* ---------------------------------------------------------
   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
   --------------------------------------------------------- */

.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;
	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%;
	}