html { 
	margin: 0;
	height: 100%;
	width: 100%;
	background: url('images/layout/background.gif');
}

body {
	margin: 0;
	padding: 0px;
	position: relative;
	height: 100%;
	/*width: 200px;
	background: #FFBD52;*/
	font-family: Arial, "Lucida Grande", sans-serif;
	font-size: 12px
}

a.img {	
	text-decoration: none;
}

a, a:visited {
	color: #06f;
	font-weight: 600;
	background-color: inherit;
}

#contents p a {
	background-color: #FFF9F0;
}


a:active {
	color: #f00;
	background-color: #fff;
}

ins { text-decoration: none; color: #c00 }
del { text-decoration: line-through; font-weight: 400; }

h1 {
	font-family: Arial, "Lucida Grande", sans-serif;
	font-size: 26px;
	margin-top: 20px;
	-margin-top: 40px;
}

h2 {
	text-align: center;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

p {
	font-family:  Arial, "Lucida Grande", sans-serif;
	font-size: 12px;

}

img {
	border: 0px none;
}

abbr {
	border: 0px none;
}

pre/* Mac IE can't read this */{
	overflow: auto;
}

pre {
	border: 1px dotted #D9C09E;
	padding: 12px;
	background: #FFFEFC url("/res/img/code_tabstop.gif") repeat-x;
	line-height: 16px;
}

.galleryrahmen{
	width: 110px;
	height: 103px;
	border: 1px dotted #D9C09E;
	background: #FFFEFC;
	vertical-align: text-bottom;
	padding: 5px;
	line-height: 110px;
}


/* code examples */
pre, code {
	font-size: 12px;
	color: #030;
	background-color: #FFFEFC;
}
.keyword { 
	color: #00c;
	font-weight: 900;
}
.tag { color: #00c; font-weight: 900;}
.atag { color: #930; }
pre .comment { color: #606; font-weight: 700; }
.q {color: #910; }
.attr { color: #606; font-weight: 400;}
.attval { color: #00c; }
.txt { color: #000; font-weight: 400; }


/* forms */

form td {
	padding-left: 20px;
}

form td.req {
}


/* lists */

ul {
	list-style: url("/res/img/bul_br.gif");
	line-height: 15px;
}

ul li ul li {
	list-style: url("/res/img/bul_y.gif");
}

ul.err {

	list-style: url("/res/img/bul_g.gif");
}

ol {
	list-style: decimal;
}


img.thumb {
	width: 12px;
	height: 16px;
}

.first-words {
	float: left; 
	font-weight: 900;
	margin-right: .1em;
}

a.example {
	border: 3px solid #D9C09E;
	padding: 12px;
	float: right;
	background-color: #FFFDFA;
}



a code {
	color: inherit;
	font-size: inherit;
	text-decoration: inherit;
}

a:hover, a:focus, a:hover code {
	color: #c60;
}
a:hover var {
	color: #030;
}

br, hr {
	clear: both;
}




div#bildrightbottom {
	
	background: #FFF9F0 url("images/layout/construction.jpg") no-repeat bottom right;
	width: 580px;
	height: 500px;


}



div.terms-of-use {
	margin: auto;
	overflow: auto;
	height: 200px;
	width: 400px;
	border: 1px solid #D9C09E;
	padding: 0 4px;
	background-color: #FFFEFC;
	margin-bottom: 4px;
}

div#demoviewer {
	border: 1px solid #D9C09E;
	height: 200px;
	width: 200px;
	margin-top: 20px;
	float: right;
}

/** used in demoviewer */
li a.hover {
	color: #090;
	padding-right: 30px;
	background: transparent url("/res/img/arrows_anim.gif") no-repeat 100%;
}

/****************** Begin Menu tree rules
 * 
 */

 .AnimTree {
	
	height: 100%;
	/*background-color: #b6cfeb;*/
	padding-bottom:3px;
	width: 198px;
	#border-right: 1px solid #5E503E;
	#border-bottom: 1px solid #19150F;
}

 #leftnav {
 	position: absolute;
	top: -108px; 
	left: -198px; 
	width: 798px;
	#border-right: 1px solid #19150F;
	background-repeat: no-repeat;
	height: 100%;
	z-index: 200;
}

.button{
	/* may cause windows bug:
	   position: relative;
	*/
	letter-spacing: .2em;
	z-index: 100000;
	cursor: default;
	font-family:  Arial Rounded MT Bold, "Lucida Grande", Arial, "Trebuchet MS" ;
}

.buttonlabel{
	font-size: 13px;
	height: 2.5ex;
	display: block;
	/* may cause windows bug:
	   position: relative;
	*/
	font-weight: 800;
	cursor: default;
	
	text-align: left;
	text-indent: .5em;
	color: #1E1100;
	border-left-width: 6px;
	border-style: solid;
	background-color: #FFBD52;
	border-width: 1px 6px 1px 6px;
	border-color: #FFBD52;
	background-image: none;
	margin-top: 3px;
	-moz-border-radius: 16px;
}

.buttonlabel img {
	border: 0;
	height: 13px;
	width: 13px;
	vertical-align: -2px;
	margin-right: 4px;
}

.labelHover {
	background-color: #FFC578;
	border-color: #FFD399;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 6px;
	border-left-width: 6px;
 }

.labelDown {
	text-indent: .5em;
/*	text-align: center;*/
	color: #231613;
	background-color: #FFD8A4;
	border-right-width: 6px;
	border-left-width: 6px;
	border-style: solid;
	border-color: #FFD092;
 	-moz-border-radius: 16px 16px 0 0;
}

.labelHover.labelDown{
	color: #3A2000;
	border-right: 6px solid #FFD399;
}

a.menuNode, span.menuNode, .button.menuNode {
	height: 16px;
	font-weight: 400;
	font-size: 13px;
	line-height: 14px;
	padding: 0px 2px 0px 8px;
	text-decoration: none;
	width: auto;
	display: block;
	color: #281700;
	background-color: #FFD8A4;
	background-image:  url("/res/img/tree_leaf.gif");
	background-position: 1px 0;
	background-repeat: no-repeat;
	text-indent: 8px;
}
a.menuNode:visited {
	font-weight: 400;
	color: #281700;
}

a.menuNode:hover,  a.menuNode:focus, html body div.AnimTree div.menu span.disabled {
	text-decoration: none;
	background-color: #FFE3C2;
	color: #5E503E;
}
html body div.AnimTree div.menu span.disabled {
	background-image: url("/res/img/tree_leaf.gif");
}

div.menu .menuNode.last, html body div.AnimTree div.menu a.last,
 html body div.AnimTree div.menu .menuNode.last.disabled  {
	background-image: url("/res/img/tree_leafEnd.gif");
}


.menu {
	position: relative;
	padding-left: 8px;
	padding-bottom: .6em;
	padding-top: 1px;
	margin-top: -2px;
	margin-bottom: 3px;
	font-family: Trebuchet MS, Arial, sans-serif;
	background-color: #FFD8A4;
	border-width: 0  ;
	border-style: solid;
 	border-bottom: 1px solid #FFD092;
	border-right: 6px solid #FFD092;
	border-left: 6px solid #FFD092;
	-moz-border-radius: 0 0 16px 16px;
}

.button.menuNode {
	border-left: 0;
	border-bottom: 0;
  	background-image: url("/res/img/tree_leaf.gif");
  	
  	/* mac IE needs this extra declaration */
	background-repeat: no-repeat;
	background-color: #FFE3C2;
}

 .menu .menu { /* submenus  */
	padding-left: 5px;
	border-width: 0;
	margin-bottom: -1px;
	border-color: #FFECD2;
	border-style: solid;
  	background: #FFE3C2 url("/res/img/tree_branch.gif") repeat-y 1px 0;;
}
 .menu .menu .menu .menuNode {
 	font-size: 11px !important;
 }
 
.menu .menu .menuNode {
 	background-color: #FFE8CC;
	margin-left: 9px;
	color: #472901;
}

.menu span.buttonlabel {
	border-top-width: 1px;
	border-left-width: 4px;
	background: inherit;
	border-color: #FFE4C0;
	margin-top: 0;

	background-color: #FFE3C2;
	background-image: none;
 	border-bottom: 1px solid #FFE3C2;
  	height: 13px;
  	overflow: visible;
}
.menu span.buttonlabel img {
	margin-left: -4px;
}
.menu .menu .menuNode.subNode {
	background-color: #FFF3DB;
}

.menu .menu a.menuNode:hover, .menu .menu a.menuNode:focus {
	background-color: #FFF3E2;
}

menu.menuNode {
	margin: 0 !important;
}

#draglibModulesMenu .menu {
	margin-left: 9px;
}

body .AnimTree .menu .menu span.disabled {
	background-color: #FFF9F0;
}




#tree-bottom {
	position: absolute;
	bottom: -40px;
	z-index:1;
}
#tree-bottom img {
z-index:1;
	margin: 0 0 30px 10px;
}

/* *-*-*-*- *-*-*-*- *-*-*-*         End Menu tree rules        *-*-*-*- *-*-*-*- *-*-*-*- 
*                                   ___________________                                */


#contents {
	background: #FFF9F0;
	color: #000;
	position: absolute;
	top: 106px;
	left: 0;
	height: auto;
	
	width: 560px; /* everyone gets this rule.*/
	-width: 600px;/* win IE 5/6 gets this rule.*/
	width: 560px;/* win IE 6 (but not IE5) gets this rule.*/
		
	padding: 20px;
	left: 198px;
	border-right: 1px solid #19150F;
	border-bottom: 1px solid #19150F;
	min-height: 500px;
}



#footer {
	position: absolute;
	letter-spacing: .3em;
	bottom: 0;
	left: 0;
	width: 100%;
	text-indent: 12px;
	text-align: center;
	background-color: #ccc;
	color: #444;
	font-size: small;
}

#footer a, #footer a:visited {
	color: #333;
	font-size: 12px;
}

