@charset "UTF-8";
/* ***************************************************************************************** */

/* CSS by Piccobello - Media & Corporate, Trier, Germany, http://www.piccobello.com */
/* All associated graphics copyright 2009, Piccobello - Media & Corporate */

/* ***************************************************************************************** */

/* Style Reset */
@import url(reset.css);

@media all
{

body { 
	background: #fff url(../img_style/bg_body.gif) top left repeat-x; 
	color: #535353; font: normal 13px Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.0em;
	}

* html body { font-size: 0.8em;}


/* 	**********************************************************************
	LINKS
	**********************************************************************/
a, a:link, a:visited { text-decoration: none; color: #d80c0c; }
a:hover, a:active, a:focus { text-decoration:underline; color: #d80c0c; }

/* 	**********************************************************************
	HEADLINES
	**********************************************************************/
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 32px; margin-bottom: 0px; }
h2 { font-size: 30px; margin-bottom: 0.5em; }
h3 { font-size: 20px; margin-bottom: 0px; }
h4 { font-size: 13px; margin-bottom: 2px; }


/* 	**********************************************************************
	TEXTFORMATIERUNG
	**********************************************************************/
sub, sup { font-size: 60%; line-height:100% }	
sub { vertical-align: bottom; }
sup { vertical-align: top; }
address { font-style: normal; }
strong, em { font-weight: bold; }
hr { display: none; }

/* 	**********************************************************************
	LAYOUT
	**********************************************************************/
	
#wrapper { position: relative; width: 100%; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; }
#header { position: relative; width: 740px; height: 80px; padding: 0px 0px 0px 0px; margin-left: auto; margin-right: auto; background: transparent url(../img_style/bg_header.jpg) bottom left no-repeat; }
h2#title { font-size: 32px; color: #000; position: absolute; left: 121px; bottom: 8px; margin: 0; padding: 0; line-height: 0.7em;}
#content { position: relative; width: 100%; padding: 0px 0px 20px 0px; text-align: center;}
#footer { position: relative; width: 715px; padding: 0px 0px 0px 25px; margin-left: auto; margin-right: auto; font-size: 12px; background: transparent url(../img_style/icon_emi.gif) center left no-repeat; }




/* 	**************************************************
	SPALTENLAYOUT
	**************************************************/
#col1, #col2 { position: relative; display: block; width: 360px; padding: 0px 0px 0px 0px;}
#col1 { float: left; }
#col2 { float: right; }
.col75 { width: 74%; float: left; text-align: left; }
.col25 { width: 24%; float: right; text-align: right; }

/* 	**************************************************
	FARB-, SCHRIFTGRÖSSEN- und ABSTANDFORMATIERUNG
	**************************************************/
	
.gapb1 { margin-bottom: 2.0em; }
.gapb2 { margin-bottom: 1.0em; }


/* 	**************************************************
	ICON LINS
	**************************************************/

a.icon.tooltip { background: transparent url(../img_style/icon_tooltip.gif) no-repeat center left; font-size: 14px; height: 14px; line-height: 0px; padding: 0px 0px 0px 14px; text-decoration: none; margin-right: 10px; float:left; margin-top: 1px; }
a.icon.delete { display: block; background: transparent url(../img_style/icon_delete.gif) no-repeat center left; font-size: 21px; width: 21px; height: 21px; line-height: 0px; padding: 0px 0px 0px 0px; text-decoration: none; float: right;}
a.icon.add { color: #277621 !important; font-weight: bold; display: block; float:left; background: transparent url(../img_style/icon_add.gif) no-repeat center left; padding: 5px 0px 5px 26px;}
a.icon span { display: none; }
a.iconright.totop { background: transparent url(../img_style/icon_totop.gif) no-repeat center right; padding: 0px 18px 0px 0px; }
a.iconhidden { position: absolute; display: block; width: 26px; height: 26px; background: transparent; z-index: 10; top: 8px; right: 8px; }
a.iconhidden span { display: none; }


#feedback, #noscript, #feedbackbottom { width: 728px; padding: 5px; background: #fff; border: 1px solid #eeeeee; }
.alert { width: 708px; padding: 10px; background: #f29400; color: white; font-size: 12px;}
.alert h3 { font-size: 13px; }
.alert ul {  list-style: circle inside; padding-left: 8px;}
.alert li { font-size: 11px; }


/* 	**********************************************************************
	MOOTOOLS / TOOLTIP
	**********************************************************************/

.tip1 .tiptop {}
.tip1 .tip { color: #fff; width: 280px; z-index: 13000; border: 1px solid #cc041b; padding: 4px 0px 4px 0px; background: transparent url(../img_style/bg_tooltip.png) top left;}
.tip1 .tip .tip-title { 
	font-weight: bold; font-size: 12px; margin: 0; color: #fff;
	padding: 4px 8px 4px 8px; background: transparent; line-height: 1.3em; }
.tip1 .tip .tip-text { 
	font-size: 12px; padding: 4px 8px 4px 8px;
	background: transparent; line-height: 1.3em;}
.tip1 .tip-bottom {}





/* 	**********************************************************************
	ARTIKEL / TEXTEDITOR
	**********************************************************************/
	
.artikel * { line-height: 1.4em; }

/*	# TEXTE / ABSÄTZE */ 
.txt.intro { font-weight: bold; }
.artikel p, .artikel ol, .artikel ul, .artikel .txt { margin-bottom: 1.9em; }
.artikel .txt p, .artikel .txt  ol, .artikel .txt ul { margin-bottom: 0px; }

/*	# BILDER */ 
.bild { display: block; float: left; }
.bild span { /*  Bildunterschrift */ display: block; padding: 10px 10px; background: #e5eae2; font-size: 11px; line-height: 1.0em; font-weight: normal; border-top: 1px solid #fff; }
.bild.umflussrechts { float: right; margin-left: 1.5em; }
.bild.umflusslinks { float: left; margin-right: 1.5em; }

/*	# LISTEN */ 
.artikel ol { list-style: decimal outside; margin-left: 1.5em; }
.artikel ul { list-style: disc outside; margin-left: 1.5em; }
.artikel .combi ol, .artikel .combi ul { list-style-position: inside; }
ul.itemliste  { list-style: none; margin-left: 0px; width: 100%; }
ul.itemliste li { padding: 6px 12px 6px 12px; border-bottom: 1px solid #fff; width: 516px;}
ul.itemliste li a { font-weight: bold; }
ul .bild { margin-right: 10px;}
ul .txt { float: right; }
ul.itemliste.user li { padding-top: 10px;  padding-bottom: 10px; }
ul.itemliste p, ul.itemliste .txt { margin-bottom: 0px;}

/*	# GALERIE */ 
.galerie { padding: 12px 0px 0px 12px; width: 528px; overflow: hidden; }
.galerie .preview { width: 120px; float: left; margin-right: 12px; margin-bottom: 12px; overflow: hidden; }
.galerie.caption .preview { height: 150px; margin-bottom: 2px; }
.galerie a { display: block; width: 100px; height: 100px; text-align: center; background: #fff; padding: 9px; border: 1px solid #535353; float: none; margin-bottom: 5px; }
.galerie a:hover { border-color: #006ab3; }
.lupe { display: block; padding: 0px 0px 0px 16px; background: transparent url(../img_style/icon_lupe.gif) no-repeat center left; }

/*	# TRENNER */ 
.trenner { padding-top: 1px; background: transparent url(../img_style/bg_trenner.gif) repeat-x top left; margin-bottom: 2.0em; width: 100%; }
* html .trenner { height: 1px; }
.trenner.smallfont { padding-top: 5px; }

/* ZITATE */
blockquote { color: #999999; background: transparent url(../img_style/bg_zitat_start.gif) no-repeat top left; padding: 20px 0px 0px 60px; }
blockquote p { font-weight: bold; font-size: 20px; margin-bottom: 0.5em !important; line-height: 1.0em; }

/* ABSTRACT */
.abstract { border-bottom: 1px solid #e5eae2; }
.abstract h1, .abstract h1 a { line-height: 1.2em; }
.abstract .bild { background: #fff; padding: 5px; border: 1px solid #535353; }



/* 	**********************************************************************
	ALLGEMEINES
	**********************************************************************/

.hide, .zu, .aus { display: none; }
.auf, .an {display: block; }
.stopfloat { clear: both; }
.linksfluss { float: left; }
.rechtsfluss { float: right; }
.keinfluss { float: none; }

}