/* Colours */

body { color: #222; }
em, strong, div#project-navigation p { color: #999; }*/
h2 { border-bottom: 2px solid #999; }
/*a { border-bottom: 1px solid #999; }
/*h2 a:visited { color: #333; }*/

/* Typography */

body { font-family: Georgia; line-height: 1.4; font-size:10px }
ul li, div.description { font-size: 1.1em; font-style: normal; }
ul#navigation { font-family: Verdana; }
p#gallery-count { text-align: right; }
p#gallery-count span { letter-spacing: 0.08em; }
p.title { font-size:3em; font-style:italic;}
p.subtitle { font-size:1.7em; color:#222; font-weight:normal; font-style:italic;}
p.date { font-size:1.5em; font-weight:normal; font-style:italic; text-align:right;}
p.info { font-size:1.1em; line-height: 1.5em; word-spacing: 0.05em; letter-spacing: 0px;}
p.specification { font-size:1.1em; color:#666; line-height: 1.5em; word-spacing: 0.05em; letter-spacing: 0px; }

img { border:none}

a:link { color:#212121; border: none; text-decoration:none; }
a:visited { color:#212121; border: none; text-decoration:none; }
a:focus { color:#212121; border: none; text-decoration:none; }
a:hover { color:#212121; border: none; text-decoration:none; }
a:active { color:#212121; border: none; text-decoration:none; }



/* Layout */

body { background-color:#bbb5b6; background-image:url(../../images/site/bg_stifte.jpg); background-repeat: no-repeat;}
div#container { width: 750px; margin: 170px 0px 10px 20px; text-align:left;}

.portraits { width: 129px; height: 87px; margin: 0px 0px 5px 81px; padding: 0px; float:left; }
.navcontainer { width: 540px; height: 87px; margin: 0px 0px 5px 215px; }
.shortcontact { width: 750px; text-align:right;}

/* Navigation */
ul li { margin: 0px 0px 2px; }
ul#navigation, ul.projects { list-style: none; margin: 0px; padding: 0px; }
ul#navigation li, ul.projects li { clear: none; }
ul#navigation li a { color:#eee; }
ul#navigation li a:hover { color:#aaa; }
ul#navigation li { height: 16px; padding: 0px 0px 0px 5px; }
ul#navigation li#Projects { background-color:#6B0019; }
ul#navigation li#Progress { background-color:#EB4200; }
ul#navigation li#About { background-color:#31B57E; }
ul#navigation li#Contact { background-color:#636E00; }
ul#navigation li#Login { background-color:#273600; }
ul.projects li { float: left; padding: 0px 0px 8px; }

div#content { margin-left: 81px; width: 675px;}

/* Projekt-Listen-Kopf */
div.tbindexhell { height:24px; background-image: url(../../images/site/tabellenkopf_bg.png); background-repeat: repeat;}
div.tbindexhell div.tbindexdunkel { background-image:url(../../images/site/tabellenkopf_bg_dunkel.png); background-repeat: repeat; 
									width: 57px; height: 24px; float:left; }
div.tbindexhell h1 { font-size:1.1em; font-weight:bold; margin: 5px 0px 0px; float:left;}

/* Projekt-Liste */
ul#projects { list-style: none; margin: 0px; padding: 0px; }
ul#projects li { background-color:#f3f3e7; height: 52px; clear:both; margin: 0px 0px 2px 0px; }
ul#projects li h1 { font-family: Georgia; font-size:1.0em; }
ul#projects li h1.title { font-weight: bold; margin: 5px 0px 0px 10px; float:left; }
ul#projects li h1.subtitle { font-weight: normal; margin: 5px 10px 0px 4px; float:left; }
ul#projects li h1.date { font-weight: normal; margin: 5px 10px 0px 10px; width: 125px; text-align:left; float: right; }
ul#projects li h1.tag { font-weight: normal; margin: 5px 0px 0px 10px; width: 143px; float:right; }

/* Footer */
div#footer { margin-left: 81px; margin-bottom: 30px; width: 655px; background-color:#cdcdcd; padding: 2px 10px 2px 10px;}
div#footer { font-style:italic; color:#212121; font-size:1.1em; }
div#footer a:hover { background-color:#bebebe;}

/* Projektgallerie */
div#prevproject { height: 374px; width:81px; float:left;}
div#prevproject img { margin-top: 164px; margin-left:10px;}
div#nextproject { height: 374px; width:81px; float:right;}
div#nextproject img { margin-top: 164px; margin-left:12px;}
div#nextproject a { background:none;}

div#gallery-navigation { width:837px; height:374px;}
div#gallery-navigation a.pic { width:67px; height:374px;}
div#gallery-navigation a.pic { background-image: url(../../images/site/picture_bg.png);background-repeat:repeat-x;}
p#gallery-count { font-family:Georgia; font-size:1.0em; color:#CCC; margin: 140px 10px 5px 5px}

/* slideshow */
div#image-wrapper { overflow: hidden; height:374px; width:541px }
div#image-wrapper div#image-holder { width: 100000000px; }
div#image-wrapper div#image-holder div.image { float: left; height:374px; width:541px }

/* Projektbeschreibung */
div#projectinfo {width:675px; margin:3px 0px 0px 81px; background-color:#f9f9ef;}
div#projectinfo div { color:#333;}
div#projectinfo p.title { font-size:4em; font-style:italic; line-height:1.1em; margin:0px 20px 0px 110px}
div#projectinfo p.subtitle { margin: 0px 20px 0px 110px;}
div#projectinfo p.date { margin: -3px 0px 0px 110px; float:left;}
div#projectinfo p.info { margin:30px 100px 0px 110px;}
div#projectinfo p.specification { margin:20px 100px 0px 110px; padding-bottom:35px;}

/* Andere-Menuepunkte-Formatierung */
p.title { margin:0px 20px 0px 50px; padding-top:40px;}
p.subtitle { margin:-2px 20px 0px 60px;}
p.date { margin: -30px 50px 0px; float:right;}
p.info { margin:10px 50px 0px 60px;}

div#generalcontent {width:675px; margin:3px 0px 0px 81px; background-color:#f9f9ef; clear:both;}
div#generalcontent { color:#333; font-family: Georgia; line-height: 1.4; font-size:10px}
div#generalcontent span.images { margin: 12px 50px 10px 25px; float:right;}
div#generalcontent table { font-size:1.1em; line-height: 1.5em; word-spacing: 0.05em; letter-spacing: 0px; margin:10px 50px 0px 50px;}
div#generalcontent table tr { background-color:#d7d7cd;}
div#generalcontent table td { padding-left:15px; padding-top:6px; padding-bottom:2px;}
div#generalcontent col.one { width:420px;}
div#generalcontent col.two { width:155px;}
div#generalcontent form { font-size:1.1em; line-height: 1.5em; word-spacing: 0.05em; letter-spacing: 0px; margin: 10px 60px 0px; }
div#generalcontent form input { margin: 10px 10px 10px 0px; }
div#generalcontent a:link { color:#069; border: none; text-decoration:none; }
div#generalcontent a:visited { color:#069; border: none; text-decoration:none; }
div#generalcontent a:focus { color:#069; border: none; text-decoration:none; }
div#generalcontent a:hover { color:#033; border: none; text-decoration:none; }
div#generalcontent a:active { ccolor:#069; border: none; text-decoration:none; }
	
img.project-thumb { padding: 0px 0px 0px 0px; float: left; display: inline; }