/* ##################################################################################
**
** (c) 2008, kadekMEDIEN  - http://www.kadek-medien.de/
** kadekMEDIEN - Know-how zu Ihren Gunsten.
** Mediengestaltung und Medienproduktion von einzigartigem Leistungsumfang in Berlin
**
** ################################################################################## */



/* ########################################################### */
/* Basic-Reset - vereinheitlichtes Aussehen in allen Browsern */

* {
	margin:0;
	padding: 0;
} 

/* zu kleine Selectboxen korrigieren */
option { padding-left:0.4em }

/* vertikalen Scrollbalken im Netscape & Firefox erzwingen */
html { height:100% }

body { 
	min-height: 101%;
/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
	font-size: 100.01%; 
/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden, wenn die Größe des Browserfensters geändert wird. */
	position: relative; 
	
/* Vorgabe der Standardfarben und Textausrichtung */     
	color: #000;        
	background: #fff;
/*	background:#fff url(../img/bg.jpg) top center no-repeat; */
	text-align:center;
} 
	
/* Standardrahmen zurücksetzen */
fieldset, img { border:0; }
	
/* Anpassung für Safari-Browser: font-size:100% ist für den Safari in Formularen zu groß */ 
select, input, textarea { font-size: 99% }

/* Ende Basic-Reset */
/* ############### */



/* ##################### */
/* Layout Inhaltsseiten */

#wrapper {
	position:relative;
	margin:0 auto;
	width:960px;
	text-align:left;
}

#header {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

#main {
	position:absolute;
	margin-top:150px;
	width:100%;
	height:450px;
	overflow:inherit; /* notwendig, um im Zusammenhang mit dem height-Attribut gleiche Ergebnisse in Firefox, IE7 und IE6 zu erreichen */
	background:url(../img/bg_main.jpg) repeat-y;	
}

#content {
	position:relative;
	margin:0px 20px 0px 275px;
	width:665px;
	padding:2em 0 2em 2em;
}

#cntnt_druck {
	position:absolute;
	float:left;
	margin:0px 20px 0px 275px;
	width:330px;
}

#cntnt_edel {
	position:absolute;
/*	float:right; */
	margin:0px 0px 0px 630px;
	width:330px;
}

#footer {
	position:relative;
	bottom:-35em;
	width:100%;
	border-top:1px #00395c solid;
	padding-top:0.5em;
}

#footer_cntnt {
	position:relative;
	bottom:-1.5em;
	width:100%;
	border-top:1px #00395c solid;
	padding-top:0.5em;
}

/* Ende Layout Inhaltsseiten */
/* ######################## */




/* ##################################### */
/* zusätzliches kontextbezogenes Layout */

.clearer {
	clear:both;
}

.smaler {
	font-size:0.91em;
}



/* ################## */
/* Tabelle Impressum */

table.impressum { 
	border-collapse:collapse; 
	margin-bottom: 0.5em;
}

td.right { 
	font-weight:bold;
	font-size: 0.9em;
/*	text-align:right; */
	vertical-align:top;
	width:11.5em;
}

td.left {
	text-align:left;
	vertical-align:top;
}

/* Ende Tabelle Impressum */
/* ##################### */




/* ############### */
/* Tabelle Header */

table.header { 
	border-collapse:collapse;
	width:960px;
}

td.logo { 
	text-align:left;
	width:255px;
}

td.spc1 { width:20px; }

td.druck {
	text-align:right;
	width:330px;
}

td.spc2 { width:25px; }

td.edel {
	text-align:right;
	width:330px;	
}

/* Ende Tabelle Header */
/* ################## */




/* ############## */
/* Tabelle Druck */

table.druck {
	border-collapse:collapse;
	width:100%;
	margin-bottom:2em;
	color:#777;
}

td.print { width:33%; }


/* ############## */
/* Ende Tabelle Druck */


/* Ende zusätzliches kontextbezogenes Layout */
/* ######################################## */



/* ########### */
/* Navigation */

.footer {
/*	margin-left:92px; */
	font-size:0.8em;
	text-align:left;
	color:#00395c; /* Logo-Blau */
}

.footer a:link {
	text-decoration:none;
	color:#b6b7b9; /* Logo-Grau */
}

.footer a:visited {
	text-decoration:none;
	color:#b6b7b9; /* Logo-Grau */
}

.footer a:hover {
	color:#00395c; /* Logo-Blau */
	text-decoration: none;
}

a:link, a:visited { 
	text-decoration: underline;
	color:#4c748d; /* 70% Logo-Blau */
}

a:hover {
	color:#00395c; /* Logo-Blau */
	text-decoration: none;
}

/* Ende Navigation */
/* ############## */



/* ########### */
/* Typografie */

/* Festlegen der Standardschriftgröße von 12 Pixeln auf Basis von 16 Pixeln Browsereinstellung */
body {
	font-size: 75%;
	font-family:'Verdana', Tahoma, Arial, sans-serif;
	line-height:1.75em;
	color:#000;
}
	
h1 {
	font-weight:bold;
	margin:0 0 0.75em 0;
	font-size:150.00%; 	/* 18px */	
	color:#00395c; /* Logo-Blau */
}

h2 {
	font-weight:bold;
	margin:0 0 0.75em 0;	
	font-size: 133.33%;	  /* 16px */
	color:#265774; /* 85% Logo-Blau */
}

h3 {
	font-weight:bold;
	font-style:italic;
	margin: 0 0 0.75em 0;	
	font-size: 116.67%;	/* 14px */
	color:#777;
}


p { margin: 0 0 1em 0; }


/* ################# */
/* Textauszeichnung */

em, i { font-style: italic }

strong,b { font-weight: bold; }

cite, blockquote {
	font-style:italic;
	overflow: visible; /* gibt sonst Ärger im IE5.x und IE6 - Italics-Bug */
/*	background: url(../img/quote.gif) no-repeat; */
	display: block;
	padding-left: 28px;
	margin: 2em 0 2em 0;
}

pre, code, input, select, option, textarea { 
	font-family: monospace;
	font-size: 1.1em;
}

address { 
	font-family: monospace;
	font-style:normal;
	font-weight:bold;
	font-size:1.25em;
	color:#00395c;
	line-height:1.5em;
	margin:1.5em 0 1.5em 1.5em;
}

/* Ende Textauszeichnung */
/* ################# */



/* ################## */
/* Listen & Tabellen */

ul { 
	margin: 1.5em 0 1em 1em;
	list-style-type: disc;
}

ol, dl { 
	margin: 1.5em 0 1em 1em;
	list-style-type: decimal;
}

li { 
	margin: 0 0 0.5em 1.5em;
}
	
dt { font-weight: bold; }

dd { margin: 0 0 1em 2em; }

hr { 
	color: #fff;
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #00395c solid;
}

input, select {
	margin: 0.25em 0 0 0.25em;
}

textarea {
	margin-bottom:1em;
	overflow:auto; /* läßt Scrollbar im IE verschwinden, wenn nicht benötigt */
}

/* Ende Listen & Tabellen */
/* ##################### */


/* Ende Typografie */
/* ############## */