/*

CARNETTO 2012
pw@goldfischclub.de
2012/05/09


 * STANDARD RESET
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a {
	text-decoration:none;
}
img, iframe, object, embed {
	vertical-align: bottom;
}
strong {
	font-weight: bold;
}
input, textarea, select {
	font-size: 1em;
}
html {
	/*
	height: 100.01%;
	margin-bottom: -1px;
	*/

}

body, div, 
h1, h2, h3, h4, h5, h6, p, 
a, span,  
li {
	background-repeat:no-repeat;
}


body {
	position:relative;
	background-color: #e5e5e5;
        background-image: url(/layout/bg.jpg);
        background-repeat: repeat-y;
	color: #000;
	font: 10px Arial, Verdana, san-serif;
	font-size: 100.01%;
	font-weight: normal;
	line-height: 1;
	text-align: left;
}



a {
	color: #000;	
}
a:hover {
	text-decoration: underline;
}



/*
 * LAYOUT
*/
div#wrapper {
	width: 952px;
        float: left;
        padding-bottom: 150px;
        margin-left: 25px;
        padding-top: 10px;
        background-image: url(/layout/top.jpg); 
        background-repeat: repeat-x;
        background-position: 0 -5px;
}





div.cols,
div.col                 { float: left; }

div.cols                { width: 100%;  }

div.col-1               { width: 200px; }
div.col-2               { width: 600px; margin-left: 20px; }

div.bild div.col-1,
div.text div.col-1      { text-align: right; }

div.text div.col-1 p    { margin-top: 39px;}

div.list div.col-1      { width: 200px; text-align: right; }
div.list                { margin-bottom: 20px;}


div.nav div.col-1       { width: 200px; }
div.nav div.col-2       { width: 195px; }
div.nav div.col-3       { width: 195px; }

#navigation             { 
                          float: left; 
                          margin-top: 20px; 
                          padding-bottom: 40px; 
                          width: 930px; 
                        }

#navigation .col-1 ul   { margin-left: 25px; }
#content .col-1 p { width: 170px; float: right; }


li.extern a             { display: block; padding-left: 0px;}


#navigation ul li       { display: block; padding: 4px 0px; background-image: url(/layout/line.gif); }
#navigation ul li.first { background-image: none; }



.caption                { border-top: 1px solid #ddd;  padding: 5px; margin-bottom: 20px; }


h1                      { sans-serif; font-weight: bold; }

h1                      { font-size: 15px; }

p, #content ul li       { font-size: 12px; }

#navigation             { font-size: 12px;  }



p                       { line-height: 18px; }



#content ul li          { padding-bottom: 10px; line-height: 18px; padding-left: 15px; background-image: url(/layout/li.gif); background-position:-5px 1px; }

#content ul             { padding-bottom: 10px; }
p a                     { text-decoration: underline }


p, #content ul li       { color: #3F3F3F; }
p.bild-desc             { color: #848484; }

div.nav div.col-1 a     { color: #9B9B9B; }


.institut h2, 
.institut p a,
.institut div.text div.col-1 p,
.institut div.list div.col-1 p,
.institut #navigation a.current,
.institut #navigation li.active a       { color: #779CC4; }


.lectures h2, 
.lectures p a,
.lectures div.text div.col-1 p,
.lectures div.list div.col-1 p,
.lectures #navigation a.current,
.lectures #navigation li.active a       { color: #768a07; }

 
.work h2, 
.work p a,
.work div.text div.col-1 p,
.work div.list div.col-1 p,
.work #navigation a.current,
.work #navigation li.active a           { color: #8a0707; }



h1                      { margin-bottom: 20px; }
p                       { margin-bottom: 20px; }
h2                      { margin-bottom: 5px; }

.bild img               { margin-bottom: 10px; }

h1.titel                { margin-left: 220px; color: #3F3F3F; font-size: 22px; }

.bild-linie .col-2      { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; }