/* allgemeine Formate */
body {background-color:#cccccc;	background-image:url(../images/seitenhintergrund.gif);	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	line-height:14px;	color:#666666;	text-align:center;	margin:20px auto 20px;	background-attachment:fixed;	background-position:0px 0px;}
#paper {height:auto; margin:0px auto;	text-align:left; background-color:#FEFEFE; border:1px solid #BBBBBB; clear:both; }
form, ul, dl {list-style-type:none; padding:0; margin:0;}
#paper, #navcontainer, #logo, #footer {width:640px;}
.flashfile {display:inline;}
.achtung {color:#bea029; margin-top:20px;}

/* Slideshow */
#slideshow {width:140px; height:20px; list-style-type:none; position:relative; bottom:15px; left:264px; z-index:1; margin:0px auto; padding:0px;}
#slideshow li {width:20px; float:left; margin-right:1px;}
#slideshow a {width:100%; display:block; text-align:center; color:#666; background-image:url(../images/slideshow.png);	text-decoration:none;}
#slides {position:relative; top:0px; left:0px; z-index:0;}

/* Navigation horizontal*/
#navcontainer {height:18px; margin-bottom:2px; border-bottom:1px solid #DDDDDD; clear:both;}
#navcontainer ul {text-align:center;	float:left;}
#navcontainer ul li {display:block;	float:left;}
#navcontainer ul li a {width:128px;	height:18px; color:#999999;	background-color:#EEEEEE;	text-decoration:none;	display:block;	font-size:10px; font-weight:normal;	line-height:18px;	vertical-align:middle;}
#navcontainer ul li a:hover,
#slideshow a:hover {background-color:#DDDDDD;}
body#startseite a#startseitenav,
body#arbeitsproben a#arbeitsprobennav,
body#vita a#vitanav,
body#interaktiv a#interaktivnav,
body#kontakt a#kontaktnav {background-color:#DDDDDD;}

/* Navigation vertikal */
.index .uebersicht,
.fotoindex .fotouebersicht {height:0px; overflow:hidden; visibility:hidden;}
.uebersicht a, .fotouebersicht a {color:#666666;}

/* links */
a  {color:#CC0000; font-weight:normal; text-decoration:none;}
a:hover {color:#AA0000; text-decoration:underline;}
#linkespalte2 a {line-height:16px; width:100%; display:block; border-bottom:1px dotted #E6E6E6;}
#linkespalte2 a:hover {background-color:#F5F5F5;}
#linkespalte2 .mini a {border-width:0px; width:40px; display:inline;}
.fliesstext {font-weight:bold;}

/* Kopf */
#logo {text-align:right; padding:20px 0px 14px; border-bottom:1px solid #DDDDDD;	}
#hometeaser, #subteaser {background:#FEFEFE url(../images/loading-100x100.gif) no-repeat 0 0;width:640px; height:170px;	padding-bottom:2px;	border-bottom:1px solid #DDDDDD; clear:both; overflow:hidden; z-index:11; position:relative;}
#subteaser {height:100px;}

/* Intro / Arbeitsproben */
#intro, #spalte1, #outtro {width:600px; position:relative; left:20px; top:15px;}
#outtro {padding-top:15px; margin-bottom:15px; clear:both }

/* Textspalten */
#linkespalte2{width:170px; position:relative; left:20px; float:left; margin-bottom:15px; overflow:hidden;}
#rechtespalte2 {width:410px; position:relative; right:20px; float:right; margin-bottom:15px;}
#portrait {padding:10px; border:1px solid #DDDDDD; margin:50px 0px 0px 0px;}
#linkespalte2 .icon {margin:0px 5px 0px 0px;	vertical-align:middle;}
#rechtespalte2 img {margin:5px 6px 0px 2px; float:right;}
#rechtespalte2 .icon {margin:0px 5px 0px 0px;	vertical-align:middle;}
#rechtespalte2 .thumb {margin:0px 0px 0px 6px; float:right; border:1px solid #BBBBBB}
#vita ul.orion {padding:0px; margin:5px 0px 0px 0px; list-style-type:none; }
#vita ul.orion li {}
#vita ul.orion li a {}
#vita ul.orion li a:hover {}
.mini img {margin:0px 2px 2px 0px;}

/* Formular */
#formular {margin:10px 0px 10px 0px;}
#formular *, #blogbox * {font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;}
#formular textarea, #blogbox textarea {width:366px; height:100px; border:1px solid #CCCCCC; margin-bottom:3px;}
#formular input, #blogbox input, #blogbox .forminaktiv {width:160px; border:1px solid #CCCCCC; margin-right:3px; float:left;}
#formular input {width:180px;}
#blogbox .formaktiv {border:1px solid #CC0000;}
#blogbox textarea,
#blogbox input {width:160px; float:none;}
#blogbox .submit, #blogbox .oversubmit {width:163px;}
#blogbox .oversubmit {border:1px solid #CC0000;}

/* Fotos */
.foto img {margin-top:15px; border:1px solid #CCCCCC;}

/* Texte */
h1, h2, h3, dt {color:#666666;	width:100%; font-weight:bold; font-size:10px;	margin:35px 0 0; padding-bottom:2px;	letter-spacing:2px; border-bottom:1px dotted #DDDDDD;}
dl, dd {margin:0px;}
h2, .rechtlich {color:#CCCCCC;}
#intro h1 {margin-top:15px; padding:0px}
p {margin:0px 0px 5px; text-align:justify; }
.zitat {font-style:italic; text-indent:15px;}
.screenshots, .screenshots dd {width:205px; height:155px; text-align:left; overflow:hidden; float:left;}
.screenshots {width:100%; height:auto; float:none; clear:both;}

/* Sitemap und Suchbegriffe */
.sitemap {font-size:10px;	line-height:14px; width:100%;}
.sitemap .link {width:90px;}
#sitemap dl,
.google {width:205px; height:340px; float:left;}
#sitemap .google,
.google {float:left;}
#sitemap dt,
.google dt {font-weight:bold; width:100%;}
#sitemap dd,
.google dd {margin:0px;}

/* Footer & Moz-Fix*/
#footer, #fix {color:#CCCCCC; clear:both; margin:0px auto;}
#flinks {width:400px; text-align:left; float:left;}
#frechts {float:right; text-align:right;}
#flinks a {text-decoration:none; color:#999999;}
#flinks a:hover {color:#AA0000; text-decoration:underline;}
#frechts a, #frechts a:hover {text-decoration:none; color:#CCCCCC;}
#fix {visibility:hidden;}

/* XML */
.dvdliste th {font-weight:bold; text-align:left; border-bottom:1px dotted #DDDDDD;}
.dvdliste {width:620px; font-size:9px; margin-top:35px;}
.filmtitel {width:210px; overflow:hidden; white-space:nowrap;}
.filmtitel a {width:100%; display:block;}
.genre {width:100px; overflow:hidden; white-space:nowrap;}
.darsteller {width:270px; overflow:hidden; white-space:nowrap;} 
.dvdliste a,
.googlelink a {color:#666666;}
.dvdliste a:hover,
.googlelink a:hover {color:#CC0000;}
.amazon {width:40px;}
.amazon a {color:#CCCCCC;}
.jshover {background-color:#F6F6F6;}

/* Foto-Blog */
#fotoblog, #fotoblog dd, #fotoblog dt {width:400px; clear:both; margin:0; padding: 0;}
#fotoblog dt {border-width:0;}
#fotoblog img {padding:10px; border:1px solid #DDDDDD; margin:20px 0 2px 0;}
#fotoblog dl, #fotoblog dl dd, #fotoblog dl dt {width:120px; clear:both;}
#fotoblog dl {float:left; clear:none; margin:0 11px 20px 0;}
#fotoblog dl img {padding:5px;}
#fotoblog dl a:hover img {border:1px solid #CC0000;}
#flashgalerie {height:600px; width:400px; overflow:hidden;}
#flashgalerie * {position:relative; top:-60px; z-index:0;}
#bloghinweis {width:100%; background:#FFFCDF url(../images/fotoblog-hinweis.gif) center center; border:1px solid #FFC45F; display:block; text-align:center; line-height:28px; margin:10px 0;}