/* -------------Base styles-------------*/


h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre, fieldset {
   margin: 0;
   padding: 0;
}
legend { display:none; }
img, a img,:link img,:visited img { border:none; }

html {
   min-height: 100%;
   margin-bottom: 1px;
}





/* -------------Body-------------*/

body {
	color: #1f2134;
   font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	background-color: #fff;
	margin: auto;
	padding-top: 1em;
	text-align: center;
}

a:link,  a:visited {
	color: #ff0000;
	text-decoration: none;
}
a:hover{
	color: #ff0000;
	text-decoration: underline;
}




/* -------------Layout-------------*/
#container {
	position: relative;
	width: 56.5em;
	display: block;
	margin: auto;
	text-align: left;
}

#outerwrapper {
	position: relative;
	float: left;
	width: 100%;
	display: block;
   background: #fff url(bg2.gif) 0em 30em repeat-y;
}

#wrapper {
	position: relative;
	float: left;
	width: 44.5em;
	display: block;
}




/* -------------Layout Linke Spalte-------------*/
#leftcol {
	float: left;
	width: 10.5em;
	display: block;
   background-color: #fff;
}

#leftcol #logo{
   text-align: center;
   font-size: 0.7em;
   line-height: 1.4em;
   height: 15.3em;
	border: 2px solid #FF0000;
	background: #FF0000 url(hmv_logo.gif) 0.7em 2.9em no-repeat ;
}
#logo #logodate {
	padding-top:5px;
	padding-bottom:5px;
	background-color: #FFFFFF;
}



/* Version-Layout Box -------------*/
#version {
	margin-top: 0.3em;
	color: #000;
	text-align: left;
	font-size: 0.7em;
	padding: 0px 0px 18px 0px;
	background-color: #f7f7f7;
	border: 2px solid #ff0000;
}
#version .version-titel {
	font-weight: bolder;
	color: #fff;
   padding: 2px 4px 3px 4px;
   background-color: #ff0000;
   margin-bottom: 0.5em;
}
#version .version-copy {
	color: #000;
	padding: 2px 4px 3px 4px;
	margin-bottom: 0.6em;
}

#version ul { list-style: none; padding-left: 4px; }
#version li { padding: 4px 0px 0px 0px; }
#version li a {
   padding: 0px 0px 0px 20px;
   font-size: 1.0em;
   font-weight:bolder;
   line-height: 1.4em;
   color: #939393;
   text-decoration:none;
	background: #f7f7f7 url(checkbox.gif) 1px 1px no-repeat ;
}
#version li .hi {
	background: #f7f7f7 url(checkboxhi.gif) 1px 1px no-repeat
}



/* Navigation -------------*/
#nav {
	padding-bottom: 0.7em;
   text-align: right;
}
#nav ul { list-style: none; }

#nav1 li {
   font-size: 0.7em;
   font-weight:bolder;
   line-height: 1.4em;
   color: #000
   text-decoration:underline;
}
#nav ul li a { color: #000; }
#nav ul .hi {
   color: #fff;
   background-color: #ff0000;
}

#nav1 a:hover { text-decoration:underline; }


/* Presse-Box -------------*/
#presse {
	text-align: left;
   font-size: 0.7em;
	padding: 4px 4px 12px 4px;
	background-color: #f7f7f7;
}
#presse .presse-titel {
   font-weight: bolder;
   padding: 2px 2px 3px 2px;
   background-color: #ddd;
   margin-bottom: 0.5em;
}
#presse a, #presse a:link {
   color: #ff0000;
   font-weight: bolder;
	text-decoration:none;
}
#presse a:hover { text-decoration:underline; }
#presse .thema, #presse .thema:link {
	color: #ff0000;
   font-size: 1.3em;
   line-height: 1.4 em;
   font-weight: bolder;
	text-decoration: none;
   margin-bottom: 1em;
}
#presse .thema:hover { text-decoration:underline; }





/* -------------Layout Mitte-------------*/
#center {
	position: relative;
	float: right;
	width: 33em;
	min-height: 94%;
	display: block;
	background-color: #fff;
}

#center .theme{
   text-align: left;
   font-size: 0.7em;
   font-weight: bolder;
	padding-top: 3px;
	padding-bottom: 4px;
	background-color: #eee;
}

#center #content {
   font-size: 0.7em;
   line-height: 1.4em;
   width: 96%;
}

#center #content ul {
   padding-left: 1.6em;
}
#center #content ul li {
   list-style-type:circle;
   padding: 0.3em 0em 0.3em 0em;
}


