/* CSS */

/*_____ Positionierung _____*/ 

body { text-align: center; min-width: 990px; margin: 62px 0; background-color: black; }
#scope, #welcome { width: 970px; margin: 0 auto; text-align: center; position: relative; }
#header { }
#article, #vertical { clear: both; width: 960px; position: relative; margin-bottom: 30px; }
#sidebar { width: 180px; float: left; }
#imgpart { float: right; width: 720px; }
#caption { width: 180px; top: 420px; left: 0px; position: absolute; text-align: right; height: 50px; }
#more, #vertical #imgpart { padding-bottom: 60px; } /* bottom elements */

#imgpart span a { font: 24px Garamond, Baskerville, Constantia, "Times New Roman", Times, Georgia, serif; width: 315px; padding: 10px 15px; display: block; }
#left { float: left; text-align: right; width: 340px;}
#right { float: right; text-align: left; width: 340px;}

#footer { clear: both; padding-top: 30px; width: 720px; text-align: left; padding-left: 240px;  color: gray; }

/*_____ Bild-Navigation _____*/ 


/*_____ Erscheinung _____*/

img#main { border: 1px solid #2a2a2a; width: 719px; height: 478px; background-color: #222; }

h1, h2, h3, div, ul, li { 
	font: 13px Calibri, Arial, Helvetica, sans-serif; margin: 0; line-height: 18px; color: #ddd; }

div#caption, div#caption a { color: #555; font: 13px Baskerville, Constantia, Garamond, "Times New Roman", Times, Georgia, serif; text-align: right; }

em { font-style: normal; }
#caption em { color: #393939; }

#logo h1, #logo h2{ font: 16px Garamond, Baskerville, Constantia, Palatino, "Times New Roman", Times, Georgia, serif; text-transform: uppercase; text-align: left; line-height: 21px; letter-spacing: 0.05em; } 

#logo { width: 140px; margin-bottom: 16px; margin-left: 40px; padding: 0 0 15px 0;
	background-image: url(images/streifen.gif); background-position: 0px 46px; background-repeat: no-repeat;}
#logo h2 { display: none; }

/* #logo { width: 140px; margin-bottom: 32px; margin-left: 40px; padding: 0 0 7px 0;  border-bottom: 12px solid #333;  } */

#sidebar > ul { padding: 0px; text-align: right; width: 180px }
#sidebar > ul > li { font-size: 12px; font-weight: normal; list-style-type: none; line-height: 18px;}
#sidebar > ul > li > a:after { color: #555; } 
#sidebar > ul li ul li { font-weight: normal; font-size: 11px; margin-right: 0; line-height: 18px; }
#sidebar > ul li a:hover { color: #999; }
#sidebar > ul li ul li a:hover { color: #ffa3dd; }
#sidebar ul, #sidebar ul ul { list-style: none; margin-bottom: 0px; }

.sel a, .sel li a { color: fuchsia; }

/*_____ Hochformat _____*/

#vertical div#imgpart { float: right; width: 720px; text-align: left; }
#vertical img#main { border: 1px solid #2a2a2a; width: 358px; height: 478px; background-color: #222; text-align: left; }
#pfeile { clear: both; }

/*_____ Vorschau-Bilder _____*/


/*_____ Links _____*/

a, #logo a:hover { text-decoration: none; color: white; }
a:active, ul#navigation a:active { color: #ffa939; padding-top: 1px;}
#sidebar ul ul li a { color: #aaa;}

#rss a:hover { color: orange; }

#footer, #footer a { color: #222; text-transform: capitalize; }


/*_____ Debug _____ 

div, p, span, a { border: 1px dashed #333; margin-bottom: 1em; } */