/*
------------------------------------------------------------------------
RESET
------------------------------------------------------------------------
*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input 		{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th 							{ font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol 												{ list-style: none; }
fieldset,img 										{ border: none; }
caption,th 											{ text-align: left; }
table 												{ border-collapse: collapse; border-spacing: 0; }
hr 													{ border:0; border-top: 1px dashed #222; height: 0; background: #FDFDFD; margin-bottom: 20px}
strong												{ color: #585858; font-weight: bold;}
a img												{ border: none;}	
a													{ color: #CB0101; text-decoration:none; outline: 0; }
a:hover												{ color: #000;}
html, body 											{ margin:0pt; padding:0pt;}

br.clear-both, div.clear-both, br.clear-left, div.clear-left {
	-x-system-font:none;
	display:block;
	font-family:monospace;
	font-size:1px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1px;
}
.clear-both 										{ clear:both;}
.clear-left 										{ clear:left;}
.clear-after:after {
	clear:both;
	content:" ";
	display:block;
	height:0pt;
}
.clear-after 										{ min-height:1px;}
.left												{ float: left;}
.right												{ float: right;}
.center												{ margin: auto; text-align: center;}
.btn												{ margin-top: 20px;}
.btn_clear 											{ display: block; position: relative;}
.no													{ text-decoration: line-through;}
/*
------------------------------------------------------------------------
HTML-MAIN
------------------------------------------------------------------------
*/
body {
	color:#444;
	font-family:Arial,Helvetica,sans-serif;
	font-size:75%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.3em;
	/*background: url(images/body_bg_y.png) repeat-y;*/
	/*background: url(images/grid.gif) repeat-y;*/
	
}
img.border {
	padding: 12px 10px;
	background: #222 url(images/picture_bg.png) no-repeat top left;
}
img.flushleft {
	margin-left: -20px;
}
.border_top {
	border-top: #ccc 1px solid;
}
.border_bottom{
	border-bottom: #ccc 1px solid;
	margin-bottom: 5px;
}
.bbb_red {
	border-bottom: #CB0101 5px solid;
	margin-bottom: 5px;
}

/*
------------------------------------------------------------------------
FLASH-CLIPS
------------------------------------------------------------------------
*/
div.swf_frame,
div.swf_380_253 {
	border-top: 1px solid #fff;
	padding: 12px 10px;
	background: #222 url(images/picture_bg.png) no-repeat top left;
}
div.swf_txt {
	color: #AAAAAA;
	font-size: 10px;
	padding-top: 5px;	
}
div.swf_txt h2 {
	margin-top: 15px;
	color: #AAAAAA;
}
div.swf_txt span {
	background: #000;
	color: #FDFDFD;
	line-height: 1.9em;
	padding: 3px 0;
	font-size: 13px;
}
/*
------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------
*/
#header {
	background: url(images/header.png) no-repeat;
	display: block;
	height: 120px;
	border-bottom: dashed 1px #ccc;

}
#main-menu {
	border-top: 5px solid #ccc;
	padding-left: 140px;
	padding-top: 10px;
	height: 50px;
}
/*
------------------------------------------------------------------------
LISTEN UL OL USW
------------------------------------------------------------------------
*/
/*LINK LISTE*/
ul.link_list li {
	padding: 2px 0px;
}

/*LISTE*/
ul.liste {
	margin-top: 10px;
}
ul.liste li {
	padding: 10px 0px;
}
ul.liste li ul {
	list-style: square;
}
ul.liste li ul li {
	padding: 2px 0px;
	padding-left: 10px;
	list-style: square;
}
ul.liste li ul li em {
	font-style: italic;
	color: #AAAAAA;
}
/*
------------------------------------------------------------------------
USER-MENUE
------------------------------------------------------------------------
*/


