@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: #6a6b6f; 
	color: #fff; font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	}

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


/* 	**********************************************************************
	LINKS
	**********************************************************************/

a, a:link, a:visited { text-decoration: underline; color: #fff; }	
a:hover, a:active, a:focus { text-decoration:none; color: #f69301; }
	

/* 	**********************************************************************
	HEADLINES
	**********************************************************************/

h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.2em}
h1 { font-size: 1.7142em; margin-bottom: 1.0em; }	/* 24px; */
h2 { font-size: 1.4285em; margin-bottom: 0.5em; }	/* 20px; */
h3 { font-size: 1.1428em; margin-bottom: 0.5em; }	/* 16px; */
h4 { font-size: 1.0em; margin-bottom: 0.5em; }	/* 14px; */

/* 	**********************************************************************
	TEXTFORMATIERUNG
	**********************************************************************/

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


/* 	**********************************************************************
	LAYOUT
	**********************************************************************/

#wrapper { position: relative; width: 800px; padding: 0px 0px 0px 0px; margin: 20px; background: transparent; }
#header { position: relative; width: 100%; margin-bottom: 40px; }

/*	# LOGO */ 
#logo { position: relative; width: 75px; height: 75px; margin-right: 10px; float: left;}
#header address { font-size: 11px; padding: 10px 0px 0px 0px;}

#navigation { position: relative; width: 180px; padding: 0px 0px 0px 0px; background: transparent; float: left; }
#content { position: relative; width: 590px; padding: 0px 0px 0px 0px; background: transparent; float: right}

#breadcrumb { position: relative; width: 590px; padding: 0px 0px 0px 0px; background: transparent; font-size: 11px;}


/* 	**************************************************
	HAUPTMENU
	**************************************************/
.menu { background: transparent url(../img_style/bg_trenner_menu.gif) repeat-x bottom left; width: 100%; }
.menu ul { width: 100%; padding: 5px 0px 10px 0px; }
.menu li { width: 100%; padding: 5px 0px 0px 0px; }
.menu a { color: #000; text-decoration: none; font-weight: normal; }
.menu a.aktiv { color: #fff; text-decoration: none; font-weight: bold; }
.menu a:hover { color: #f69301; text-decoration: none; font-weight: normal; }

#sidemenu { font-size: 11px; }
#sidemenu.menu ul { background: transparent url(../img_style/bg_trenner_menu.gif) repeat-x top left; }
ul.subsubmenu { font-size: 12px; padding: 10px 0px 10px 0px; color: #000;}
ul.subsubmenu li { list-style: disc outside; margin-left: 1.2em; }
ul.subsubmenu a.aktiv { color: #fff; text-decoration: none; font-weight: normal; }


/* 	**************************************************
	FARB-, SCHRIFTGRÖSSEN- und ABSTANDFORMATIERUNG
	**************************************************/

.gap-none { margin-bottom: 0em;}
.gap-small { margin-bottom: 0.5em; }
.gap-normal { margin-bottom: 1.0em; }
.gap-normalplus { margin-bottom: 1.5em; }
.gap-modul { margin-bottom: 2.0em; }
.blankline { width: 100%; height: 1px; } 

.pad-none { padding-bottom: 0em !important; }

.smallfont { font-size: 10px; }
.normfont { font-size: 14px; }
.bigfont { font-size: 18px; }
.largefont { font-size: 24px; }




/* 	**************************************************
	PAGINATOR
	**************************************************/
/*
.paginator, .pages .pag-results { width: 100%; text-align: center; }
.pages { padding: 6px; margin: 0px 0px 1.0em 0px; border: 1px solid #D2D2D2; text-align: center; background: transparent; }
.pages .pag-results { color: #7F7F7F; }
.pages .pag-start { color: #C7C7C9; padding-right: 1.0em; }
.pages .pag-end { color: #C7C7C9; padding-left: 1.0em; }
.pages .pag-thispage { font-weight: bold; padding-right: 0.5em; padding-left: 0.5em; }
.pages a { padding-right: 0.2em; padding-left: 0.2em; }
.pages a.pag-next { padding-right: 0px; padding-left: 1.0em; }
.pages a.pag-prev { padding-right: 1.0em; padding-left: 0px; }
*/


/* 	**********************************************************************
	ARTIKEL / TEXTEDITOR
	**********************************************************************/

.artikel * { line-height: 1.4em; }
.artikel { font-size: 1.0em; }
 

/*	# TEXTE / ABSÄTZE */ 
.txt.intro { font-weight: bold; }
.txt.intro b, .txt.intro strong { color: #000; }
.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; background: #5f6064; border: none; }
.bild span { /*  Bildunterschrift */ display: block; padding: 8px 10px 10px 10px; font-size: 12px; line-height: 1.0em; font-weight: normal;  }
.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; padding: 0px 0px 0px 0px; width: 100%; }
ul.itemliste li { background: #5f6064 center left no-repeat; padding: 10px 10px 10px 80px; margin-bottom: 1px; }
ul.itemliste li.extern { background: #5f6064; padding: 10px 10px 10px 10px; margin-bottom: 1px; }

/*	# GALERIE */ 
.galerie { padding: 10px 0px 0px 10px; width: 580px; overflow: hidden; background: #5f6064; }
.galerie .preview { width: 127px; float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden; }
.galerie a { display: block; width: 125px; height: 125px; text-align: center; background: #000 no-repeat center center; border: 1px solid #5f6064; float: none; }
.galerie a:hover { border-color: #f69301; }
.galerie a img { display: none; }

/*	# TRENNER */ 
.trenner { padding-top: 1px; background: transparent url(../img_style/bg_trenner_menu.gif) repeat-x top left; width: 100%; height: 1px; overflow: hidden; }

/* # ZITATE */
blockquote { padding: 10px 20px 10px 20px; background: #5f6064; }
blockquote p, blockquote * { font-weight: bold; margin-bottom: 0.5em !important; line-height: 1.0em; font-size: 16px; }
blockquote cite { font-weight: normal; }




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

.hide, .zu, .aus { display: none; }
.auf, .an {display: block; }
.stopfloat, .clearfloat { clear: both; }
div.stopfloat { width: 100%; height: 1px; }
.linksfluss { float: left; }
.rechtsfluss { float: right; }
.keinfluss { float: none; }
.no-pad { padding: 0px; }
.no-mar { margin: 0px; }

}