/*------------------------------------------------------------------

FEINHEIT kreativ studio

-------------------------------------------------------------------*/ 

/*------------------------------------------------------------------
[styleguide]

Hintergund: 
Schrift: Arial,Helvetica,sans-serif;
Überschriften: Arial,Helvetica,sans-serif;
Hyperlink (aktiv): #EE7F00
dunkles Grau: #4D4D4D

-------------------------------------------------------------------*/ 
html {
	height: 100%;
}

body {
	background-color: #ffffff;
	font-size: 0.75em;
	font-family: Arial,Helvetica,sans-serif;
	color:#4D4D4D;
	padding:0;
	margin: 0;
	height: 100%; 
	overflow-y: scroll;
}

a {
	color: #EE7F00;
	text-decoration: none;
}

a:visited {
	color:#EE7F00;
}

a:hover {
	color: #EE7F00;
}
a:active {
	color:#EE7F00;
}

li.mark a {
	color:#993300;
}


h1 {
	font-size: 1.7em; 
	font-weight: bold;
	color: #EE7F00;
	padding: 10px 0;
    margin: 0 0 20px;
}

h2 {
	font-size: 1.7em;
	font-weight: normal;
	color: #EE7F00;
}

img.download {vertical-align:middle;}

a.download {
	background-image: url(../img/design/arrow.gif);  
    background-position: right 2px;  
    background-repeat: no-repeat;
    padding-right: 15px;
} 

hr {
    height: 5px;
    background: url(../img/design/pixel-line-h.gif) repeat-x 0 0;
    border: none;
}

div.hr hr {
  display: none;
}

/*------------------------------------------------------------------
base design skeleton
-------------------------------------------------------------------*/ 

*{margin: 0; padding: 0;}

a img { border: none; }
table,table th,table td,table tr{
	border:none;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
	padding:0px;
	margin:0px;
}

#wrapper {
	background: #fff url(../img/design/pixel-line-v.gif) 237px 8px repeat-y;
	margin: 0 auto;
	width: 980px;
}

#container {
	width: 980px;
	margin: 0 auto;
	height: 10px;
	background: url(../img/design/pixel-line-h.gif) repeat-x 0 0;
}

#header {
	width: 980px;
	background: #fff url(../img/design/top-logo.gif) 0 10px no-repeat; 
    height: 136px;
}

#header a {
    float: left;
    width: 980px;
    padding: 136px 0 0 0;
    height: 0 !important;
	overflow: hidden;
}

#content-container {
	float: left;
	width: 660px; /* total 745px  */
	min-height:600px;
	padding: 0;
}

#content {
	line-height: 1.5em;
    margin: 70px 0 0 85px;
}

#content ul {
    list-style: none;
}

#content ul li {
  	list-style-position:outside;
	padding: 2px 0 5px 15px ;
	background-image: url(../img/design/list.gif);
	background-repeat: no-repeat;
	background-position: -5px 7px;  
}

#search {
	height: 30px;
    font-size: 10px;
}

/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 230px;
	min-height:400px;
	height: auto !important;
	height: 400px;
	margin: 0;
	padding: 10px 0 0 5px;
}

#bottom-left {
    margin-top: 40px;
}


#navigation-bottom {
 
}

/*------------------------------------------------------------------
navigation
-------------------------------------------------------------------*/ 

#navigation {
	list-style: none; 
	list-style-position: outside;
	font-size: 12px;
    margin: 0;
    padding: 0;
}

#navigation li {
	padding: 7px 0px 10px 0;
	background-image: url(../img/design/pixel-line-h.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#navigation li a {
    background: url(../img/design/list.gif) 0 4px no-repeat;
    padding-left: 20px;
}

#navigation li.none-expanded {
	padding: 7px 0 0 0;
    background: none;
}

#navigation li a  {
	font-weight: bold;
}

#navigation li ul li a.mark {
	color: #444;
}

#navgation li a:active {
    color: #444;
}

#navigation li ul  {
	padding-top:2px;
	padding-left:30px;
}

#navigation li ul li {
	list-style-position:outside;
	padding: 4px 0px 0px 0px;
	margin: 0;
    background: none;
	list-style-type: none;
	list-style-image: none;
}

#navigation li ul {
    padding: 0;
}

#navigation li ul li a {
    background: none;
}

#navigation li ul li:hover, #navigation li ul li.mark {
	background: url(../img/design/arrow.gif) 3px 5px no-repeat;;
}

#navigation li a {	
    display: block;
}

#navigation li ul li a {
	color: #808080;
    display: block;
}

#navigation-boxes {
	list-style: none; 
	list-style-position: outside;
	font-size: 13px;
	padding: 8px 0;
}

#navigation-boxes li {
	list-style-position:outside;
	padding: 6px 0 6px 20px;
	margin: 4px 0;
	background-color: #fae4c4;
	background-image: url(../img/design/list.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

#navigation-boxes li:hover {
	background-color: #f0cb98;
}

