/* 

Schriften
grau: 9b9c9d 
link farbe: e0b40f
background text: 040404

*/

*{ margin:0;padding:0;list-style:none }
html,body{ width:100%;height:100%; overflow: hidden; }

body{ font: normal 12px/20px  Arial,sans-serif;  cursor:default; letter-spacing: 1px; }

h1 { font-family: Arial,sans-serif;font-size:56px; margin-bottom: 15px; letter-spacing: -0.07em;}
h2 { font: normal 14px/20px  Arial,sans-serif; text-transform: uppercase; }
h3 { font: normal 12px/20px  Arial,sans-serif; text-transform: uppercase; }

p { line-height: 20px; margin-bottom: 20px; }


/************************************/
/*       Links General             */
/**********************************/

a, a:link, a:visited, a:active { font-weight: normal; text-decoration: none; text-transform: uppercase; }
a:hover, a:focus  { padding: 1px; }

img {border:none;background: none;}
a:visited.noborder,
a:hover.noborder,
a.noborder {border:0; border-bottom: none; background: none; padding: 0;}

/***********************************/
/*         NAVIGATION             */
/*********************************/

#navigation {position: fixed; top:122px; left: 70px; }

#navigation ul { position:relative; width: 120px;}
#navigation ul li {list-style-type: none; margin-bottom: 5px; text-align: right;}
#navigation ul ul li {padding: 0; margin: 0; }
	
/* 1st level */
#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:visited { font-size: 16px; font-weight: bold; line-height: 18px; text-decoration:none; text-transform: uppercase; display: block; padding: 5px 5px 5px 0; width: 110px; } /* width: 110px; only beacause of IE */
#navigation ul li a.last { }

#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li a.selected { }


/* 2nd level */
#navigation ul ul li a,
#navigation ul ul li a:link,
#navigation ul ul li a:visited { font-size: 12px; line-height: 18px; border-top: none; font-weight: normal;  text-transform:none; margin: 0; padding: 0;  padding-right: 10px; }

#navigation ul ul li a:hover,
#navigation ul ul li a:focus,
#navigation ul ul li a.selected { }



/***********************************/
/*         SUBNAVIGATION             */
/*********************************/

#sub_nav {position: fixed; top:122px; left: 715px; }

#sub_nav ul { position:relative; width: 194px; padding-top: 5px;}
#sub_nav ul li {list-style-type: none; text-align: left;}


/* 2nd level */
#sub_nav li a,
#sub_nav li a:link,
#sub_nav li a:visited {display: block; width: 179px; font-size: 12px; line-height: 18px; border-top: none; font-weight: normal;  text-transform:none; margin: 0; padding: 0 5px 0 10px;}

#sub_nav li a:hover,
#sub_nav li a:focus,
#sub_nav li a.selected { }


/***********************************/
/*         sitemap             */
/*********************************/

#sitemap {position: relative; }

#sitemap ul { position:relative; width: 500px;}
#sitemap ul li {list-style-type: none; margin-bottom: 5px; text-align: left;}
#sitemap ul ul li {padding: 0; margin: 0; }
	
/* 1st level */
#sitemap ul li a,
#sitemap ul li a:link,
#sitemap ul li a:visited { font-size: 16px; line-height: 18px; text-decoration:none; text-transform: uppercase; display: block; padding: 5px 5px 5px 0; }
#sitemap ul li a.last { }

#sitemap ul li a:hover,
#sitemap ul li a:focus,
#sitemap ul li a.selected { }


/* 2nd level */
#sitemap ul ul li a,
#sitemap ul ul li a:link,
#sitemap ul ul li a:visited { font-size: 12px; line-height: 18px; border-top: none; font-weight: normal;  text-transform:none; margin: 0; padding: 0;  padding-left: 10px;}

#sitemap ul ul li a:hover,
#sitemap ul ul li a:focus,
#sitemap ul ul li a.selected { }

#sitemap ul ul ul li {padding-left: 20px;}



/***********************************/
/*        ABSOLUTE DIVS           */
/*********************************/

#wrapper {position: absolute; top:0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1;}

#content_wrapper {position: absolute; top:122px; left: 200px; width: 500px; padding-bottom: 25px;} /* border: 1px solid yellow; */
	.content_item {position: relative; width: 500px; clear: both;}
	.image { padding: 0; }
		.filetype {position: absolute; top:0; left: 0; width: 50px; height: 50px; z-index: 999;}
	.text { position: relative; padding: 10px; width: 480px; padding-bottom: 40px; /* height: 400px;  */} /*  height: x ; muss mit scrollable uebereinstimmen // height x + 380px; */
	.home { padding: 0; background-color: transparent;}
	#flash {width:500px; height: 380px; } /* muss id sein wegen jquery plugin */

#kontakt {position:absolute; top: 0; left: 0; width: 70px; height: 20px; background: transparent; z-index: 1; }
	#kontakt a, #kontakt a:link, #kontakt a:visited, #kontakt a:focus, #kontakt a:active { display: block; height: 20px; text-transform: none; font-size: 11px; line-height: 16px; letter-spacing: 1px; padding: 0 0 0 8px;}
	#kontakt a:hover { }

#logo {position: absolute; top:12px; left:605px; width: 96px; height:103px; overflow: hidden; } /* alt="logo" width="96" height="103" */
#yingyang {position: absolute; top: 74px; left: 200px; width: 50px; height: 50px;}

#footer {position: absolute; bottom:0; left:0; padding: 7px 7px 0 7px; width: 100%; height:23px; font-size:12px; letter-spacing: -0.015em; overflow: hidden; z-index: 1; }
	#footer a, #footer a:link, #footer a:visited { font-weight: normal; text-decoration: none; text-transform: none; padding: 0 3px;} /*  original color: #e0b40f */
	#footer a:hover, #footer a:focus, #footer a:active { }
	#footer a.selected { text-decoration: underline;}

#backgrnd_container {position: absolute; top:0; left:0; width: 100%; height:100%; overflow: hidden; z-index: 0;}


/****************** SCROLLABLE ****************************/

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; /* hidden */ 
    width: 500px; /* width from content wrapper */ 
    height:780px; /* 1580px; */ 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    height:20000em; 
    position:absolute;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    /* float:left; */
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 

}


/****************** EDIT ****************************/

#edit_article {position: absolute; top:0; right: 0;}
.edit_article {position: absolute; top:0; right: 3px; z-index: 99;}
	a.content_edit { padding: 0 6px; background-color: red; color: #fff;}
	.edit_date {padding: 0 6px; color: #fff; background-color: #000;}

a.content_new { padding: 0 6px; background-color: red; color: #fff;}


.news_hidden {display: none;}
.kleiner { font-size: 10px; line-height: 12px;}

#queries { z-index: 99;}