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

				Oliver Kreischer
				Programmierung und Design
				Zellerberg 3
				82340 Feldafing
				
				http://www.kreischer.de
				Telefon: 08157-9993093

Sliedshow		normalzustand #898888
		aktiver zustand #696868

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

:link,:visited { text-decoration:none; }
ul,ol,li  { list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

a:focus { outline: none; }

a, a:active, a:focus, a:visited, a:link {
	color: #438dca;
}

a:hover {
	color: #7fc341;
}


div, p, li, a {background-repeat:no-repeat; }

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

dl		{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol		{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p		{margin-bottom: 14px;}

ul		{list-style: circle;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre		{font-size: 14px;}

a:hover { text-decoration:none; }


/* ######################################################################### */
html {
	min-height: 101%;
	margin-bottom: 1px;
}

body {
	color: #000;
	font-family:  arial,helvetica,sans-serif;
	font-size: 12px;
	font-size: 100.01%;

	
	}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.flLeft { float:left; }
.flRight { float:right; }

.flLeft img {
	float:left;
	margin-right: 15px;
	display: block;
	margin-bottom: 25px;
}

.flRight img {
	float:right;
	margin-left: 15px;
	margin-bottom: 25px;
}

.warning { color:#f00; background: inherit; }

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

.extern {
padding-left:17px;
color: #000;
background:url('ext_link.gif') no-repeat left center;
}

 
#wrapper {
	display: block;
	padding: 0;
	margin: 0;
	width: 930px;
}

#sprache {
	float: right;
	margin-right: 15px;
	width: 20px;
	height: 20px;

}

#logo {
	margin-top: 40px;
	margin-left: 38px;
	width: 60px;
	height: 30px;
	background-image: url(nod_logo.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#logo a {
	display:block;
	width: 60px;
	height: 30px;
	text-indent:-1700em;
	text-decoration: none;
  	background-image: none;	
}

#spalte_eins {
	float: left;
	width: 180px;
	background-color: #fff;
	
}

#zeile_oben {
	
}

#spalte_zwei {
	float: left;
	width: 135px;	
}

#spalte_drei {
	margin-top: 42px;	
	margin-left: 15px;
	float: left;
	width: 600px;
}

#spalte_drei #nurtext{
	margin-top: 70px;	
	margin-left: -150px;
	float: left;
	width: 600px;
}

#nav_main {
	margin-top: 20px;
	margin-left: 38px;
}

#nav_main ul {
	font-size: 12px;
	font-weight: bold;
}
#nav_main ul li {
	margin-bottom: 2px;
	margin-top: 2px;	
}

#nav_main ul li .active {
	border: 1px solid red;
	margin-top: 2px;	

}

#nav_main ul li a {
	color: #000;
	padding: 2px;
	line-height: 17px;	

}
#nav_main ul li a:link,
#nav_main ul li a:visited {
	color: #000;
}
#nav_main ul li a:hover,
#nav_main ul li a:active,
#nav_main ul li a:focus {
	color: #fff;
	background-color: #008bd8;
}

/* highlighted current element */
#nav_main ul li strong {
	color: #fff;
	background-color: #008bd8;
}
#nav_main ul li strong a,
#nav_main ul li strong a:link,
#nav_main ul li strong a:visited {
	color: #fff;
	background-color: #008bd8;
}

/* second level */
#nav_main ul ul {
	margin-bottom: 10px;
}
#nav_main ul ul li {
	font-size: 11px;
	font-weight: normal;
}
#nav_main ul ul li a {
	color: #000;
	background-color: #fff;
	line-height: 15px;	
}

#nav_main ul ul li a:link,
#nav_main ul ul  li a:visited {
	background-color: #fff;
	color: #000;
	font-weight: normal;	
}
#nav_main ul ul li a:hover,
#nav_main ul ul li a:active,
#nav_main ul ul li a:focus {
	color: #008bd8;
	background-color: #fff;
	font-weight: normal;	
}

/* highlighted current element */
#nav_main ul ul li strong {
	color: #008bd8;
	background-color: #fff;	
}
#nav_main ul ul li strong a,
#nav_main ul ul li strong a:link,
#nav_main ul ul li strong a:visited {
	color: #008bd8;
	background-color: #fff;	
}