#copyright {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
}

#footer * {
	letter-spacing: 0;

}

#ad {
	position: absolute;
	top: 550px;
	margin-left: -210px;
	z-index: 500;
}

/*** NEWS ***/
.weblogtitle {
	margin-bottom: 4px;
}
p.date{ 
	font-size:smaller;
	color:#444;
	margin-top:0
}

/* *-*-*-*- *-*-*-*- *-*-*-*-        BLOG stuff        *-*-*-*- *-*-*-*- *-*-*-*- 
*                                   __________________                                 */
 
 
.blog_box{ 	
	border: 1px dotted #D9C09E;
	background: #FFFEFC;
	vertical-align: text-bottom;
	padding: 5px;
		margin: 0 0 40px;
	text-align: justify;
	}
.blog_feedback{ 		
	font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: -1px;
}

.blog_content {
	text-align: left;
}


.blog_postedby{
font-size: 10px;
margin-top: 0px;
margin-left: 15px;
color:#444;
}


.blog_title a,.blog_title a:visited {
font-size: 17px;
color:#444;
}

.blog_menue {
	text-align: left;
	padding-left: 15px;
font-weight: 900;
font-size: 17px;
color:#444;
}



.blog_comment_box{
width:500px;
}
/* *-*-*-*- *-*-*-*- *-*-*-*-        @media print rules        *-*-*-*- *-*-*-*- *-*-*-*- 
*                                   __________________                                 */
 
