body{
margin:0;
padding:0;
line-height: 0.9em; 
/* background-color:#59595B; */
background-color:#DEDEC5;
font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000;
font-size:10pt;
}


p{margin:0;padding:0;}
a {border-bottom: #CCCCCC solid 0px;color: #3D6497;text-decoration: none;outline: none;}
a:hover {border-bottom:0px solid;border-bottom-color: #FF9900;color: #000000;}
p, h1, h2, h3, h4, h5, h6, pre {margin-top: 0;}
h1, h2, h3, h4, h5, h6 {padding: 1px 5px;line-height: normal;}
h1 {font-size: 32px;color: #FF6600;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 13px;}
h6 {font-size: 10px;}
hr {height: 1px;color: #999999;}
img {border: 0;}

.imgheader {border-top:10px solid #8D8D8D;border-bottom: 5px solid #8D8D8D;}
.bookmark {font-family: Verdana, Arial, san-serif;font-size:8pt;color:#505050;}



b{font-size: 120%;}
em{color: red;}


b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 1020px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border:0px solid #000;
}

#topsection{
background: #DEDEC5;
padding-right:20px;
height: 70px; /*Height of top section*/
border:0px solid #000;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background-image: url(../images/hintergrund-buch.png);
background-repeat: no-repeat;
}

#contentwrapper-start{
float: left;
width: 100%;
height:650px;
background-image: url(../images/buch-geschlossen.png);
background-repeat: no-repeat;
}



#contentcolumn{
margin-left: 505px; 
height:650px;
border:0px solid #000;
}

#innertube-content{
width: 476px;
height:585px;
margin-top: 20px; 
margin-left:10px;
overflow:auto;
border:0px solid red;
}


#leftcolumn{
float: left;
width: 505px; /*Width of left column*/
margin-left: -1010px; /*Set left margin to -(MainContainerWidth)*/
border:1px aolid #000;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}




#footer{
clear: left;
width: 100%;
background: #898989;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertubebox{
padding: 5px; 
}

#boxmenue {
margin-top: 40px;
padding-right:00px;
height:280px;
width:180px;
line-height: 0.9em;
overflow:hidden;
border:0px solid #FFF;
}


#box{
margin-left:15px;
margin-bottom: -25px;
width:460px;
overflow:hidden;
}

.boxheader {
margin-left:15px;
padding:3px;
height: 18px;
color: #3D6497; 
font-size: 14px; 
font-family:  Verdana, Arial; 
font-weight: bold; 
text-decoration: none; 
text-transform: uppercase; 
border-bottom: 1px dotted;
text-align:left;
}

/* Beginn Topmenü - oben rechts */
#topmenue {
   margin-top:-15px;
	float: right;
}

#topmenue ul {
	float: left;
	text-align: right;
	list-style-type: none;
}

#topmenue li {
	float: left;
}

#topmenue li a {
	float: left;
	display: block;
	padding: 10px 8px 5px 8px;
	border-left: 1px solid #D4D4D4;
	color: #7D7D7D;
	text-decoration: none;
	font-size: .7em;
}

#topmenue li a:hover {
	background: transparent url(../images/tnhover.gif) 0 0 repeat-x;
}

#lswitch {
	float:right;
	margin: 8px 15px 0 0;
	font-size: .7em;
}

#lswitch select {
	font-size: 1em;
}
/* Ende Topmenü */


/* Vertikales Menü */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 12px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 2px 2px 2px 2px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin-top: 10px;
padding-right: 10px;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #666666;
text-align:right;
display: block;
padding: 2px 0;
padding-left: 5px; /*link text is indented 19px*/
padding-right:8px;
text-decoration: none;
font-weight: bold;
border-bottom: 0px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #666666;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000;
padding-right:5px;
border-right: 3px solid #339933;
}







/* Beginn Mainmenü */
#mainmenue {
	clear: both;
	width: 971px;
	height: 32px;
background-image: url(../images/menuhover.gif) repeat-x;
}

#mainmenue ul {
	display: inline;
	list-style-type: none;
background-image: url(../images/menuhover.gif) repeat-x;
}

#mainmenue li {
	float: left;
	white-space: nowrap;
   
}

#mainmenue ul li a {
	float: left;
	height: 23px;
	margin-top: 1px;
	padding: 7px 15px 0 15px;
	color: #000;
	font-size: .7em;
	text-decoration: none;
	border-right: solid 1px #bbb;
}

#mainmenue ul li a:hover {
	color: #fff;
	background: transparent url(../images/menuhover.gif) 0 -5px repeat-x;
}

#mainmenue ul li a.sel {
	color: #CFCFCF;
}

#mainmenue li.right {
	float: right !important;
	white-space: nowrap;
}

#mainmenue li.right a {
	border-right: 0 !important;
	border-left: solid 1px #bbb;
}

/* Ende Mainmenü */ 

/* Beginn Submenü */

.markermenu{
width: 208px; /*width of menu*/
color:#A40000;
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 0px solid #9A9A9A;
color:#A40000;
}

.markermenu ul li a{
background: url(../images/liststyle.jpg) no-repeat 2px center;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px dotted #B5B5B5;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #A40000;
}

.markermenu ul li a:hover{
color: #000;
background-color: #FEFDEB; 
background-image:url(../images/liststyle.jpg); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */