/*
body
	wrapper
			header
			logo
			pagetitle
			
		topnav
		
		sidebar
			navigation
			loginbox
			sidebarcontent
			sidebarimg
			
		abstract
		content
		
	footer
	
typo, links + specials
*/

body {

	line-height: 1.2em; 
	background : #fff;
	color:#685744;
	margin: 30px 20px;
}

#wrapper {
	width: 850px; 
	background: transparent; 
	margin: 0 auto 0; 
	padding: 0 10px; 
	border: 0px solid #333;
}

*html #wrapper {width: 900px;}

#header {
	height: 90px; 
	background: #fff; 
	display: block; 
	border-bottom: 0px solid #333;
}

#logo {
	position: relative;
	display: block;
}
#logo a:link, #logo a:visited {
	position: absolute;
	top: 0; left: 10px;
	width: 400px; height: 63px;
	padding-top: 13px;
	text-align: center;
	background: url('http://images.drobitko.net/drobx.png') 0 0 no-repeat;
	color: #FFF;
	text-decoration: none;
	text-indent:-9999px;
}
#logo a:hover { background-position: 0 0; }
#logo a em {
	display: block;
	margin-top: -0.2em;
	font: 2.33em helvetica, Georgia, Times, serif;
	letter-spacing: 0; color:#fff;
}

/* end header */

/* topnav */

div#topnav {
	display: none;
	position: relative;
	height: 30px;
	border-bottom: 0px dashed #333;
}

div#topnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

div#topnav li { /* all list items */
	margin-right: 3px;
	float: left;
}

div#topnav li a {
	background: #eee;
	display: block;
	padding: 6px 10px 4px 10px;
}

div#topnav li.here a {
	background: #fff;
}

div#topnav li a:hover, div#topnav li.here a:hover {
	background: #ccc;
}

/* topnav subpoints */
div#topnav li li a, div#topnav li.here li a {
	width: 100px;
	background: #fff;
	padding: 6px 10px;
	border-top: 1px dashed #000;
}

div#topnav li li a:hover, div#topnav li.here li a:hover {
	background: #ccc;
}

div#topnav li ul { /* second-level lists */
	width: 120px;
	display: none;
	position: absolute;
	z-index: 10;
	border: 1px solid black;
	border-top: none;
}

div#topnav li:hover ul { /* lists nested under hovered list items */
	display: block;
}
/* end topnav */

/* sidebar */
#sidebar {
	position: relative; 
	float: left; 
	width: 180px; 
	margin-left: 20px; 
	border-left: 0px dashed #000;
}

/* navigation */
div#navigation {}
div#navigation ul{ padding: 0; margin: 0; list-style: none;}

div#navigation li a, div#navigation li a:visited {
	display: block;
	color: #777;
}

div#navigation ul li a:hover, div#navigation ul li li a:hover, div#navigation li.aktiv li.aktiv a:hover {
	color: #32454c;
	border-right: 4px solid #32454c;
}

div#navigation li ul {display: none;}
div#navigation li.aktiv ul {display: block;}
div#navigation li li a { padding-left: 20px; } /* level 2 einrueckung */

div#navigation li.aktiv a {color: #32454c; border-right: 4px solid #eee;}
div#navigation li.aktiv li a {color: #777;border-right: 4px solid #fff;} /* level 2 offen */
div#navigation li.aktiv li.aktiv a { color: #32454c; }
/* end navigation */

/* loginbox */
#loginbox {display: none;}
#loginbox form, input, fieldset, textarea {border: none; margin: 0; padding: 0; font: bold 15px helvetica, arial, sans-serif; color: #333;}
#loginbox form input#usr {}
#loginbox form input#pw {}
#loginbox form input#submit { width: 15px; height: 15px;}

.csc-mailform-field input, .csc-mailform-field textarea {
	border-bottom: 1px dashed #333;
	margin: 5px 0 7px 0;
	width: 300px;
	display: block;
}

.csc-mailform-submit {}
input#mailformformtype_mail {border: none; background: transparent; text-align: left; color: #ff00cc;}
/* end loginbox */

#sidebarimg {display: none;}
#sidebarcontent {display: block;}
/* end sidebar */

/* content */
#abstract { display: none;}
#content {margin-left: 0; width: 640px; padding-left: 9px; background: #fff; float: right; border-left: 1px solid #eee;}
/*#content p{width: 550px;}*/
/*
#content ul {list-style: none; margin: 0; padding: 0; }
#content ul li {display: inline;}
*/
/* end content */
/* end wrapper */


/* footer */
#footer {width: 650px; margin: 0 auto 0; padding-left: 300px; }	/* width */
#footer, #footer p { font-size: 10px; word-spacing: 0.5em;}
#sitemap {display: none;}
#impr {display: none;}
.validate {display: none; }
/* end footer */
/* end layout */

/* general typo formatting */
body,h1#pagetitle, h2.topic, h1, h2, h3, p, form, input, #content, ul, li a, #loginbox form, input, fieldset, textarea {font: normal 12px 'lucida grande', helvetica, arial, sans-serif;}/* reset all font-sizes */
h1, h2, h3 {font-size: 2em;}
img {border: none; }

/* links */
a:link {color: #333; text-decoration: none;}
a:visited {color: #777; text-decoration: none;}
a:hover {color: #32454c;} /* ff00cc */

/* fixed */
/* killed */

/* language menu */
#langue {width: 100%;  position: relative; height: 20px;}

#langue .tx-srlanguagemenu-pi1{float: right;}
/*.tx-srlanguagemenu-pi1 {margin-top: 10px; display: block;}*/
.tx-srlanguagemenu-pi1 .CUR a, .tx-srlanguagemenu-pi1 .NO a {
	font: normal 12px 'lucida grande', helvetica, arial, sans-serif;
	color: #333;
	}/* reset all font-sizes */

.tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active {
	color: #333;
}

.tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active {
	color: #333;
	}