@charset "utf-8";
/* CSS Document /* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

0. Import CSS
1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

/* 0. Import CSS */

	@import url("lightbox.css");
	@import url("cms.css");
	@import url("clearfix.css");

/* ########################################################################################################
######################################################################################################*/   

/* 1. Standards */
* { 
	behavior: url(iepngfix.htc);
}

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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0;
border:0 none;
margin:0;
outline-color:invert;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
font:12px/20px "Verdana",sans-serif;
color:#888888;

}
body {line-height:1;}
ol, ul{list-style-image:none;list-style-position:outside;list-style-type:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
*:focus {outline-color:invert;outline-style:none;outline-width:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

html[xmlns^="http"] {overflow-y:scroll;}
h1 {font:lighter 18px/165% "Verdana",sans-serif;color:#000;}
h2 {font:lighter 16px/165% "Verdana",sans-serif;color:#000;}
h3 {font:bold 14px/165% "Verdana",sans-serif;color:#000;}
h4 {font:bold 12px/165% "Verdana",sans-serif;color:#000;}
p {padding:0 0 10px 0;}

/*######################################################################################################
######################################################################################################*/
html,body {width:100%;height:100%;}
/* 2. Layout */

.b1 {background:url(../images/layout/back1.jpg) fixed center center;}
.b2 {background:url(../images/layout/back2.jpg) fixed center center;}
.b3 {background:url(../images/layout/back3.jpg) fixed center center;}
.b4 {background:url(../images/layout/back4.jpg) fixed center center;}
.b5 {background:url(../images/layout/back5.jpg) fixed center center;}
.b6 {background:url(../images/layout/back6.jpg) fixed center center;}
.b7 {background:url(../images/layout/back7.jpg) fixed center center;}
.b8 {background:url(../images/layout/back8.jpg) fixed center center;}
.b9 {background:url(../images/layout/back9.jpg) fixed center center;}

#container_outer {position:absolute;top:50%;margin-top:-255px;width:100%;height:511px;background:url(../images/layout/opacyti20.png);}
* html #container_outer {background:none;}
#container {width:900px;margin:0 auto;}
#wrap_left {width:450px;float:left;}
#wrap_right {width:450px;float:right;}
#logo {text-indent:-9999px;display:block;width:450px;height:150px;background:url(../images/layout/logo.png);cursor:pointer;}
#eyemenu {width:450px;height:44px;background:url(../images/layout/eyecatcher_menu.png);}

/*---------------------------------*/

#content {width:420px;min-height:285px;height:auto !important;height:285px;background:url(../images/layout/content_back.png);padding:10px 10px 10px 20px;}
* html #content {background:#fff;}
/*---------------------------------*/

#footer {width:450px;height:76px;background:url(../images/layout/footer_back.png) no-repeat;}

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */
#eyemenu ul {padding:20px 0 0 0;width:257px;height:44px;float:left;}
#eyemenu ul li {float:left;color:#8e8e8e;font-size:10px;}
#eyemenu ul li a {color:#8e8e8e;text-decoration:none;margin:0 5px;font-size:10px;}
#eyemenu ul li a:hover, #eyemenu ul .current a {color:#fff;}

#eyecatcher {text-indent:-9999px;width:193;height:44px;display:block;}

#menu {width:440px;height:28px;background:url(../images/layout/menu_back.png);margin-top:97px;padding:25px 0 0 10px;overflow:hidden;}
#menu li {float:left;color:#8e8e8e;width:80px;text-align:center;margin-right:8px;}
#menu li a {color:#8e8e8e;text-decoration:none;}
#menu li a:hover, #menu .current a {color:#fff;}
/*######################################################################################################
######################################################################################################*/

/* 4. Content */
.br_ie {line-height:0;}
*+html .br_ie {line-height:20px;}
* html .br_ie {line-height:20px;}
.titel {font-weight:bold;}
.hacken {padding:10px 0 10px 40px;background:url(../images/layout/hacken.jpg) 5px 12px no-repeat;border-bottom:1px dashed #d9d9d9;}
.hacken:hover {padding-left:40px;background:url(../images/layout/hacken_o.jpg) 5px 12px no-repeat;}
.col_left {width:190px;float:left;}
.col_right {width:190px;float:right;}
#footer dl {padding:7px 0 0 20px;}
#footer dt, #footer dd {font-size:10px;line-height:14px;width:215px;float:left;}
*+html #footer dt, *+html #footer dd {line-height:8px;}
* html #footer dt, * html #footer dd {line-height:8px;}
.datenschutzhinweis {font-size:10px;}
.hr { height:5px; background:url(../images/layout/hr.jpg) repeat-x top;margin:3px 0 0 0;}

.pic {border: 10px solid #d9d9d9;background:#fff url(../images/progress.gif) no-repeat center center;outline:none;}
.pic:hover{border: 10px solid #3c3c3c;}
.picnohover {border: 10px solid #d9d9d9;background:#fff url(../images/progress.gif) no-repeat center center;}

.marginr20 {margin-right:20px;}
.marginl20 {padding-left:20px;}

ul.liste {margin:0 0 20px 0;padding: 0;list-style:none;}
ul.liste li {padding:5px 0 5px 25px;border-bottom:dashed 1px #ccc;margin:0 10px 0 0;line-height:18px;list-style:none;}
ul.liste li:hover {color:#333;background: #f7f8f8;}
*html ul.liste li {/*	line-height: 20px;*/height:20px;}
ul.liste a.active {font-weight:bold;}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:link, a:visited, a:active, a:focus, .escape span {text-decoration:underline;color:#000;outline:none;white-space:nowrap;}
a:hover, a:hover span {text-decoration:none;color:#000;}

/*---------------------------------*/

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}

a[href$=".zip"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/zip.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}

a[href$=".rar"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/rar.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}

/*######################################################################################################
######################################################################################################*/