/* Webseite Template */

*{
padding:0;
margin:0;
}

body {
font-size:63%;
background-color:#131e21;
font-family:verdana,arial,sans-serif;

}




/* Font-size: 1.0em */
.page-container {
width:960px;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
font-size:1em;

}


/* Main-Teil, umschließt den gesamten Inhalt ab Drop Down Navigation */

.main {
clear:both;
width:958px;
padding-bottom:30px;
border-left:solid 1px #dedcdc;
border-right:solid 1px #dedcdc;
background-color: #f7f5f3;
}

/* Navigationsleiste links */
.main-navigation {
display:/*Fix IE floating margin bug*/
inline;
float:left;
width:200px;
overflow:/*Firefox*/
visible!important;
overflow:/*IE6*/
hidden;
background:#ffffff;
}

.main-content {
display: inline;
/*Fix IE floating margin bug*/
float:left;
width:567px;
margin:2px 2px;

overflow:/*Firefox*/
visible!important;
overflow:/*IE6*/
hidden;
background-color:#ffffff;
border:solid 1px #dedcdc;

}


/* Column in der Mitte der Webseite */
.column1 {
width:100%; 
margin-bottom:30px !important /*Non-IE6*/; 
margin-bottom:30px /*IE6*/;
padding-bottom:30px !important /*Non-IE6*/; 
padding-bottom:30px /*IE6*/;
border:solid 0px #dedcdc;

}


