@charset "utf-8";
/* 
Theme Name: 	Latley;
Description: 	Stylesheet;
Author: 			Christian Siegrist;
Start:				2009-27-02;
Last Update:	2009-27-02;

/*universal reset /////////////////////////////////////////////////////////////////*/
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; text-align:left;}
q:before,q:after,blockquote:before,blockquote:after{content: "";}
div{position:relative;}

/* html and body //////////////////////////*/
html, body{height:100%; background-color:#ffffff;}

/* typography //////////////////////////*/
h1{font-family:Verdana, Arial; font-weight:normal; font-size:22px; line-height:26px; color:#000000;}
h2{font-family:Verdana, Arial; font-weight:normal; font-size:22px; line-height:26px; color:#ffffff;}
p{font-family:Verdana, Arial; font-weight:normal; font-size:12px; line-height:21px; color:#ffffff; margin-bottom:20px;}

/* links //////////////////////////*/
a{color:#777777; text-decoration:none;}
a.active{font-weight:bold; color:#363636;}
a:hover{font-weight:bold !important; color:#363636 !important;}
#content a{font-family:Verdana, Arial; font-weight:normal; font-size:12px; line-height:21px; color:#ffffff;}
#content a:hover{color:#ffffff !important; font-weight:normal !important; background:none !important; text-decoration:underline;}

/* list //////////////////////////*/
ul{list-style:none; font-family:Verdana, Arial; font-weight:normal; font-size:12px; line-height:21px; color:#000000;}
li{display:block; margin:0 0 2px 0; padding:0;}
li a{padding:2px 4px 3px 4px;}

/* table //////////////////////////*/
table{font-family:Verdana, Arial; font-weight:normal; font-size:12px; line-height:21px; color:#ffffff; padding:0; margin:0; border-collapse:collapse}
tr{vertical-align:top;}
td{min-width:90px;}
td.first{width:90px;}

/* images //////////////////////////*/
img{height:auto; width:100%; border:none; margin-bottom:10px;}
img.bottom{margin-bottom:0;}

/* wrapper and container /////////////////////////////////////////////////////////////////*/
#wrapper{width:920px; height:100%; margin:auto;}
#main-container{width:400px; height:auto; float:left; margin:40px 0 0 0; padding:0 10px;}
#left-container{width:250px; height:auto; float:left;}
#right-container{width:250px; height:auto; float:left;}

/* header and footer /////////////////////////////////////////////////////////////////*/
#header{width:100%; height:60px; background:#ffffff url("images/unterschrift_grau.png") no-repeat center; margin:0;}
#header h1{text-indent:-9999px;}
#footer{width:400px; height:20px; clear:both; margin:auto;}
#footer p{padding: 1px 0 0 0; background:black; color:#ffffff; text-align:center;}
#footer img{width:auto; height:8px; margin:0 0 0 2px; padding:0;}

/* navigation and subnavigation /////////////////////////////////////////////////////////////////*/
#navigation{margin:93px 0 0 0;}
#navigation li{text-align:right;}
#subnavigation{margin:93px 0 0 0;}
#subnavigation li{text-align:left;}

/* content /////////////////////////////////////////////////////////////////*/
#content{margin:0 0 10px 0; padding:8px 10px; padding-bottom:26px;}
#content ul{list-style:none; font-family:Verdana, Arial; font-weight:normal; font-size:12px; line-height:16px; color:#ffffff;}
#content ul li{padding:0; margin:0;}
#content ul li.nolink{padding:2px 0 3px 0; margin:0;}
#content ul li a{padding:0 !important; margin:0 !important;}
#home #content{height:248px; background:url("images/startbild.jpg") no-repeat;}
#ausstellungen #content{min-height:248px; background:#b66a60;}
#texte #content{min-height:248px; background:#c9ad82;}
#curriculum #content{min-height:248px; background:#bcbe3a;}
#werke #content{padding:0 !important;}
#links #content{height:248px; background:#aa9f93;}
#kontakt #content{height:248px; background:#ec8d30;}
#publikationen #content{padding:0 !important;}
