/*

	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, script {
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: "Verdana", Arial, sans-serif;
	font-size: 13px;
	background: #fff;
}

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

	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.
	
	Layout anpassungen nur in *_ext.css vornehmen!

*/


body {
	font-family: "Verdana", Arial, sans-serif;
	font-size: 13px;
	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;
	background: url(/g/ra.gif) 2px 1px no-repeat;
}

/* 
	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 { 
	position: relative;
	top: 0;	bottom: 0;
	margin: 0 auto;
	text-align: center;
}

.imagecontainer_right {
	float: right;
}

.imagecontainer_left {
	float: left;
}
.imagecontainer_thumb {
	float:left;
	margin:0 0px 5px 9px;
	width:75px;
}
.spacerThumb {
	margin:	0 0 15px 5px;
	padding:0;
	border:0;
}
.imagecontainer_150_3 {
	float: left;
	clear: both;
	width: 100%;
}

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

.image {
	position: relative;
	min-width: 50px;
	height: 1%;
}
.imagecontainer_150_3 .image {
	float: left;
	width: 33%;
	display: inline;
	clear: none;
}

.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 {
	top: 0;
	float: right;
	right: 0;
	width: 11px;
	height: 11px;
}

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

.imagecontainer .image {
	min-width: 10px;
	margin: 0 auto;
}
.imagecontainer .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;
}
.galerie {
	text-align:center;
	margin: 0 auto;
	width:700px;
	background-color:#FFFFFF;
}
.galerie_nav {
	width:100%;
	padding: 10px 0 10px 0;
}
.galerie_info {
	margin: 0;
	
	min-height: 20px;
	font-size: 0.9em;
	text-align: left;
	background: #e8ecf1;
	font-weight: normal;
	color: #000;
	
	line-height:1.2em;
padding: 10px 10px 10px 10px;
width:auto;
}
.galerie_bildtitel {
display:block;
margin:0 0 5px 0;
font-weight:bold;

}