/*   nav_3rd */

#nav_3rd {
	clear: both;
	display: inline;
	margin-left: 0px;
}

#nav_3rd ul {
	font-size: 11px;
	font-weight: normal;
}
#nnav_3rdul li {
	margin-bottom: 2px;
	margin-top: 2px;	
}

#nav_3rd ul li .active {
	margin-top: 2px;	

}

#nav_3rd ul li a {
	color: #5d5d5d;
	padding: 2px;
	line-height: 15px;	

}
#nav_3rd ul li a:link,
#nav_3rd ul li a:visited {
	color: #5d5d5d;
}
#nav_3rd ul li a:hover,
#nav_3rd ul li a:active,
#nav_3rd ul li a:focus {
	color: #008bd8;
	background-color: #fff;
}

/* highlighted current element */
#nav_3rd ul li strong {
	color: #008bd8;
	background-color: #fff;
	font-weight: normal;
}
#nav_3rd ul li strong a,
#nav_3rd ul li strong a:link,
#nav_3rd ul li strong a:visited {
	color: #008bd8;
	background-color: #fff;
}



/* copy */

.copyright {
	margin-left: 40px;
	font-size: 10px;
	line-height: 11px;
	color: #000;
	margin-bottom: 100px;
}

#artname {
	height: 12px;
	margin-top: 43px;
	font-size: 12px;
	line-height: 12px;	
	color: #000;
}

/* linien */

.trennerdick {
	width: 47px;
	height: 1px;
	background-image: url(trenner_lang.gif);
	margin-top: 50px;
	margin-left: 40px;
	background-color: #000;
	line-height: 2px;
}

.trennerduenn {
	width: 21px;
	height: 1px;
	background-image: url(trenner_kurz.gif);
	margin-top: 50px;
	margin-left: 40px;
	margin-bottom: 10px;
	background-color: #000;
}


#spalte_zwei .trennerdick {
	margin-right: 145px;
	width: 21px;
	background-image: url(trenner_kurz.gif);
	height: 1px;
	float: left;
	margin-top: 25px;
	margin-bottom: 20px;	
	margin-left: 0;
	background-color: #000;
}

#spalte_drei .trennerdick {
	width: 21px;
	height: 1px;
	background-image: url(trenner_kurz.gif);
	float: left;
	margin-top: 10px;
	margin-bottom: 25px;	
	margin-left: 0;
	background-color: #000;
}

h1 {
	color: #000;
	font-size: 30px;
	line-height: 29px;
	margin-bottom: 20px;
}

p {
	font-size: 12px;
}

em {
	font-style: normal;
	color: #008bd8;
}

#spalte_drei .nurtext em {
	font-style: normal;
	color: #008bd8;
}


/*Slideshow*/


pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }

.pics { display: block;height: 452px; width: 602px; padding:0; margin:0; overflow: hidden; }
.pics img { height: 450px; width: 600px;background-color: #f7f7f7; top:0; left:0 }

#nav { margin: 5px 0; width: 600px; text-align: left;}

/*
#playstop {
	display: block;
	width: 50px;
	float: left;
	height: 18px;
	margin-top: 5px;
}

#playstop a.pause{
	padding:0;
	float: left;
	width: 17px;
	height: 18px;
	background-image: url(pause.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}


#playstop a.pause:hover{
	background-image: url(pause.gif);
	background-position: 0 -18px;
	background-repeat: no-repeat;
}


#playstop a.play{
	padding: 0;
	float: left;
	width: 17px;
	height: 18px;
	background-image: url(play.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}


#playstop a.play:hover{
	background-image: url(play.gif);
	background-position: 0 -18px;
	background-repeat: no-repeat;
}
*/


#nav a {
	padding-top: 20px;
	font-size: 11px;
	height: 10px;
	color:#666666; 
	margin: 0 3px;
	text-decoration: none;
	background-image: none;
}

#nav a:visited,
#nav a:link {
	color: #5d5d5d;
	background-image: none;
}

#nav a.activeSlide,
#nav a:focus,
#nav a:hover {
	color: #008bd8;
	background-image: none;
}

#output { text-align: left; }