@media print {
	#navbar, #logo,  #leftnav, html body #contents .AnimTree, 
	html body #content .AnimTree * {
		width: 0;
		height: 0;
		padding: 0px;
		margin: 0;
		display: none !important;
		overflow: hidden !important;
		visibility: hidden;
		clip: rect(0, 0, 0, 0) !important;
		z-index: -1 !important;
		color: #fff;
	}
	
	#contents {
		height: 98%;
		left: 0;
		top: 0;
		width: 98%;
	}
}






/************************* NEUE SACHEN *************************** */
.logo {

	background-image: url("images/layout/top_logo.jpg");
	background-repeat: no-repeat;
  	padding: 0;

 	line-height: 0;
	border-right: 1px solid #19150F;
}

.oben_links{
	background-color: #313131;

	 	border-top: 1px solid black;
}

.oben_rechts{
	background-color: #313131;
		border-left: 1px solid black;

	 	border-top: 1px solid black;
}

.links{
	background-color: black;
	background-image: url("images/layout/left_background_invert.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	 	border-bottom: 1px solid black;

	 	border-top: 1px solid black;
		
}
.content{
		background-color: WHITE;
	 	border-bottom: 1px solid black;
		border-left: 1px solid black;
	 	border-right: 1px solid black;
	 	border-top: 1px solid black;
		font-size: 12px;
}

h3#links_oben {
	margin: 0px 0 0px;
	font-family: "Lucida Grande", Arial, sans-serif;
	color: #ffe;
	background: #221100;
	font-size: 16px;
	text-align: center;
}

