@CHARSET "ISO-8859-1";

/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {
	margin: 0;
	padding: 0;
}

/*Set initial font styles*/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

/*if img is inside "a" it would have borders, we don't want that*/
img {
	border: 0;
}

/*default link styles*/
/* set all links to have underline and bluish color */
a, a:link a:active {
	text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
	background-color: inherit;
	color: #18507C;
}
a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #18507C;
/* a different color can be used for visited links */
}
/* remove underline on hover and change color */
a:hover {
	text-decoration: none;
	background-color: inherit;
	color: #385C72;
}

/*****************basic layout *****************/
.clear {
	clear:both;
}
div#content 
{
   	overflow: hidden;   /* hack to get equal columns */
	height: 100%; /* for IE6 */
}
	
body {
	margin: 0;
	padding: 0;
	color: black;
	background-color: #e9e3d3;
}

div#pagewrapper {
	width:980px;
	/*min-height:650px;*/ 
/* now that width is set this centers wrapper */
	margin: 0 auto;
	background-color: #ffffff;
}

/*************** topline ********************/
div#topline {
	background-color: #c9c0bd;
	height:32px;
}

/*************** header ********************/
div#header {
	padding:0px 12px 0px 12px;
	height:83px;
	background: #ffffff url('../../uploads/images/logo.png') no-repeat left top;

}

/* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */
div#header h1 {
/* this hides the text */
	text-indent: -999em;	
}

div#header h2 {
/* this hides the text */
	text-indent: -999em;
}


/******************** topmenu *********************/
div#topmenu {padding-top:57px;}
div#topmenu ul, div#topmenu li { list-style-type:none; padding:0; margin:0; }
div#topmenu ul { font-family: Verdana; overflow:auto; font-size:12px; font-weight:normal;float: right;}
div#topmenu li { float:left; }


div#topmenu li a { padding:0 12px 0px 12px;}

div#topmenu li a:link, div#topmenu li a:visited { text-decoration:none; color:#292b2c; }

div#topmenu li a:hover, div#topmenu li a:focus { text-decoration:underline; color:#e5313a; }

div#topmenu li {color:#292b2c;}

div#topmenu ul li:after {
	content: "|";
}

div#topmenu ul li:last-child:after {
	content: "";
}


/******************** leftmenu *********************/
div#leftmenu { width: 174px; margin-left: 12px; padding-top:10px; background-color: #c9c0bd; float: left;
    padding-bottom: 32767px;    /* hack to get equal columns */
	margin-bottom: -32767px;    /* hack to get equal columns */
}
div#leftmenu ul, div#leftmenu li { list-style-type:none; padding:0; margin:0; }
div#leftmenu ul { font-family: Verdana; overflow:auto; font-size:12px; font-weight:normal;float: none;}
div#leftmenu li { float: none; padding: 2px 2px 2px 8px; width:164px;}
div#leftmenu li.separator { height: 10px; }
div#leftmenu li:hover { background-color:#e5e0df;}
div#leftmenu li.menuactive { background-color:#e5e0df;}
div#leftmenu li.separator:hover { background-color:#c9c0bd;}

div#leftmenu li a { padding:0px 0px 0px 0px;}

div#leftmenu li a:link, div#leftmenu li a:visited { text-decoration:none; color:#292b2c; }

div#leftmenu li a:hover, div#leftmenu li a:focus { text-decoration:underline; color:#e5313a; }

div#leftmenu li {color:#292b2c;}

/******************** breadcrumbs *********************/
div.breadcrumb {
/* CSS short hand rule first value is top then right, bottom and left */
	padding: 0px;
/* its good to set font sizes to be relative, this way viewer can change his/her font size */
	font-size: 12px;
background-color:#ffffff;
	padding: 12px 0px 0px 0px;
/* you can set your own image here */
	height:20px;
}

div.breadcrumb a
{
    padding: 0px 0px 0px 0px;
    text-decoration:underline;
    color:#020202;
}

div.breadcrumb a:hover, div.breadcrumb span.current span
{
    text-decoration:underline;
    color:#e5313a;
}

div.breadcrumb span.crumb:before
{
    content: "\0000A0\0000A0|\0000A0\0000A0";
}

div.breadcrumb span.crumb:first-child:before
 {
	content: "";
}



/******************** main *********************/
div#main {
	margin: 0px 12px 0px 12px; 
	background-color:#ffffff; 
	float:right; 
	width:770px;
	
	padding: 0px;
    padding-bottom: 32767px;    /* hack to get equal columns */
	margin-bottom: -32767px;    /* hack to get equal columns */


}