/* MAIN CONTENT */
.main-content h1 {clear:both; margin:0.0em 0em 1.0em 0.0em; font-family:arial,sans-serif; background-color:#fff; font-weight:normal; font-size:140%;}
.main-content h1 a {color:#057acb; margin:0px 0 7px 4px; font-size:18px; font-weight:normal; text-decoration:none;}

/*.main-content h1 {clear:both; margin:1.0em 1em 0.5em 0; font-family:arial,sans-serif; background:url(../img/bg_nav2.jpg) repeat; color:#047ad4; font-weight:normal; font-size:190%;}*/
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:180%;}
.main-content h3 {clear:both; margin:-1.0em 0.0em 0.5em 0.5em; font-family:arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:110%;}
.main-content h3 a {color:#ffa500; font-weight:bold; font-size:11px; text-decoration:none;}


.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:120%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:120%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}

.main-content p {
font-family:arial,verdana,sans-serif; 
line-height:1.5em;
font-size:12px;
margin:0.8em 0.5em 0.5em 0.5em;
}



.main-content p.left {
font-family:arial,verdana,sans-serif; 
line-height:1.5em;
font-size:120%;
margin:0.0em 0.5em 0.5em 0.5em;
}

.main-content p.center {
text-align:center;
}

.main-content p.right {
text-align:right;

}

.main-content p.details {
clear:both;
line-height:1em;
font-size:110%;
margin:-.25em 0 1em;
}



.main-content blockquote {
clear:both;
font-size:100%;
color:#404040;
margin:0 30px .6em;
}


.main-content li {
font-family:arial,verdana,sans-serif; 
line-height:1.5em;
font-size:120%;
margin:0.1em 0.5em 0.0em 1.5em;
}

/* Navigation rechts */

.main-navright {
display:/*Fix IE floating margin bug*/
inline;
float:right;
width:185px;
margin:0;
overflow:/*Firefox*/
visible!important;
overflow:/*IE6*/ hidden;
}





.footer_2 {
clear:both;
width:960px;
padding:0.5em 0;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
background:#fff;
background:#f2a818 url('http://www.dnzone.de/img/bg_nav2.jpg')  top;
font-family:arial,sans-serif; background-color:#000000; font-weight:normal; font-size:120%;
text-align:center;
overflow:/*Firefox*/
visible!important;
overflow:/*IE6*/
hidden;
}


/* Header - Pfadangabe - Suchfunktion */
.header {
width:953px;
background-color:#e9e7e7;
}

.header-top {
width:958px;
height:140px;
border-top:solid 1px;
border-left:solid 1px #dedcdc;
border-right:solid 1px #dedcdc;

background:#000;
overflow:/*Firefox*/
visible!important;
overflow:/*IE6*/
hidden;
}

.header-bottom {
width:958px;
border-bottom:solid 1px;
border-color:#000;
border-left:solid 1px #dedcdc;
border-right:solid 1px #dedcdc;
border-top:solid 1px;
}

.header-breadcrumbs {
clear:both;
width:958px;
padding:1em 0 1.0em;
border-left:solid 1px #dedcdc;
border-right:solid 1px #dedcdc;
background:url(../img/bg_pfad.jpg);
}


/*
.header .round-border-topleft {
width:25px;
height:25px;
position:absolute;
z-index:100;
background:url(../img/bg_head_corner_topleft_25px.gif) no-repeat;
margin-top:-3px;
margin-left:-3px;
}

.header .round-border-topright {
width:25px;
height:25px;
position:absolute;
z-index:100;
background:url(../img/bg_head_corner_topright_25px.gif) no-repeat;
margin-top:-3px;
margin-left:932px;
}
*/


/* Header 2 */

.sitelogo {
width:958px;
height:140px;
position:absolute;
z-index:1;
margin:0;
background:url(../img/dnzone_logo.jpg);

}

.sitename {
width:300px; 
height:45px; 
position:absolute; 
z-index:1; 
margin:23px 0 0 75px; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;
}


.sitename h1 {
font-weight:400;
font-size:240%;
}

.sitename h2 {
margin:-2px 0 0;
color:#7d7d7d;
font-weight:400;
font-size:120%;
}

.sitename a {
text-decoration:none;
color:#7d7d7d;
}

.sitename a:hover {
text-decoration:none;
color:#7d7d7d;
}



/*Navigation Drop-Down */
.nav2 {
white-space:/*IE hack*/
nowrap;
float:left;
width:958px;
color:#fff;
background:url(http://www.dnzone.de/img/bg_nav2.jpg) repeat;
font-size:130%;

}

.nav2 ul {
list-style-type:none;
}

.nav2 ul li {
float:left;
z-index:/*Non-IE6*/
auto!important;
z-index:/*IE6*/
1000;
border-right:solid 1px #000;
background:url(../img/bg_nav2.jpg) repeat;
}

.nav2 ul li a {
float:/*Non-IE6*/
none!important;
float:/*IE-6*/
left;
display:block;
height:2.1em;
line-height:2.1em;
padding:0 16px;
text-decoration:none;
font-weight:400;
color:#fff;

}

.nav2 ul li ul {
display:none;
border:none;
}

/*Non-IE6 hovering*/
.nav2 ul li:hover {
position:relative;

}

/*Sylvain IE hack*/
.nav2 ul li:hover a {

text-decoration:none;
background-color:#f28708;
}

/*Color main cells hovering mode*/
.nav2 ul li:hover ul {
display:block;
width:10em;
position:absolute;
z-index:999;
top:2em;
margin-top:.1em;
left:0;
background-color:#f28708;
}

.nav2 ul li:hover ul li a {
white-space:normal;
display:block;
width:10em;
height:auto;
line-height:1.3em;
margin-left:-1px;
padding:4px 16px;
border-left:solid 1px #000;
border-bottom:solid 1px #000000;
background-color:#ffa500;
font-weight:400;

}

/*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {
background-color:#d7d7d7;
text-decoration:none;
}

/*Color subcells hovering mode*/
/*IE6 hovering*/
.nav2 table {
position:absolute;
top:0;
left:-1px;
border-collapse:collapse;
}

.nav2 ul li a:hover {
position:/*Sylvain IE hack*/
relative;
z-index:/*Sylvain IE hack*/
1000;
background-color: #f28708;
background: url(../img/nav_hover.gif);
text-decoration:none;
}

/*Color main cells hovering mode*/
.nav2 ul li a:hover ul {
display:block;
width:10em;
position:absolute;
z-index:999;
top:2.1em;
top:2em;
left:0;
margin-top:.1em;
}

.nav2 ul li a:hover ul li a {
white-space:normal;
display:block;
width:10em;
height:1px;
line-height:1.3em;
padding:4px 16px;
border-left:solid 1px #afafaf;
border-bottom:solid 1px #afafaf;
background-color:#f28708;
font-weight:400;
color:#323232;
}

/*Farben Unterzellen Normal*/
.nav2 ul li a:hover ul li a:hover {
background-color:#d7d7d7;
text-decoration:none;
}

/*Farben Unterzellen Hover*/
.header-breadcrumbs ul {
float:left;
width:564px;
list-style:none;
padding:0 0 0 15px;
font-family:verdana,arial,sans-serif;
}

.header-breadcrumbs ul li {
display:inline;
padding:0 0 0 10px;
background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%;
font-weight:700;
color:#7d7d7d;
font-size:100%;
}

.header-breadcrumbs ul a {
color:#467aa7;
text-decoration:none;
}

.header-breadcrumbs ul a:hover {
color:#2a5a8a;
text-decoration:underline;
}

.header-breadcrumbs .searchform {
float:right;
width:285px;
padding:/*Non-IE6*/
0 17px 0 0!important;
padding:/*IE6*/
0 12px 0 0;
}

.header-breadcrumbs .searchform form fieldset {
float:right;
border:none;
}

.header-breadcrumbs .searchform input.field {
width:10em;
padding:.2em 0;
border:1px solid #dedcdc;
font-family:verdana,arial,sans-serif;
font-size:120%;
}

.header-breadcrumbs .searchform input.button {
width:3em;
padding:/*Non-IE6*/
1px!important;
padding:/*IE6*/ 0;
background:#e6e6e6;
border:solid 1px #dedcdc;
text-align:center;
font-family:verdana,arial,sans-serif;
color:#969696;
font-size:120%;
}

.header-breadcrumbs .searchform input.button:hover {
cursor:pointer;
border:solid 1px #dedcdc;
background:#dcdcdc;
color:#505050;
}


/* Main Navigation */
.main-navigation .round-border-topright {
width:10px;
height:10px;
position:absolute;
z-index:100;
margin:0 0 0 190px;
background:url(../img/bg_corner_topright.gif) no-repeat;
}



/* Navigationsteil rechts*/
.subcontent-unit-border {
width:183px;
margin:0 0 2em;
padding:0 0 5px;
border:solid 1px #dedcdc;
background:#fff;
}

.round-border-topleft {
width:10px;
height:10px;
position:absolute;
z-index:100;
background:url(../img/bg_corner_topleft.gif) no-repeat;
margin-top:-1px;
margin-left:-1px;
}

.round-border-topright {
width:10px;
height:10px;
position:absolute;
z-index:100;
background:url(../img/bg_corner_topright.gif) no-repeat;
margin-top:-1px;
margin-left:174px;
}





/*  Clear floats  */

.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}
.footer_2:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:490px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}



