@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
}

body { 
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #767676;
	background-image: url(body_bg.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 101%;
}

b { color: #991155; }

#page {
	margin: 0 auto;
	padding: 0;
	width: 850px;
	text-align: left;
}

#head {
	height: 115px;
	text-align: left;
}

#navi {
	position: relative;
	height: 22px;
	width: 335px;
	/*width: 430px;*/
	float: right;
  top: 13px;
}

#left {
	width: 220px;
	margin-right: 0px;
	background-image: url(left_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
}

#left2 {
	width: 220px;
	margin-right: 0px;
	background-image: url(left_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
}

#left .color, #left2 .color {
	width: 190px;
	background-color: #cc0066;
	padding: 5px 15px 15px 15px;
	margin-top: 10px;
}

#right {
	width: 620px;
	float: right;
	background-image: url(right_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#right2 {
	width: 620px;
	float: right;
	background-image: url(right_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#right .white, #right2 .white {
	width: 590px;
	padding: 0 15px;
	background-color: #ffffff;
	margin-bottom: 10px;
}

#foot {
	margin-top: 10px;
	height: 32px;
	clear: both;
	background-image: url(foot.gif);
	background-repeat: no-repeat;
	padding: 0 15px; 
}


.logo {
	float: left;
}

.claim {
	margin-left: 422px;
	padding-top: 30px;
	width: 320px;
	height: 50px;
}

.logout {
  position: relative;
  float: right;
  top: 0px;
}
  

.wrapper {
 background: #ffffff url(bg_r.gif) repeat-y left;
}

.wrapper_detail {
	background-image: url(bg_r_detail.gif);
	background-repeat: repeat-y;
	background-position: left;
}


.left {
	float: left;
	width: 360px;
}

.left_detail {
	float: left;
	width: 410px;
}

.headimage {
	margin-bottom: 15px;
}

.right {
	float: right;
	width: 208px;
}

.right_detail {
	float: right;
	width: 150px;
	padding: 15px 0 0 15px;
}

.box_right {
	border-bottom: #cc0066 1px solid;
	margin-bottom: 15px;
	clear: both;
}

.right_detail .box_right {
	border-bottom: none;
	margin-bottom: 15px;
}

.right_list, .right_list2  {
  	padding-top: 15px;
}

.right_list .box_right {
  border-bottom: none;
	margin-bottom: 15px;
	padding-bottom: 10px;
	background-image: url(list_border.gif);
	background-repeat: no-repeat; 
	background-position: bottom;
}

.right_list2 .box_right {
  border-bottom: none;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.right_list .box_right .trenner {
	clear: both;
}

.box_left {
	margin-bottom: 15px;
}


#right .teaser, #right2 .teaser {
	margin-bottom: 10px;
}

#left .teaser, #left2 .teaser {
	margin-bottom: 10px;
}

#foot .left { text-align: left; padding-top: 10px; }
#foot .right { text-align: right; padding-top: 10px; width: 400px; }
#foot a:hover { text-decoration: underline; }

/* navi */


ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
li {
  float: left;
  position: relative;
}
  
li ul {
  display: none;
  position: absolute; 
  left: 0px;
  top: 22px;
  }


li:hover ul, li.over ul{ display: block; }


ul.list li { clear: both; }

li.list { clear: both; width: 100%; }

.left input { clear: both; }

#subnavi {
	position: absolute;
	left: auto;	
}

.submenu {
  position: relative;
	width: 129px;
	height: 44px;
	padding-top: 15px;
	background-image: url(navi/subnavi_bg.gif);
	background-repeat: no-repeat;
}

.submenu2 {
  position: relative;
	width: 129px;
	height: 26px;
	padding-top: 15px;
	background-image: url(navi/subnavi2_bg.gif);
	background-repeat: no-repeat;
}


/* typo */

h1 { font-family: Geneva, Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #991155; }
h2 { font-family: Geneva, Arial, Verdana, sans-serif; font-size: 14px; margin: 0 0 10px 0; font-weight: normal; text-transform: uppercase; }
.right_list h2, .left_detail h2, .headline { font-family: Geneva, Arial, Verdana, sans-serif; font-size: 14px; margin: 0 0 10px 0; font-weight: bold; text-transform: uppercase; color: #991155; }
h3, .abstract { font-family: Geneva, Arial, Verdana, sans-serif; font-size: 12px; margin: 0 0 10px 0; font-weight: bold; text-transform: uppercase; color: #991155; }
h4 { font-family: Geneva, Arial, Verdana, sans-serif; font-size: 10px; margin: 0; font-weight: normal; text-transform: uppercase; color:#cc0066; }
h5 { }

/* p { margin: 15px 0; clear: both; } */

#left p, #left2 p { margin: 0 0 15px 0; }


a { color:#000000; }
a.ext { background-image: url(link_ext.gif); background-position: left; padding-left: 12px; background-repeat: no-repeat; text-decoration: underline; }
a.int { background-image: url(link_int.gif); background-position: left; padding-left: 12px; background-repeat: no-repeat; }

.search_text a { color: #cc0066; }

#foot { color: #fff; }
#foot a { color: #fff; text-decoration: none; }

.info { font-family: Geneva, Arial, Verdana, sans-serif; font-size: 10px; margin: 0; font-weight: normal; padding-bottom: 10px; display: block; }

/* images */

img { border: none; }

.catalogue_image { float: left; margin: 0 0 15px 0; } 

.button { margin: 5px 0 0 0; }

#left img, #left2 img { float: left; margin: 0 10px 5px 0; }

#left .teaser img, #left2 .teaser img { float: none; }


/* forms */

form { margin: 0; padding: 0; }
input { margin: 0; padding: 0; }

input.input_field_left { margin: 0 0 10px 0; padding: 1px 0 0 0; width: 159px; height: 18px; border: 0px solid #000; float: left; font-size: 12px; }

.box_right .sort {
	float: left;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 6px;
}


.box_right select {
	width: 150px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #797A7D;
}




/* helper */

.clear { clear: both; margin: 0; padding: 0; }

.ie6fix { height: 15px; background-color: #fff; }

.country {
	position: absolute;
	margin: 20px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}