div#content hr
{
    width:100%;
    background-color:#000000;
    height:1px;
    color:#000000;
    border: none;
    margin:10px 0px 10px 0px;
}

div#content hr.noTopMargin
{
    margin-top:0px;
}

/******************** news *****************/
div#main div#news {height:250px; width:250px; background-color:#c9c0bd;}

/******************** pictures *****************/
div#main table {border-collapse: collapse; 
    border-style: hidden; 
}
div#main td {border: 10px solid white; }


/******************** Übersicht ********************/
div#uebersichtListe  table {
    border-collapse: collapse; 
    border-style: hidden; 
    border: 0px; 
}

div#uebersichtListe tr {
    cursor:pointer;
}

div#uebersichtListe tr:hover
{
    background-color:#dedede;
}

div#uebersichtListe td 
{
    vertical-align: top;
    border: 0px;
    padding: 5px;
}

div#uebersichtListe td.text 
{
    padding-left:20px;
}

div#uebersichtListe h1
{
    color: #403838;
    font-size:30px;
    text-transform: uppercase;
    font-weight: normal;
}

div#uebersichtListe h2
{
    color: #403838;
    font-size:20px;
    font-weight: normal;
    margin-bottom: 20px;
}

div#uebersichtListe h3
{
    color: #e5313a;
    font-size:12px;
    font-weight: normal;
}

.float_left
{
    float:left;
}

.float_right
{
    float:right;
}

/******************** Publikation ***************/

div#publikation ul
{
    margin:0px 0px 0px 40px;
    list-style-type: square ;
    line-height: 150%;
}

div#publikation h1 
{
    font-weight: bold;
    text-transform: none;
    font-size:22px;
    margin: 20px 0px 10px 5px;
}
div#publikation h2 
{
    margin: 20px 0px 10px 5px;
}

/******************** Detail ********************/
div#uebersichtListe table.detail tr:hover {
    background:none; 
}

img.detail_left, div.detail_left
{
    float:left;
    margin-right: 10px;
}

img.detail_right, div.detail_right
{
    float:right;
    margin-left: 10px;
}

div#uebersichtListe p {
    margin-bottom: 10px;
}

div#uebersichtListe div.bildunterschrift {
    font-size: 10px;
    color: #8f8f8f;
}


/*************** footer ********************/
div#footer {
	background-color: #c9c0bd;
	height:22px;
	text-align:center;
	margin-top:12px;
	padding-top:10px;
}

/************* newsletter ******************/
div#newsletter h1 {
    color: #403838;
    font-size:30px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0px 30px 0px;
}

div#newsletter h2 {
    color: #403838;
    font-size:22px;
    text-transform: normal;
    margin: -25px 0px 30px 10px;
}

div#newsletter .nms_subscribe {
  margin: 0px 0px 10px 5px;
}

div#newsletter .nms_subscribe span.email, div#newsletter .nms_subscribe span.name, div#newsletter .nms_subscribe span.vor_submit, div#newsletter .nms_unsubscribe span.email, div#newsletter .nms_unsubscribe span.vor_submit, div#newsletter .nms_settings span.email, div#newsletter .nms_settings span.name, div#newsletter .nms_settings span.vor_submit {
  width: 200px;
  display: inline-block;
}


div#newsletter .nms_subscribe input[type=text], div#newsletter .nms_unsubscribe input[type=text], div#newsletter .nms_settings input[type=text] {
  border: 1px solid black;
  width: 200px;
  margin: 0px 0px 5px 10px;
  padding: 2px;
}

div#newsletter .nms_subscribe input[type=submit], div#newsletter .nms_unsubscribe input[type=submit], div#newsletter .nms_settings input[type=submit] {
  border: 1px solid black;
  width: 206px;
  margin: 0px 0px 5px 10px;
  padding: 2px;
}

div#newsletter .nms_subscribe input[type=checkbox], div#newsletter .nms_settings input[type=checkbox] {
  border: none;
  width: 30px;
  margin: 0px 0px 5px 10px;
  padding: 2px;
}

div#newsletter div.message_ok {
    width:748px;
    background-color:#baffb5;
    border: 1px solid #0ecb00;
    margin: 10px 0px 10px 0px;
    padding: 10px;
}
/* Stylesheet: Alex Main Modified On 2013-03-04 21:08:16 */