/*  PRINTING and MISCELLANEOUS  */

@media print {
.header-top {
width:954px;
height:80px;
background:#f0f0f0;
overflow:/*Firefox*/
visible!important;
overflow:/*IE6*/
hidden;
}
}

@media print {
.header-breadcrumbs {
width:954px;
background:transparent;
}
}

@media print {
.nav2 {
float:left;
width:954px;
border:none;
background:#f0f0f0;
color:#4b4b4b;
font-size:1em;
font-size:130%;
}
}

/*Color navigation bar normal mode*/
@media print {
.main {
clear:both;
width:954px;
padding-bottom:30px;
background:transparent;
}
}

@media print {
.main-navigation {
display:/*Fix IE floating margin bug*/
inline;
float:left;
width:199px;
border-right:solid 1px #c8c8c8;
border-bottom:solid 1px #c8c8c8;
background-color:#f0f0f0;
overflow:/*Firefox*/
visible!important;
overflow:/*IE*/
hidden;
}
}

@media print {
.footer_2 {
clear:both;
width:958px;
height:3.7em;
padding:0.0em 0 0;
background:#f0f0f0;
font-size:1em;
overflow:/*Firefox*/
visible!important;
overflow:/*IE6*/
hidden;
}
}






/*  Apexx  */

/*
img 
	{clear:both; float:right; margin:10px 0 7px 10px; padding:1px; border:1px solid rgb(0,0,0);}


*/


