/* CSS Document */

/* Titel: GSK Glass Drucklayout
** Autor: Enno Doberschütz, eCONNEX AG, edoberschuetz@econnex.de
** erstellt am :    10.03.2008
** aktualisiert am: 23.06.2008, Oliver Welge
**
** Inhalt:	- globale Einstellungen
**			- Header
**			- Navigation				
**				- Hauptnavigation
**				- Navigation 3. Ebene
**			- Inhatltsframe
**				- Breadcrumtrail
**
**			- Footer (Reihenfolge wichtig wg. Abhängigkeiten der Positionierung)			
**			
**			- Templates
**				- Startseite
**					- Content0
**					- Content1
**					- Newsteaser
**				- Welten Bilder
**				- Referenzen
**			(	- Formulare (auskommentiert, da noch Fragen offen)	)
**
*/

/* +++++  globale Einstellungen  +++++ */
body {
	margin: 0px; 
	padding: 0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}
	
.clear {display: block; clear: both;}
.clear:after { /* Passt die Länge des Hauptframes an die des Inhalts an und verhindert das Abbrechen bei fließenden DIVs. */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	
img { border: 0px; }
.right { padding-left:10px; padding-bottom:10px; float: right;}
.left { padding-right:10px; padding-bottom:10px; float: left;}

h1 { font-size: 10pt; font-weight: bold; color: #000000; }
h2 { clear:both; font-size: 8pt; font-weight: bold; color: #000000; padding: 0px; margin: 0px; }
h3 { font-size: 7pt; font-weight: bold; color: #000000; padding: 0px; margin: 0px; }

a { color:#000000; }
a:hover { color:#000000; text-decoration: none; }



/* +++++  Inhaltsframe  +++++ */
#main {
	width: 706px;
	margin: auto;
	display: block;
	}
.clearfix:after { /* Passt die Länge des Hauptframes an die des Inhalts an und verhindert das Abbrechen bei fließenden DIVs. */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.firstcolumn { /* linke Spalte */
	width: 191px; 
	float: left;
	display: block;
	padding: 20px 0px 0px 108px; 
	font-size: 8pt; 
	text-align: left;
	}
.secondcolumn { /* rechte Spalte */
	width: 370px;
	margin-right: 6px;
	padding: 0px 15px 0px 15px; 
	float: right; 
	display: inline;
	}
.content { /* ganze Breite */
	 width: auto; 
	 clear: both; 
	 display: block; 
	 padding: 0px 0px 0px 108px; 
	 text-align: left;
	 }
	 
/* +++++ Templates  +++++ */

/* Startseite */
#startpage {
	 width: 380px;
	 height: 556px; 
	 float: left; 
	 padding: 20px 0px 0px 125px; 
	 font-size: 8pt; 
	 text-align: left; 
	 background: none;
	 }
#teaser_news {
	 width: 195px;
	 height: 556px; 
	 float: right; 
	 margin-right: 6px; 
	 background: none; 
	 text-align: left;
	 font-size: 8pt;
	 }
.teaser_news_header { 
	width: 144px; 
	height: 21px; 
	padding: 10px 0px 0px 50px; 
	background: none; 
	font-size: 10pt; 
	font-weight: bold;
	}
.teaser_news_main {
	width: 154px; 
	height: 300px; 
	padding: 0px 20px 0px 20px; 
	background: none;
	}
.date {
	font-size: 7pt;
	color: #438c66
	}
.teaser_link {
	font-size: 8pt;
	color: #000000;
	vertical-align: top;
	}

/* Welten Bilder */
dl.image {
	 width: 174px; 
	 margin: 20px 0px 0px 17px;
	 padding: 0px;
	 text-align: left;
	 clear: none;  
	 display: inline; 
	 float: right;
	 }
dl.image2 {
	 width: 174px; 
	 margin: 20px 0px 0px 0px;
	 padding: 0px;
	 text-align: left;
	 clear: none;  
	 display: inline; 
	 float: right;
	 }
dl.image dd,
dl.image2 dd {
	display: block;
	width: 174px;
	margin: 0px;
	padding: 0px;
	}
dl.image a,
dl.image2 a  {
	font-size: 7pt; 
	color: #8b9a92; 
	text-decoration: none;
	vertical-align: top;
	display: block;
	padding: 0px;
	}

/* Rubrikenauswahl (Bild mit Pfeil und fetter Unterschrift) */
dl.image_rubrics {
	 width: 174px; 
	 margin: 20px 0px 0px 17px;
	 padding: 0px;
	 text-align: left;
	 clear: none;  
	 display: inline; 
	 float: right;
	 } 
dl.image_rubrics dd {
	display: block;
	width: 174px;
	margin: 0px;
	padding: 0px;
	}
dl.image_rubrics dd img {
	margin: 0px 5px 0px 0px;
	padding-top: 4px;
	display: block;
	float: left;

	} 
*html dl.image_rubrics dd img {
	margin: 0px 5px 0px 0px;
	vertical-align: text-top;
	} 
dl .a_rubrics {
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	display: inline;
	width: 164px;
	}
*html dl .a_rubrics {
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding-left: 5px;
	line-height: 8pt;
	}

/* Referenzen */
/* Referenzen */
.content dl.references {
	width: auto; 
	clear:both;
	border-bottom: 1px solid #9bc4ad;
	}
.content dl.references dt img { float: left; margin: 0px; }
.content dl.references dd {
	height: 62px; 
	margin: 0px 0px 4px 100px; 
	line-height: 1.3em;
	padding: 5px 10px 0px 10px; 
	text-align: left; 
	background: url('/at/images/bg_references.jpg') repeat-y;
	}
.content dl.references dd img { margin: 5px 5px 0px 0px; clear: both; display: inline; }
.content dl.references dd .a_references { 
	height: 25px;
	vertical-align: top;
	margin: 5px 0px 0px 0px; 
	padding: 0px;
	display: inline;
	float: none;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}
*html .content dl.references dd .a_references {
	margin: 0px 0px 0px 5px;
	}
.content dl.references dd p.small { font-size: 7pt; padding: 0px; margin: 0px 0px 0px 0px; clear:none; display: block;}
.content dl.references dd.newsLnk {
	text-align: right;
	padding: 0 15px 10px; 
	}
.image_references {
	 width: 111px; 
	 margin: 0px 0px 0px 0px; 
	 text-align: center; 
	 display: inline; 
	 float:right;
	 }
.image_references a {
	font-size: 8pt; 
	color: #007556;
	font-weight: bold; 
	text-decoration: none;
	}


/* Formulare */

.content form	{
		margin: 0px 50px 0px 0px ;
		padding:0;
		}
.content fieldset	{
		width:450px;
		border:0px;
		padding:0px;
		margin:0px;
		text-align:left;
		float: right;
		}
.content input	{
		border: 0px;
		background-color: #e5ede9; 
		padding-left:5px;
		margin-bottom:10px;
		width:200px;
		color: #000;
		}
.content input.radio,
.content input.checkbox,
.content input[type="radio"],
.content input[type="checkbox"]	{
		width:14px;
		margin:0px 20px 0px 120px;
		border:0px;
		display:inline;
		vertical-align:middle;
		}
.content legend	{
		float:left;
		width:100px;
		display: block;
		position:relative;
		}
.content label	{
		font-size: 8pt;
		margin:0px 3px 3px 0px;
		padding:0px;
		line-height:1.5em;
		display:inline;
		}
.content label.left	{
		width:150px;
		clear:left;
		float: left;
		text-align: right;
		margin-right: 10px;
		}
.content label.right	{
		margin:0px 0px 10px 0px;
		}
.content select	{		
		border: 1px solid #e5ede9;
		padding: 2px 0px 1px 5px;
		margin-bottom:10px;
		font-size: 8pt;
		width:100px;
		}
.content option {
		font-size: 8pt;
		color: #000;
		}
.content textarea {
		font-size: 8pt;
		width:250px;
		border: 0px;		
		background-color: #e5ede9;
		margin-bottom:10px;
		padding-left: 5px;
		}
.content textarea:focus{		
		border: 0px;
		}

/*
.content input.submitbtn	{
		cursor: pointer;
		margin-left: 153px;
		width: 100px;
		color:white;
		border: 1px solid #ff7200;
		font-size: 8pt;
		padding:2px 5px 2px 25px;
		}
.content input.submitbtn:hover	{
		color:#ff7200;
		border: 1px solid #ff7200;
		font-size:11px;
		padding:2px 5px 2px 25px;
		}
*/

/* Sitemap */
a.sitemap {	text-decoration: none; }