/* CSS Document www.Horx.com 2014 */

html 			{ overflow-y: scroll; }
body      { margin:0 0 0 0; padding:0 0 0 0; background-color:#FFFFFF;
            font-family:'PT serif',serif; font-size:11px; color:#333333;  
            background-position:center; background-repeat:repeat-y; background-image:url('Backgrounds/Bckgrd-Page.gif'); }
body.MH   { background-image:url('Backgrounds/Bckgrd-MH.gif'); }

/* Colours
---------- */
.red	{ color:#CC0000; }
.blue	{ color:#000066; }

/* Layout
--------- */
#Center		{ width:946px; position:absolute; left:50%; top:20px; margin-left:-473px; padding:0 0 0 0; overflow:hidden; }
#Content  { width:610px; position:relative; top:0px; left:5px; margin:0 0 0 0; padding:0 0 0 0; overflow:hidden; }

#NavLeft  { width:162px; margin:0 0 0 0; padding:0 0 0 0; float:left; }
#NavRight { width:162px; margin:0 0 0 0; padding:0 0 0 0; float:right; }	
#NavExt   { width:152px; margin:0 0 0 10px; padding:0 0 0 0; float:right; }

#Title_SP { width:620px; margin-left:auto; margin-right:auto; padding:0 0 0 0; background-color:#FFFFFF; }
#Title    { width:946px; height:50px; margin:0; padding:0; }

DIV.FutureBooks		 { width:590px; margin:10px 0 0 0; padding:10px 0 0 0; clear:both; border-bottom:solid 1px #CCCCCC; }
DIV.MedienHighlight{ width:590px; margin:10px 0 0 0; padding:10px 0 10px 0; clear:both; border-bottom:solid 1px #CCCCCC; }
DIV.TV-Radio			 { width:590px; margin:10px 0 0 0; padding:0 0 10px 0; clear:both; border-bottom:solid 1px #CCCCCC; }
DIV.Referate  		 { width:585px; height:210px; margin:15px 0 0px -10px; background-color:#666699; padding:0 15px 0 10px; }
DIV.RefMovie 			 { width:256px; height:208px; margin:1px 0 1px 0; float:left; }

div.HorLine { width:100%; height:10px; background-image:url('Backgrounds/HorLine.gif'); background-repeat:repeat-x; 
              margin:0; padding:0; clear:both; }
DIV.ColorBar  { width:585px; height:208px; margin:15px 0 10px -10px; background-color:#666699; padding:0 15px 0 10px; }
div.Spacer	{ width:100%; height:2px; margin:10px 0 10px 0; border-bottom:solid 1px #DEDEDE; clear:both; }

.TreeView  { margin-top:0; padding:0; }

/* Images
--------- */
img						{ border:0;	margin:0; padding:0; display:block; }
img.floatL		{ float:left; margin:0px 15px 8px 0px;
									-moz-box-shadow: 3px 5px 4px #999; -webkit-box-shadow:3px 5px 4px #999; box-shadow:3px 5px 4px #999; 
									/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
									/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); }
img.floatR		{ float:right; margin:0px 5px 8px 15px; 
									-moz-box-shadow: 3px 5px 4px #999; -webkit-box-shadow:3px 5px 4px #999; box-shadow:3px 5px 4px #999; 
									/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
									/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); }

img.center		{ margin:10px auto 15px auto; clear:both; 
									-moz-box-shadow: 3px 5px 4px #999; -webkit-box-shadow:3px 5px 4px #999; box-shadow:3px 5px 4px #999; 
									/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
									/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); }

img.shadow		{ margin:0px 5px 8px 0px;
									-moz-box-shadow: 3px 5px 4px #999; -webkit-box-shadow:3px 5px 4px #999; box-shadow:3px 5px 4px #999; 
									/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
									/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); }
									
img.RedLine			{ margin:5px 0 5px 0; padding:0 0 0 0; clear:both; }
IMG.FutureBooks	{ float:left; margin:0 15px 5px 0; border:0; }
IMG.Nav 			  { border:0; margin:0; padding:0; }
.NavImgs				{ width:155px; height:250px; padding:0 0 0 0; margin:0 0 5px 0; }


#BtnCmmnt	{ width:85px; height:30px; float:right; margin:-5px 15px 0 20px; }

/* Typography
------------- */
h1  { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:2.0em; color:#000066; font-weight:normal; margin:0 0 10px 0; }
h2  { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.4em; color:#000066; font-weight:bold; margin:0 0 15px 0; }
h3  { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.4em; color:#000066; font-weight:normal; margin:1em 0 0.5em 0; }
h4	{ font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000066; font-weight:bold; margin:1em 0 0.5em 0; }

p	       	{ font-size:11px;	margin:0 0 5px 0; line-height:16px; }
p.NavExt  { font-size:11px; margin:0 0 15px 0; line-height:14px; }
p.Termine { margin: 0 0 0 0; }
p.Zitat		{ margin:15px 50px 15px 50px; }
p.FootNote{ margin:5px 0 15px 0; font-size:11px; line-height:14px; font-style:italic; }
p.SubTitle	{ font-weight:bold; color:#000066; }

#Footer p		{ font-size:10px; color:#666666; }


/* Photographs */
DIV.PhotoHoch	{ float:left; width:100px; height:165px; margin:0 10px 10px 0; background-color:#666699; border:solid 1px #230030; }
DIV.PhotoQuer	{ float:left; width:150px; height:125px; margin:0 10px 10px 0;  background-color:#666699; border:solid 1px #230030; }
P.Photos			{ font-size:10px; margin:0 0 0 5px; color:#FFFFFF; }


/* Link styles
-------------- */
#NavExt a					{ color:#BD0926; text-decoration:none; border-bottom:dotted 1px #BD0926; }
#NavExt a:active	{ color:#BD0926; }
#NavExt a:hover		{ color:#BD0926; border-bottom:solid 1px #BD0926; }
#NavExt a:visited { color:#BD0926; }

a.ext					{ color:#BD0926; text-decoration:none; border-bottom:dotted 1px #BD0926; }
a.ext:active	{ color:#BD0926; }
a.ext:hover		{ color:#BD0926; border-bottom:solid 1px #BD0926; }
a:.ext visited { color:#BD0926; }


a.noBorder:link		{ color:#BD0926; text-decoration:none; border:none; display:inline; }
a.noBorder:active	{ color:#BD0926; text-decoration:none; border:none; display:inline; }
a.noBorder:hover	{ color:#BD0926; text-decoration:none; border:none; display:inline; }
a.noBorder:visited{ color:#BD0926; text-decoration:none; border:none; display:inline; }

#Footer a					{ color:#BD0926; text-decoration:none; border-bottom:dotted 1px #BD0926; }
#Footer a:active	{ color:#BD0926; }
#Footer a:hover		{ color:#BD0926; border-bottom:solid 1px #BD0926; }
#Footer a:visited { color:#BD0926; }

/* Layout
--------- */
FullBox								{ width:610px; margin:20px 0 20px 0; padding:0 10px 10px 10px; font-family:'Open Sans', sans-serif; }
div.FullBox h1				{ font-family:'PT Serif',serif; color:#333333; font-size:2.0em; line-height:1.2em; margin:10px  0px 10px 10px; padding:0; font-weight:bold; }
div.FullBox h2				{ font-family:'PT Serif',serif; color:#333333; font-size:1.8em; line-height:1.2em; margin:10px  0px  5px 10px; padding:0; font-weight:normal; }
div.FullBox h3				{ font-family:'PT Serif',serif; color:#333333; font-size:1.3em; line-height:1.4em; margin: 5px  0px  5px 10px; padding:0; font-weight:bold; }
div.FullBox p					{ font-family:'PT Serif',serif; color:#333333; font-size:1.1em; line-height:1.4em; margin: 5px 10px  5px 10px; padding:0; font-weight:normal;}
div.FullBox p.Einr		{ padding-left:145px; }
div.FullBox a					{ color:#BD0926; text-decoration:none; border-bottom:dotted 1px #BD0926; }
div.FullBox a:active	{ color:#BD0926; }
div.FullBox a:hover		{ color:#BD0926; border-bottom:solid 1px #BD0926; }
div.FullBox a:visited { color:#BD0926; border-bottom:dotted 1px #BD0926; }

div.FullBox ol				{ list-style-position:inside; }

#Footer 		 				 	{ width:600px; margin:10px 0 0 0px; padding:0px 0 10px 0px; float:left; }

hr  									{ border:0px; border-top:solid 1px #DDDDDD; border-bottom:transparent; margin:20px 0 20px 0; clear:both; }

/* Lists */
ul				{	margin-top:0.5em; margin-bottom:0.5em; list-style-position:outside; line-height:1.5em; }
ul li			{ margin-top:0.5em; list-style-image:url(Images/ListItem-Dot.gif); }	
ul li li	{ margin-top:0.3em; list-style-image:url(Images/ListItem-Dash.gif); line-height:1.5em;}

OL				{ margin-top:0.5em; margin-bottom:0.5em; line-height:1.5em; }
OL LI			{ list-style-type:decimal; }	
OL OL LI	{ list-style-type:lower-alpha; }	
OL OL OL LI	{	list-style-type:lower-roman;	}	


/* Nach Umstellung aller Pages auf Styles14 aus dem Footer entfernen */
#Footer   	{ width:600px; margin:10px 0 0 5px; padding:0px 0 10px 10px; float:left; }
#Footer a		{ color:#BD0926; }
#Footer p		{ font-size:10px; color:#666666; }

strong			{ color:#333333; }