#center #content .datum {
	color: #FF0000;
	font-size: 1.0em;
   padding-top: 0.6em;
}
#center #content .topic {
	font-size: 1.9em;
	line-height: 1.2em;
	padding-bottom: 0.2em;
}
#center #content .headline_article {
	font-size: 2.9em;
	line-height: 1.2em;
	padding-bottom: 0.2em;
}
#center #content h1 {
	font-size: 2.0em;
	line-height: 1.2em;
	padding-bottom: 0.4em;
}
#center #content .h1link {
	color: #000000;
}
#center #content .h1link:hover {
	color: #000000;
	text-decoration: underline;
}




#center #content .red_dot { border: 1px solid #DC143C; }
#center #content .grey_dash{ border: 1px solid #CCCCCC; }


/* Blog -------------*/
#blogcomment {
    padding-top: 15px;
	 padding-bottom: 15px;
	 padding-left: 8px;
	 text-align: left;
    color: #000000;
	 background: #E6E6E6;
}
#center .blogbar {
    font-size: 0.7em;
    padding-top: 0.5em;
	 padding-bottom: 1em;
	 text-align: left;
	 color: #000000;
}
.blogbar a, .blogbar a:link {
	 color: #000000;
	 text-decoration: none;
}
.blogbar .hi, .blogbar .hi:link {
    color: #ff0000;
	 text-decoration: none;
	 font-weight: bolder;
}



/* Neue Blog-Nav -------------*/
#center .blognav {
	background: #EEE;
	border-bottom: 1px solid #CFCFCF;
	padding: 10px 0 2px 0;
}

#center .blognav ul {
	display:inline;
	padding: 0;
	margin: 0;
}

#center .blognav ul li {
	display:inline;
	padding: 2px 8px 6px 8px;
	margin: 0;
}

#center ul li.currenttab1 {
	background: #fff;
	border-top: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	font-size: 1.0em;
}
#center ul li.currenttab2 {
	background: #fff;
	border-top: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	font-size: 1.0em;
}
#center ul li.selectstab1 {
	margin-left:205px;
}
#center ul li.selectstab2 {
   margin-left:70px;
}

#center ul li a {
	font-size: 0.8em;
   color: #000;
	font-weight: normal;
	text-decoration: none;
}

#center .tabs {
   float:left;
	padding: 0 0 0 0;
}

.selblog2 {
	width: 90px;
}







/* Buchtipp -------------*/
#buchtipp{
    display: block;
	 padding-top: 20px;
	 text-align: left;
}
#buchtipp hr, #buchtipp-teaser hr { border: 1px dashed #CCCCCC; }
#buchtippbild {
    float: left;
	 width: 130px;
	 padding-left: 0px;
	 padding-bottom: 10px;
	 text-align: left;
}
#buchtippleft {
    float: left;
    width: 10em;
	 text-align: left;
}
#buchtippright {
    float: left;
    width: 31em;
	 text-align: left;
}
#buchtipptext p { text-align: left; }
#buchtipptext h1 {
	 color: #000000;
	 font-size: 1.6em;
    font-weight: bolder;
	 line-height: 1.2em;
}
#buchtipptext h2 {
	 color: #000000;
	 font-size: 1.5em;
    font-weight: bolder;
	 line-height: 1.1em;
}
#buchtipp-teaser {
    display: block;
    height: 13.5em;
    color:#fff;
	 text-align: left;
    font-size: 0.7em;
	 padding: 12px 12px 12px 12px;
	 background-color: #000;
}
#buchtipp-teaser h1 {
	 color: #fff;
	 font-size: 1.6em;
    font-weight: bolder;
	 line-height: 1.2em;
}

#buchtipp-teaser .buchtipp-titel {
	 font-weight: bolder;
    color: #fff;
    padding: 2px 2px 3px 4px;
    margin-bottom:0.8em;
    background-color: #626262;
}
#buchtipp-teaser a, #buchtipp-teaser a:link {
    color:#fff;
    font-weight: bolder;
	 text-decoration:none;
}
#buchtipp-teaser a:hover { text-decoration:underline; }




/* -------------Layout Rechts-------------*/

#rightcol {
    float: right;
	 width: 11em;
	 display: block;
}
#abstand {
    height: 1.0em;
    background-color: #fff;
}


