/*	MAIN CSS
*******************************************************************************/

/*	Project Leipziger Kreis
	Copyright tf-bureau // www.tf-bureau.net & 
	Leipziger Kreis. Forum fuer Wissenschaft und Kunst // www.leipziger-kreis.de
*******************************************************************************/




/*	undo
*******************************************************************************/

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

body, div,p,li { background-repeat:no-repeat; }

/*	reset some basic style
*******************************************************************************/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/*	html
*******************************************************************************/
html {
	min-height: 100%;
	margin-bottom: 1px;
}

/*	body
*******************************************************************************/
body {
	font-family: "lucida grande", "lucida sans", verdana, helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	background-color:#aaa;
	text-align: center;
}

.clearer {display:block;clear:both;width:100px;height:50px;}

.clear {clear:both;}

.warning { color:#f00; }


/*	website
*******************************************************************************/
#website {
	position: relative;
	display: block;
	margin: 40px auto 20px auto;
	width: 950px;
	min-height: 750px;
	padding:0;
	text-align: left;
}

/*	header
------------------------------------------------------------------------------*/
#header {
	position: absolute;
	padding:0;
}

/*	logo 
------------------------------------------------------------------------------*/
#logo {
	position: absolute;
	background-image:url(lk-titel.gif);
	left: 751px;
}

#logo a {
	display:block;
	height:70px;
	width:200px;
	text-indent:-700em;
}

/*
#######################################################################################
	NAVIGATION
#######################################################################################
*/

#navigation {
	position: relative;
	padding-top:70px;
	width: 198px;
	text-align: right;
	vertical-align: top;
	float: left;
	border: 1px solid #fff;
	border-bottom:0px;
	border-right: 0px;
	background:#fff url(bg-website.gif) repeat;
}

#navigation ul.nav1st li {
	border-bottom: 1px dotted #000;
	padding: 5px 20px;
	background-color: #fff;
}

#navigation ul.nav1st li.active {
	background:url(bg-menu_active2.gif) no-repeat 1px 0px; 
	border: 0px;
}

#navigation ul.nav1st li ul.nav2nd li {
	margin: 5px -20px;
	padding: 3px 40px;
	border-bottom: 1px dotted #000;
	background: #fff;
}

#navigation ul.nav1st li ul.nav2nd li.active {
	border-bottom: 1px dotted #000;
}



/*	UNTERMENUE
------------------------------------------------------------------------------*/

#side-nav {
	position:absolute;
	top:40px;
	left:150px;
	visibility: hidden;
}

#side-nav ul.nav3rd {
	padding:2px;
}

#side-nav ul.nav3rd img {
	width:37px;
	height:12px;
}

#side-nav ul.nav3rd li {
	padding:0 0 7px 0;
}

#side-nav ul.nav3rd a, 
#side-nav ul.nav3rd a:link {
	border:1px solid #999;
	background-color:#333;
}

#side-nav ul.nav3rd a.current, 
#side-nav ul.nav3rd a.current:link, 
#side-nav ul.nav3rd a:hover {
	border:1px solid #ccc;
	background-color:#666;
}

#side-nav ul.nav3rd li.active a,
#side-nav ul.nav3rd li.active a:link {
	border:1px solid #ccc;
	background-color:#666;
}

/*	
#######################################################################################
	content-styles
#######################################################################################
*/

/* hide from IE/MAC \*/
* html #content, * html #content2 {height:1px;}
/* end hide */ 

#content {
	position:relative;
	left:200px;
	display:block;
	clear:both;
}

#main-block {
	position:absolute;
	width: 550px;
	min-height: 1071px;
	background-color: #fff;	
}

#menu-title {
	position: relative;
	border: 1px solid #fff;
	padding: 30px 10px;
	width: 528px;
	height: 10px;
	background:url(bg-website.gif) repeat; 	
	font-size: 24px;
	color: #fff;
	text-align: right;
	vertical-align: bottom;
	text-transform: uppercase;
}

/*	tables
------------------------------------------------------------------------------*/
#main-block table {width:100%;}
#main-block table td {min-width:110px;padding:0 1.2em 1.2em 0;}


/*	footer
------------------------------------------------------------------------------*/

#footer {
	background-color:#fff;
	border-top:1px solid #ccc;
	margin-top:6px;
	margin-bottom:10px;
	display:none;
	}

/*	
#######################################################################################
	Typography
####################################################################################### 
*/

/*	Headlines mit a-varianten in #FF6D0C
------------------------------------------------------------------------------*/

#main-block h1, #main-block h2, #main-block h3, #main-block h4, #main-block h5, #main-block h6 {
	margin:1em 0; margin-left: 14px;
}

#main-block h1 {color:#000; font-size:2.1em; text-transform:uppercase; line-height:1.4em; }

#main-block h2 {color:#111; text-transform:uppercase; font-size:1.4em; font-weight:bold; line-height:1.2em; }

#main-block .h2a {color:#FF6D0C; text-transform:uppercase; font-size:1.4em; font-weight:bold; line-height:1.2em; }

#main-block h3 {color:#333; font-size:1.4em; line-height:1.3em; }