#user-menu li a:hover{
	color: #CB0101;
	background: none;
}
/*PAGEMENU*/
#page-menu {
	margin:0pt;
	padding:3px 0pt 0pt;
	position:relative;
	width:100%;
	margin-top: 10px;
	margin-bottom: 15px;
}
#main-menu .compact li {
	margin:0pt;
	padding:0pt;
	position:relative;
}
#main-menu .compact {
	padding-bottom:1px;
	min-height:1px;
}
#main-menu .compact > * {
	float:left;
}
#page-menu .compact li {
	margin-left: -20px;
	padding: 0 10px;
}
#page-menu .compact li a {
	padding: 2px 10px;
	color: #000;
	font-weight: bold;
}
#page-menu .compact li a.selected {
	background: #222222;
	color: #f4f4f4;
}
#page-menu .compact li a:hover {
	background: #222222;
	color: #f4f4f4;
	border-left: 3px solid #CB0101;
	padding-left: 7px;
}
.lineMenu {
	list-style-type:none;
}	
.lineMenu > li {
	display:inline;
	float:left;
}
.lineMenu li a {
	padding:0 1ex 0.1em 0pt;
	color: #AAAAAA;
}
.lineMenu li a:hover {
	background-color: #333333;
	color:#AAAAAA;
	text-decoration:none;
}
.lineMenu > li span {
	color:#AAAAAA;
	content:"|";
	font-weight:normal;
	margin-right:1ex;
}
/*PAGE NAV*/
ul#page_nav {
	position: relative;
	display: block;
	height: 20px;
	margin-left: 11px;
}
ul#page_nav li{
	float: left;
	background: #222222;
	margin-top: -1px;
	padding-top: 3px;
	height: 18px;
}
ul#page_nav li.link span {
	color:#f4f4f4;
	content:"|";
	font-weight:normal;
	margin-right:1ex;
}
ul#page_nav li a{
	padding:0 1ex 0.1em 0pt;
	color: #f4f4f4;
	font-weight: bold;
}
ul#page_nav li a:hover{
	color: #CB0101;
}
ul#page_nav li#last{
	background: url(images/page_nav_rr.png) no-repeat right;
	padding-right: 10px;
	color: #AAAAAA;
}
ul#page_nav li#first{
	width: 10px;
	height: 21px;
	padding: 0;
	background: url(images/page_nav_rl.png) no-repeat;
}

/*
------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------
*/
#content {
	padding-left: 120px;
}
.content_block {
	margin-bottom: 20px;
	margin-top:20px;
	width: 860px;
}
.thumbs img {
	border: 2px solid #ccc;
	margin-right: 1px;
}
.thumbs a:hover img {
	border-color: #CB0101;
}
/*
------------------------------------------------------------------------
NEWS
------------------------------------------------------------------------
*/
#news {
	border-top: #ccc 1px dashed;
	padding-top: 20px;
	color: #444444;
	background: url(images/news_bg.gif);
}

/*
------------------------------------------------------------------------
TYPO
------------------------------------------------------------------------
*/
h1 a,
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 34px;
	line-height: 34px;
	letter-spacing: -1px;
	color: #111111;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 5px;
}
h1 b {
	margin: 0px;
	padding: 0px;
	font-size: 34px;
	line-height: 34px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #222;
	text-decoration: none;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: -1px;
	color: #222;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 5px;
}
h1 a:hover {color: #CB0101;}
h3 {
	color:#585858;
	display:block;
	font-family:"Lucida Grande",Tahoma;
	font-size:10px;
	font-variant:normal;
	font-weight:lighter;
	letter-spacing:0.3em;
	height: 15px;
	text-transform:uppercase;
}
p 	{ display: block;}
p.date {
	margin-top: 5px;
	font-size: 10px;
	float: left;
	background: #ccc;
	color: #333;
	padding: 1px 2px;
}
.picture_txt {
	background: #222 ;
	font-size: 10px;
	color: #AAAAAA;
	float: left;
	padding: 1px 4px;
	margin-bottom: 1px;
	line-height: 1.2em;
}
.picture_txt.hinweis {
	background: #CB0101 ;
	font-size: 10px;
	color: #F4F4F4;
	display: block;
	float: none;
	margin-bottom: 0px;
}
.picture_txt.hinweis a {
	color: #000000;
	padding: 0;
	margin:0;
}
.picture_txt.hinweis a:hover {
	color: #FDFDFD;
}
/*
------------------------------------------------------------------------
INFO TRANSFORM
------------------------------------------------------------------------
*/
p.info {
	background: url(images/info_bg.gif);
	color: #444444;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: dashed 1px #ccc;
	display: block;
	margin-top: 5px;
	position: relative;
	font-weight: bold;
}
p.info b {
	float: left;
	position: absolute;
	padding-top: 18px;
	font-size: 80px;
	margin-left: -55px;
	color: #CCCCCC;
}
p.info span {
	display: block;
	font-size: 11px;
	color: #585858;
	font-weight: normal;
	background: #CCCCCC;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
}
span.info {
	font-style: italic;
	color: #0096E1;
}
/*
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------
*/
#footer {
	border-top: #ccc 1px dashed;
	padding-top: 20px;
	color: #AAAAAA;
	margin-bottom: 50px;
	font-size: 11px;
	width: 860px;
}
/*
------------------------------------------------------------------------
BUTTONS
------------------------------------------------------------------------
*/
a.button {
	background: transparent url('images/button_a_bg.png') no-repeat scroll top right;
	height: 32px;
	color: #222;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	display: block;
	float: left;
	margin-right: 6px;
	padding-right: 10px; 
	text-decoration: none;
}
a.button span {
	background: transparent url('images/button_span_bg.png') no-repeat;
	display: block;
	line-height: 16px;
	padding: 7px 0 9px 10px;
}
a.button:hover {
	background-position: bottom right;
	color: #000;
	outline: none;
}
a.button:hover span {
	background-position: bottom left;
	color: #fff;
	padding: 7px 0 9px 10px; 
}