/* Biografie-Box -------------*/
#biografie {
	 text-align: left;
    font-size: 0.7em;
	 padding: 2px 2px 2px 2px;
    background: #626262 url(bg3.gif) 4px 4px no-repeat ;
}
#biografie .biografie-titel {
    font-weight: bolder;
    padding: 2px 2px 3px 4px;
    background-color: #fff;
    margin-top:3em;
}
#biografie .biografie-footer {
    font-weight: bolder;
    padding: 4px 2px 5px 4px;
    background-color: #fff;
}
#biografie a, #biografie a:link {
    color:#000;
    font-weight: bolder;
	 text-decoration:none;
}
#biografie a:hover { text-decoration:underline; }
#biografie .thema, #biografie .thema:link {
	 color: #000;
    font-weight: bolder;
	 text-decoration: none;
}
#biografie .thema:hover { text-decoration:underline; }




/* Termine-Box -------------*/
#termine {
     color:#fff;
	  text-align: left;
     font-size: 0.7em;
	  padding: 4px 4px 12px 4px;
	  background-color: #8A8A8A;
}
#termine .termine-titel {
     color:#fff;
     font-weight: bolder;
     padding: 2px 2px 3px 2px;
     background-color: #626262;
     margin-bottom:0.8em;
}
#termine .datum {
     color: #fff;
     font-weight: normal;
     font-size: 0.9em;
}

#termine a, #termine a:link {
     color:#fff;
	  text-decoration:none;
}
#termine a:hover { text-decoration:underline; }

#termine .thema, #termine .thema:link {
	  color: #fff;
     font-weight: bolder;
	  text-decoration: none;
}
#termine .thema:hover { text-decoration:underline; }




/* Themen-Box -------------*/
#themen {
	  text-align: left;
     font-size: 0.7em;
	  padding: 4px 4px 12px 4px;
	  background-color: #D2D2D2;
}
#themen .themen-titel {
     font-weight: bolder;
     padding: 2px 2px 3px 2px;
     background-color: #B8B8B8;
     margin-bottom:0.8em;
}
#themen a, #themen a:link {
     color:#000;
     font-weight: bolder;
	  text-decoration:none;
}
#themen a:hover { text-decoration:underline; }

#themen .thema, #themen .thema:link {
	  color: #000;
     font-weight: bolder;
	  text-decoration: none;
}
#themen .thema:hover { text-decoration:underline; }



/* -------------Formular-------------*/
.inp100	{
	   font-family: Verdana, Arial, sans-serif;
	   font-size: 11px;
	   display:block;
	   clear:none;
      width:90%;
	   height:auto;
	   border-top:1px solid #73919F;
	   border-right:1px solid #73919F;
	   border-bottom:1px solid #73919F;
	   border-left:1px solid #73919F;
	   background-color:#FFFFFF;
	   margin:2px 0px 2px 0px;
}


/* Formular Elemente -----------------------------------------------------------*/


.sel {
   font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	display:block;
	clear:none;
	width:90%;
	height:auto;
	border-top:1px solid #73919F;
	border-right:1px solid #73919F;
	border-bottom:1px solid #73919F;
	border-left:1px solid #73919F;
	background-color:#F2F6F8;
	margin:2px 0px 2px 0px; 
}


label
{
   width: 6em;
   float: left;
   text-align: left;
   margin: 0 0 0 0;
   clear: both;
}

.input-box
{
   float: left;
   margin-bottom: 15px;
	width: 20em;
   color: #000;
   background: #F7F8F9;
   border: #8E8D8D solid 1px;
}

.input-box-error
{
   float: left;
   margin-bottom: 15px;
	width: 20em;
   color: #000;
   background: #F7F8F9;
   border: #ff0000 solid 1px;
}

.textarea-box
{
   float: left;
   margin-bottom: 10px;
	width: 20.5em;
   color: #000;
   background: #F7F8F9;
   border: #8E8D8D solid 1px;
}

fieldset
{
   width: 100%;
	border: none;
}

.submit {
	clear:both;
	padding-left:3em;
}







#suchbox {
    padding-top: 15px;
	 padding-bottom: 15px;
	 padding-left: 8px;
	 text-align: left;
    color: #000000;
	 background: #E6E6E6;
}

#suchbox .checkbox {
	color: #000;
	text-align: left;
	font-size: 0.7em;
}
#suchbox .checkbox .box {
	margin: 0;
}


.input-box-suche
{
   float: left;
   margin-bottom: 15px;
	margin-left: 8px;
	padding-left:0.3em;
	width: 26em;
   color: #000;
   background: #F7F8F9;
   border: #8E8D8D solid 1px;
}

.submit-search {
	clear:both;
	padding-left:1.5;
}



/*  End Formular Elemente  */