/*

	Standard Definitionen fuer ico>>cms
	Definitionen in dieser CSS Datei sollen die most common cases abdecken.
	Manche Definitionen sind leer, diese dienen nur dazu um zu wissen, dass es sie gibt.
	
	
*/
/*********** Reset Style ********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;	padding: 0;	border: 0;
outline: 0;	font-weight: inherit;	font-style: inherit;
font-size: 100%;	font-family: inherit;
vertical-align: baseline; }
:focus { outline: 0; } body {	line-height: 1;	color: black;	background: white; }

table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: ""; } 
blockquote, q {	quotes: "" ""; }
/*********** Reset Style ********************/




body {
	font-family: "Lucida Grande", Verdana, Sans-Serif;
	font-size: 81.25%;
	background: #fff;
}

a,
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*
	Da es in IE6 keinen Support fuer Attribute Selektoren gibt "faken" wir das mal mit der zuweisung einer Class
	(Trotzdem werde ich einen Attribute-Selektor fuer moderne Browser hinzufuegen)
*/

input.text,
input[type="text"] {}

/* ***
	
	Standard Page-Id's
	
	Diese sollen dazu dienen abhaengig vom Typ definitionen vorzunehmen.
	Dies Definitionen sollten in cms_display_extension.css vorgenommen werden.
	
	
* ***/

#page-list {
}

#page-home {
}

#page-beitrag {
}


/*
	h1 - Fuer Beitrags Ueberschriften
	h2 - Beitrags Untertitel und Zwischenueberschriften von Textbloecken
	h3 - Kurztitel
*/

h1 {
	font-size: 1.2em;
}
h2 {
	font-size: 1em;
}
h3 {
	font-size: 0.8em;
}
.clearer {
	position: relative;
	clear: both; padding: 0;
	margin: 0; 
	height: 0;
	font-size: 0;
	line-height: 0;
	background: transparent;
}

/* ***

	Definitionen fuer Textblockeigenschaften

*** */

p.einleitung {
	font-weight:bold;
}

/* ****

	Definitionen fuer StandardSeitenelemente
	(Die dazu passenden Templates befinden sich grossteils in der Lib Datei)
	
**** */

/*

	Breadcrumb ist die Pfadangabe der Position im System
	
*/

#breadcrumb {}

#breadcrumb ul {
	margin: 0; padding: 0;
}

#breadcrumb li {
	display: inline;
	list-style: none;
	padding: 0 0 0 15px;
}

/* 
	Wenn das Listen Symbol als Hintergrund gesetzt ist kann man sicher seinen, dass es in jedem Browser an der gleich Position dargestellt wird.
*/

#breadcrumb strong {
	float: left;
}

/*

	Siteactions beinhaltet eine Liste mit den Punkten
		* Seite drucken
		* Seite weiterempfehlen
		* Feedback an den Autor (optional wenn eine autor email addresse gegeben)

		Template: 
				buttons
*/

#siteactions {
}

#siteactions li {
	padding-left: 20px;
	list-style: none;
	background-position: 2px 2px;
	background-repeat: no-repeat;
}
#siteactions ul li.print {
	background-image: url(/g/print.gif);
}

#siteactions ul li.feedback {
	background-image: url(/g/feedback.gif);
}

#siteactions ul li.recommend {
	background-image: url(/g/mail.gif);
}

/* 
	Metadaten drucken Informationen zum aktuellen Beitrag, wie Autor, Erstellungsdatum usw.
*/

#metadaten {
}

/*
	Standard Definitionen fuer Footer

*/

#footer {}

#footer_left {
	float: left;
}
#footer_right {
	float: right;
}

/*
	Error sind Fehlermeldungen die angezeigt werden wenn eine Service nicht verfuegbar ist
*/

#error {
	border: 1px solid #ccc;
	padding: 10px;
}

#error strong {
	color: red;
}

/* ****

	Definitionen fuer Bilder eines TextBlockes
 
	Die Klassen begginened mit "imagecontainer" beeinhaltet alle Bilder eines Textblocks, die Folgenden Klassen 
	"imageconatiner_right" und "imagecontainer_left" bestimmen die Position
		
	FIXTHIS: 
		IE6 hat probleme und floatet die boxen nicht.
		Es liegt wahrscheinlich daran, dass die boxen keine fixe with haben.
		** Ich habs jetzt mal auf 150px gesetzt bis ich eine loesung dafuer habe
**** */