#main-block .h3a {color:#FF6D0C; font-size:1.4em; line-height:1.3em; }

#main-block h4 {color:#444; text-transform:uppercase; font-size:1.1em; font-weight:bold; line-height:1.2em; }

#main-block h5 {color:#000; font-size:1.1em; font-style:italic; line-height:1.3em; }

#main-block h6 {color:#000; font-size:1.1em; line-height:1.3em; }

#main-block .h6a {color:#FF6D0C; font-size:1.1em; line-height:1.3em; }


/*	bodytexts
------------------------------------------------------------------------------*/
#main-block p,
#footer p,
#main-block ul,
#main-block ol { font-size:1.2em; color:#111; margin:1em; margin-left:14px; line-height:1.6em; }

#main-block ul li ul,
#main-block ul li ol,
#main-block ol li ol,
#main-block ol li ul {font-size:1em;}

#main-block ul {margin-left:14px; list-style-type:square;}
#main-block ol {list-style-type:decimal-leading-zero;}

#main-block .e1 {padding-left:1.3em; font-family:georgia; font-size:1.2em; color:#555;}

#main-block .absatz {margin-bottom:1.3em;}

#main-block .txtteaserabsatz {margin-bottom:1.3em;}

#main-block .trennlinie {margin:1.2em 0; border-bottom:1px dotted #999;}

#main-block .txtpicabsatz p .kapitale, #main-block .absatz p .kapitale {
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#999;
	}

#zurueck, #weiter {
	font-family:"lucida grande", helvetica, sans-serif;
	font-size:1em;
	}

#main-block .txtpicabsatz .image-gross p, #main-block .txtpicabsatz .image p {
	font-style:italic;
	margin:0.5em 0;
	line-height:1.2em;
	font-size:0.8em;
	}

#main-block .txtpicabsatz .image p {
	width:150px;
	}

/*	Hyperlinks
------------------------------------------------------------------------------*/
#main-block a, #main-block a:link, #footer a, #footer a:link {color:#868;}
#main-block a:hover,#footer a:hover {color:#868; text-decoration:underline;}
#main-block a:visited, #footer a:visited {color:#666;}

/*
#main-block .news a, #main-block .news a:link {color:#868;}
#main-block .news a:hover {color:#868; text-decoration:underline;}
*/


/*	Images
-----------------------------------------------------------------------------*/
#main-block .floatLeft {margin:0 1.3em; float:left;}
#main-block .floatRight {margin:0 1.3em; float:right;} 
#main-block .noFloat {margin:0 1.3em; display:block;}

#main-block .rendertextlink {margin:1em 1.3em;}

/* #main-block div.image {position:relative; display:block; margin-bottom:5px; width:250px;} 
#main-block div.image p {font-style:italic; font-size:1em;} */
#main-block div.image {clear:both;}

#main-block .galerie {margin:1.1em 1.3em;}
#main-block .galerie-pic {padding:0 15px 10px 0;float:left;}
#main-block .galerie-pic a:hover img {border:1px solid #999;}
#main-block .galerie-pic img {border:1px solid #fff;} 


/*
#######################################################################################
	Formfields Liststyles Modules 
#######################################################################################
*/

/* newslist
-----------------------------------------------------------------------------*/

.newslist {margin:1em 0;} 

.newslist .newsitem {margin:1em 0; border-bottom:1px dotted #999;}

.newslist .newsitem h3 {
	margin:0 1.3em;
	color:#444;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:1.1em;
	}

.newslist .newsitem h4 {
	margin:0 1.3em;
	color:#999;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
	}

.newslist .newsimage {
	margin:0 1.3em;
	margin-bottom:1.2em;
	float:left;
	}

.newslist .newstext {
	margin:0 1.3em;
 	font-size:1.2em; 
	color:#111; 
	line-height:1.6em;
	}

.newslist .more {}


/* Formular
-----------------------------------------------------------------------------*/

.formgen {
	font-size: 1.2em;
	padding-right: 10px;
	padding-left: 10px;
}

label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor : pointer;
}

.formgen form {
line-height : 150%;
}

.formgen .formblock {
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
}

 .forminfo {
	width: 360px;
	margin-bottom: 15px;
	background-color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
}

.formgen br {
	clear : both;
}

.formgen .formtextfield {
	width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px dotted #333;
	background-color: #fff;
}

.formgen .formtext {
	width: 400px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #fff;
	border: 1px dotted #333;
}

/*
 .formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #FFCC66;	
} 
*/

.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 2em;
	font-weight: bold;
	color: #666;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #fff;
	margin-left: 4px;
	color: #333;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	background-color: #999;
	border: 1px dotted #333;
	float: right;
	color: #fff;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 1px solid #999;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #333;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

/* download module
*******************************************************************************/

#main-block .download {
	float:right; 
	display:block; 
	max-width:150px;
	margin:1em 14px; 
}

#main-block .download-file {
	min-height:38px;
	vertical-align:middle;
	margin-top:1.2em;
	padding:0.8em 0.9em;
	border:1px dotted #666;
}

#main-block .download-file a {
	color:#333;
	font-style:italic;	
	font-size:0.9em;
}

#main-block .download-file img {
	vertical-align:middle;
	float:left;
}