.header, .main, .foot {
	position:relative;
	clear:both;
}


/* HEADER LINIEN */
.header_line1 {
	width:100%;
	height:9px;
	background:#383838;
}


.header_line2 {
	position:absolute;
	top:2px;
	width:100%;
	height:5px;
	background:#FFFFFF;
}


.header_line3 {
	position:absolute;
	top:3px;
	width:100%;
	height:3px;
	background:#D6511D;
}


/* HEADER MENÜ */
.header_menu {
	position:absolute;
	z-index:100;
	top:0px;
	left:100%;
	width:250px;
	margin-left:-250px;
	height:38px;
	background:#383838;
	background-image:url('bg_menu.gif');
	background-repeat:repeat-x;
}


.header_menu_edge {
	float:left;
}


.header_menu_buttons {
	padding-top:3px;
	padding-right:10px;
	text-align:right;
}

.header_menu_buttons a {
	margin:0px 5px;
}


/* FOOTER LINIEN */
.foot_line1 {
	width:100%;
	height:25px;
	background:#383838;
}


.foot_line2 {
	position:absolute;
	top:2px;
	width:100%;
	height:8px;
	background:#FFFFFF;
}


.foot_line3 {
	position:absolute;
	top:3px;
	width:100%;
	height:6px;
	background:#D6511D;
}











/* CONTENT */
.navi1, .navi2 {
	color:#f2f2f2;
	width:150px;
	font-size:11px;
	margin-bottom:10px;
}

.navi1 {
	float:left;
	border-right:1px solid #383838;
	border-bottom:1px solid #383838;
	background:#383838 url('nav_bg1.gif') left repeat-y;
}


.navi2 {
	float:right;
	border-left:1px solid #383838;
	border-bottom:1px solid #383838;
	background:#383838 url('nav_bg2.gif') right repeat-y;
	padding-top:6px;
	margin-top:29px;
}


.navi1 a:link,
.navi1 a:active,
.navi1 a:visited,
.navi2 a:link,
.navi2 a:active,
.navi2 a:visited {
	color:#f2f2f2;
	text-decoration:none;
}


.navi1 a:hover,
.navi2 a:hover {
	text-decoration:underline;
}

.logo {
	padding:5px 5px 7px 5px;
}


.navi_header {
	color:#f2f2f2;
	font-weight:bold;
	padding:7px 0 7px 10px;
	background-image:url('bg_nav.gif');
}


.navi_sub, .navi_content {
	padding:2px 2px 10px 7px;
}


.navi_sub a {
	display:block;
	font-weight:bold;
	padding-left:8px;
	background-image:url('nav_dot.gif');
	background-repeat:no-repeat;
}


h1 {
	font-weight:normal;
	font-size:22px;
	margin:0px 0px 15px 0px;
}

h1 a:link,
h1 a:active,
h1 a:visited {
	color:#047ad4;
	font-weight:normal;
	text-decoration:none;
}

h1 a:hover {
	text-decoration:underline;
	color:orange;
	
}



.content {
	float:left;
	padding:10px 0px 10px 15px;
	color:#4d585b;
	font-size:14px;
}


.content_position {
	clear:both;
	width:660px;
}


.content_position {
	font-size:12px;
}


/* COPYRIGHT */
.copyright {
	position:absolute;
	top:11px;
	width:99%;
	text-align:right;
	font-size:10px;
	color:#FFFFFF;
}


.copyright a:link,
.copyright a:active, 
.copyright a:visited {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}


.copyright a:hover {
	text-decoration:underline;
}