#navigation-boxes li p {
	font-size: 10px;
    color: #4D4D4D;
}

#navigation-boxes li a h2 {
    font-size: 12px;
    font-weight: bold;
}

#navigation-bottom li{
	list-style-position:inside;
	padding: 4px 0 4px 0px ;
	list-style-image: url(../img/design/list.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#navigation-bottom li a {
    color: #4D4D4D;
}

.facebook-logo img {
    width: 33px;
}
/*------------------------------------------------------------------
content
-------------------------------------------------------------------*/ 
.underlined {
    background-image: url(../img/design/pixel-line-h.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/*------------------------------------------------------------------
sub content
-------------------------------------------------------------------*/ 
#subcontent {
    background-image: url(../img/design/pixel-line-h.gif);
	background-repeat: repeat-x;
	background-position: left top;
    padding: 20px 0 0;
}

/*------------------------------------------------------------------
groups and topics
-------------------------------------------------------------------*/ 
#character-list {
    padding: 10px 0;
    font-size: 1.2em;
}

#sect-list ul {
    list-style: none;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 0;
}

#sect-list ul li {
    padding: 5px 0;
    background: none;
}

#sect-list ul li a {
    color: #000;    
    background-image: url(../img/design/arrow.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 10px;
}

#sect-list ul li a span {
    width: 20px;
}

/*------------------------------------------------------------------
groups and topics detail
-------------------------------------------------------------------*/ 
#sect-info-detail h2 {
    padding: 5px 0;
    font-size: 1.1em;
    font-weight: bold;
}

#sect-info-detail .abstract {
    padding: 0 0 10px 0;    
}

#sect-info-detail li {
    list-style-position: inside;
    list-style-type: none;
	padding: 3px 10px 3px 20px;
    margin: 2px 0 0 10px;
    background: url(../img/design/list.gif);
    background-position: 0px 7px;
    background-repeat: no-repeat;
}

/*------------------------------------------------------------------
groups and topics content
-------------------------------------------------------------------*/ 
#content-head {
    float: left;
    width: 660px;
    height: 30px;
    margin-bottom: 20px;
}

#content-head h1 {
    margin: 0;
    display: inline;
}

#content-head p, #sect-content-head p {
    float: right;
    text-transform: uppercase;
}

#content-head a, #sect-content-head a {
    font-size: 0.9em;
}

#sect-content-head h1 {
    padding: 3px 0;
    margin: 0;
	line-height: 1.1em;
}

#sect-content-head h2 {
    font-weight: bold;
    color: #000;
    font-size: 1em;
}

#sect-content-head h3 {
    font-weight: normal;
    font-size: 1em;
    padding: 6px 0 5px 0;    
    display: inherit;
    margin: 0;
    border: none;
    line-height: 1em;
}


#sect-content {
    padding: 20px 0 20px 10px;
    background-image: url(../img/design/pixel-line-h.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#sect-content h2 {
    font-size: 1em;
    padding: 5px 20px;
    background-image: url(../img/design/list.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

#sect-content h2 a {
    background-image: url(../img/design/arrow.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 15px;
}


#sect-additional-content {
    padding-top: 20px;
}
.content-para {
    padding: 5px 20px;
}

/*------------------------------------------------------------------
team
-------------------------------------------------------------------*/ 
#team table tr td {
    padding: 10px 0;
}

#team h2 {
    color: #282828;
    font-size: 1.2em;
    font-weight: bold;
}

#team img {
    padding: 0 10px 0 0;
}

/*------------------------------------------------------------------
breadcrumbs
-------------------------------------------------------------------*/ 
#breadcrumbs {
    margin: 20px 0 0 50px;
    height: 20px;
    font-size: 11px;
    float: left;
}

#breadcrumbs a {
    color: #808080;
    background: url(../img/design/arrow_grey.gif) right center no-repeat;
    padding-right: 15px;
}

#breadcrumbs a:hover {
    color: #444;
}

/*------------------------------------------------------------------
h3 box
-------------------------------------------------------------------*/ 
h3 {
    display: block;
    margin: 5px 0;
    padding: 10px;
    border: 1px solid #EE7F00;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5em;
}

/*------------------------------------------------------------------
button, input
-------------------------------------------------------------------*/ 

#search-field {
	border: 1px solid #000;
	width: 170px;
	margin: 0;
	height: 15px;
	float: left;
    font-size: 11px;
}

#search-button {
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
	margin: 0;
	height: 17px;
}
/*------------------------------------------------------------------
admin
-------------------------------------------------------------------*/ 
.admin {
    color: red;
    font-weight: bold;
    padding: 5px;
    margin: 20px 0 0;
    border: 1px solid red;
}

/*------------------------------------------------------------------
auxiliary classes
-------------------------------------------------------------------*/ 

.line-h {
	background: url(../img/design/pixel-line-h.gif) repeat-x left bottom;
}

.link-img {
    background: url(../img/design/arrow.gif) left center no-repeat; 
    padding-left: 5px;
}