.imagecontainer { 
	
	top: 0;	bottom: 0;
	margin: 0 auto;
	text-align: center;
}

.imagecontainer_right {
	float: right;
}

.imagecontainer_left {
	float: left;
}

.imagecontainer_150_3 {
	
}

/* 
	"image" ist ein Block-Element das ein Bild mit dem optionalen Titel und der Bildvergroesserung enthaelt
*/

.image {
	
	/* 
		IE hat probleme mit floats und zeigt manchmal elemente nicht an.
		Eine height von 1% sollte in den meisten Faellen dieses Problem loesen.
		Auch die meisten anderen Layout probleme lassen sich mit width und height loesen.
	*/
	min-width: 50px;
	height: 1%;
}
.imagecontainer_150_3 .image {
	float: left;
	width: 33%;
	display: inline;
}

.image img {
	border: 0;
	
}

.image_info {
	margin: 0;
	padding: 0;
	min-height: 20px;
	width: 200px;
	font-size: 0.9em;
	text-align: right;
}

.image_title {
	display: block;
	float: left;
	text-align: left;
	min-width: 20px;
}

.image_popup {
	
	
	
	width: 34px;
	height: 34px;
}

.image_popup img{
	width: 11px;
	height: 11px;
}

.imagecontainer .image {
	min-width: 10px;
	margin: 0 auto;
}
.imagecontainer .image_info {
	margin: 0 auto;
}
.imagecontainer_bildergalerie .image_info {
	
	margin: 0 auto;
}
.imagecontainer .image_popup {
	width: 15px;
	height: 15px;
}

/* 
	In Zukunft bzw. sobald IE7 sich durgesetzt hat kann man Child Selektoren verwenden.
*/

.imagecontainer_150_3 > div.clearer {
	height: 15px;
}

/*
	Aktuell muessen wir diese Variante nehmen,
	Zuerst allgemein die Hoehe definieren dann per universal Selektor (*) die childs der Childs absuchen und die hoehe wieder auf null setzten
*/

.imagecontainer_150_3 .clearer {
	height: 15px;
}
.imagecontainer_150_3 .image .image_info  {
	width: 150px;
}
.none {
	display:none;
}

.aktivform {
	font-size: 1em !important;
}
strong {
	font-weight:bold;
}
p {
	margin-bottom:1.33em;
}
@media screen, projection
{

 
  	.subcolumns,
  	.divrow { display:table; width:100%; table-layout:fixed; background-color:#fff;}
	.subcolumns_oldgecko { width: 100%; float:left; }
	
	.c5l,.c10l,.c20l, .c25l, .c30l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c70l, .c75l, .c80l, .c90l, .c95l { float:left; }
	.c5r,.c10r,.c20r, .c25r, .c30r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c70r, .c75r, .c80r, .c90r, .c95r { float:right; margin-left:-5px; }
	
	.c5l, .c5r { width:5%; }
	.c10l, .c10r { width:10%; }
	.c20l, .c20r { width:20%; }
	.c40l, .c40r { width:40%; }
	.c60l, .c60r { width:60%; }
	.c80l, .c80r { width:80%; }
	.c95l, .c95r { width:95%; }
	.c90l, .c90r { width:90%; }
	.c25l, .c25r { width:25%; }
	.c33l, .c33r { width:33.333%; }
	.c30l, .c30r { width:30%; }
	.c50l, .c50r { width:50%; }
	.c66l, .c66r { width:66.666%; }
	.c70l, .c70r { width:70%; }
	.c75l, .c75r { width:75%; }
	.c38l, .c38r { width:38.2%; }
	.c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns, .equalize .divrow { table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }
}
@media all {
	.hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; /* LTR */
  }
}
@media print
{
 /**
  * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
  * (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
  */

  .subcolumns,
  .subcolumns > div {
    overflow:visible; 
    display:table;
  } 

  /* (en) make .print class visible */
  /* (de) .print-Klasse sichtbar schalten */
  .print { 
    position:static; 
    left:0;
  }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }
}