.random_pics_back{
vertical-align: bottom;
height: 105px;
padding:0px;
text-align: center;
padding: 10px;
margin: 0px;
background-image: url("images/layout/filmstreifen.gif");
background-color: black;

}

.random_pics{
text-align: center;
margin: 3px 5 0px;
}

.random_home_back{
font-size: 11px;
	border: 1px dotted #D9C09E;
	background: #FFFEFC;
	line-height: 16px;
vertical-align: bottom;
height: 130px;
text-align: center;
padding: 0px;
margin: 0px 0px 0px;
background-color: #FFFEFC ;
}


.table_interessen_back{
	
	font-family: "Lucida Grande", Arial, sans-serif;
	color: black;	
	font-size: 12px;
 	margin: 0px 5px 10px ;
	border: 1px dotted #D9C09E;
	padding: 5px;
	background: #FFFEFC ;
	line-height: 16px;
}

.content_back{
	
	font-family: "Lucida Grande", Arial, sans-serif;
	color: black;	
	font-size: 12px;
 	margin: 0px 5px 10px ;
	border: 1px dotted #D9C09E;
	padding: 5px;
	background: #FFFEFC ;
	line-height: 16px;
}	

.content_back2{
font-family: "Lucida Grande", Arial, sans-serif;
	color: black;	
	font-size: 12px;
 	margin: 0px 5px 10px ;
	padding: 5px;
	background: #FFFEFC ;
	line-height: 16px;



}

.pic_comments_back{
	font-family: "Lucida Grande", Arial, sans-serif;
	color: black;	
	font-size: 10px;
 	margin: 0px 5px 10px ;
	border: 1px dotted #D9C09E;
	padding: 5px;
	background: #FFFEFC ;
	line-height: 16px;

}


.pic_comment_back{
        font-family: "Lucida Grande", Arial, sans-serif;
        color: black;
        font-size: 10px;
        margin: 0px 5px 10px ;
        border: 1px dotted #D9C09E;
        padding: 5px;
        background: #FFFEFC ;
        line-height: 16px;

}


.input_pics_comments{
	font-family: "Lucida Grande", Arial, sans-serif;
	color: black;	
	font-size: 10px;
 	margin: 0px 5px 10px ;
	border: 1px dotted #D9C09E;
	padding: 5px;
	background: #FFFEFC ;
	line-height: 16px;

}

.input_pics{

	font-size: 10px;


}


input, select, textarea { 
		font-size:11px; 
		font-family:Verdana,sans-serif;
		border: 1px solid #D9C09E;
		}



/****************** Begin navbar rules
 * 
 */

#navbar {
	font-family:  "Lucida Grande", Arial, sans-serif;
	height: 20px;
	font-size: 14px;
	background-color: #434343;
	text-align: right;
	border-bottom: 1px solid #767676;
	border-right: 1px solid black;
	z-index: 200;
}

#navbar a, #navbar .curentTab {
	background-color: transparent;
	font-weight: 800;
	font-size: 13px;
	line-height: 14px;
	vertical-align: -2px;
	padding: 2px .36em;
	color: #E3F4FF;
	text-decoration: none;
}


#navbar a:hover, #navbar a:focus {
	color: #FFF3E2;
	background: #726350;	
}

#navbar a:active, #navbar a:focus {
	color: #FFF9F0;
}

#navbar a.curentTab {
	color: #19150F;
	background:white;
}