/* -------------------------------------------
project:  UGE
date:    2008/10/24
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #5E5E60; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #60B2DF; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
html {height: 100.01%; background: #fff url(../images/back.gif) left 100px repeat-x;}

/* basic text elements */
h1 {margin-bottom: 1em; font-size: 1.8em;}
h2 {margin: 1em 0 0.8em 0; font-size: 1.3em; font-weight: normal;}
h3 {margin: 1em 0 0.8em 0; font-size: 16px;}
h4 {margin: 1em 0 0.8em 0; font-size: 1.2em;}
p {margin: 1em 0 1em 0;font-size: 12px;}
ul, ol {margin: 1em 0 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}

/* basic form elements */
fieldset {border: none;}
legend {border: none; font-weight: bold;}
label {display: block; float: left; clear: left; width: 150px; margin: 5px 0 5px 0;}
input {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #9FA0A2; background: #fff;}
	input.chk, input.radio {width: auto; border: none;}
textarea {width: 275px; height: 50px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
select {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}

/* layout
------------------------------------------- */
body {position: relative; width: 1000px; margin: 0 auto; background: url(../images/header-back.gif) left 100px repeat-x;}
	#header {position: relative; height: 300px;}
		#header h1 {margin: 0; padding: 0;}
		#logo {display: block; overflow: hidden; position: absolute; top: 25px; width: 200px; height: 63px; background: url(../images/uge-gmbh.png) no-repeat; text-indent: -10001px;}
		#header ul {position: absolute; margin: 0; padding: 0;}
			#header ul li {float: left; list-style: none; margin: 0; padding: 0;}
		#header img {position: absolute; left: 201px; top: 100px; z-index: 1; width: 599px;}
		
		#mainmenu {left: 200px; top: 248px; z-index: 2; width: 600px; height: 25px;}
			#mainmenu li {height: 25px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; width: 119px}
			#mainmenu li.curr a {color: white; font-weight: bold;}
			/*#898A8C*/
				#mainmenu a {display: block; float: center; height: 25px; background: #898A8C; color: white; line-height: 25px; text-transform: uppercase; text-align: center}
				#mainmenu a:visited {display: block; float: center; height: 25px; background: #898A8C; color: white; line-height: 25px; text-transform: uppercase; text-align: center}
				#mainmenu a:hover {background: #60B2DF; text-decoration: none;}
				
		#slogan {overflow: hidden; width: 390px; height: 25px; margin: 0 auto; padding: 0; background: url(../images/slogan.png) center center no-repeat; text-indent: -10001px;}
		#utils {right: 0; top: 0; width: 200px; height: 25px; padding-left: 5px; background: #F2F3F3;}
			#utils a, #utils a:visited {display: block; float: left;  height: 25px; padding: 0 5px 0 6px; color: #A9AAAC; font-size: 0.9em; line-height: 25px;}
			#utils a:hover {color: #60B2DF; text-decoration: none;}
		#img-cover {position: absolute; bottom: 0; left: 200px; z-index: 2; width: 600px; height: 40px; background: #fff; opacity: 0.5; moz-opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); }	
	#content {width: 550px; margin: 0 auto; /*text-align: justify;*/}
	.sidebar {width: 200px; padding-bottom: 10px; background: #F2F3F3;}
		.sidebar h3 {margin: 0 0 10px 0; padding: 0 10px 0 10px; background: #B3B4B6; color: #fff; font-size: 1em; font-weight: normal; line-height: 25px; text-transform: uppercase;}
	#side1 {float: left;}
	#side2 {float: right; background: #F2F3F3 url(../images/bubbles.gif) right bottom no-repeat;}
	#footer {clear: both; background-color: #E9EAEA; padding: 10px; margin-bottom: 7px; }
		#footer p {color: #A9AAAC; font-size: 1.2em; text-align: center;}

/* 
------------------------------------------- */
.tech-table {
	border: none;
}
.tech-table tr td.td-o {
	font-weight: bold;
}

.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.section {border-bottom: 1px dashed #5E5E60; font-size: 13px; padding-bottom: 10px}
.news {margin: 0 10px 0 10px; border-bottom: 1px dashed #5E5E60;}
	.news h4 {font-size: 1em; font-weight: bold;}
	
#sidemenu {margin: 0; padding: 0;}
	#sidemenu li {list-style: none; margin: 0; padding: 0;}
		#sidemenu li ul {margin: 0; padding: 0;}
	#sidemenu a, 	#sidemenu a:visited {display: block; height: 23px; padding-left: 30px; border: 1px solid #F1F1F2; border-right: 1px solid #E3E3E4; border-left: 1px solid #E3E3E4; background: #9FA0A2 url(../images/icons/arrow_white.gif) left -25px no-repeat; color: #fff; line-height: 23px; text-transform: uppercase;}
	/*#sidemenu li.current a {background: #5B5C5E url(../images/icons/arrow_white.gif) no-repeat left -25px;}*/
	/*#60B2DF*/
	#sidemenu li.current a {font-weight: bold;}
	/*#C6C7C9;*/
	#sidemenu li ul.submenu li.current-sub a {background:#60B2DF; color: white;}
/*	#sidemenu li ul.submenu li.current-sub a {background: #60B2DF;}*/
	#sidemenu li ul.submenu li.n-sub a {background: #C6C7C9;}
	#sidemenu li a:hover, #sidemenu li.current a:hover {background: #60B2DF; color: #000; text-decoration: none;}
		#sidemenu ul a, #sidemenu ul a:visited {padding-left: 50px; background: #C6C7C9; text-transform: none;}
		
  #mailformAndere {
  	width: 280px;
	border: 1px solid #9FA0A2;
  }
  #mailformHow_did_you_find_us {
  	width: 280px;
	border: 1px solid #9FA0A2;
  }
  #mailformNachricht {
  	border: 1px solid #9FA0A2;
  }
  #mailformformtype_mail {
  	width: 280px;
  }
  
#contact li {list-style: none; margin: 0 10px 0 10px; padding: 5px 0 5px 35px; border-bottom: 1px dashed #5E5E60; background-position: left center; background-repeat: no-repeat; font-size: 1.4em; line-height: 1em; text-transform: uppercase;}
	#contact li span {font-size: 0.7em; text-transform: none;}
	#contact li#tel {background-image: url(../images/icons/phone.gif);}
	#contact li#email {background-image: url(../images/icons/mail.gif);}
		#contact li#email a {color: #5E5E60;}
	#contact li#info {border-bottom: none; background-image: url(../images/icons/question.gif);}

#banners li {list-style: none; margin: 5px 10px 5px 10px;}
#banners { /*min-height: 100%*/}

#up_banners2 { 
height: 200px;
list-style: none;
margin: 0 10px 0px 0px;
float: none;
}

#up_banners2 li{ 
list-style: none;
margin: 0 0 5px 10px;
float: none;
}

.sidebar form {margin: 0; padding: 10px; background: #F8F8F8;}
	.sidebar label {width: 40px; padding-top: 2px;}
	.sidebar input {width: 115px; vertical-align: middle;}
	.sidebar button {overflow: hidden; width: 10px; height: 11px; border: none; background: #f8f8f8 url(../images/icons/arrow_grey.gif) no-repeat; text-indent: -10001px; vertical-align: middle; cursor: pointer;}

.tech-table {
	border: none;
}
.td-0, .td-1 {
	border-top: 15px solid #9FA0A2;
	padding: 2px 10px 2px 10px;
}
.td-0 {
	font-weight: bold;
}
.td-1{
	text-align: center;
}	
.submit-search {
	display: block;
	background: url(../images/icons/arrow_grey.gif) no-repeat;
	width: 10px;
	height: 11px;
	border: none;
	cursor: pointer;
	margin-top: -10px;
}

#tx-powermail-pi1_fieldset_1 legend {
	display: block;
	width: 180px;
	font-size: 25px;
	color: white;
	padding: 0 10px 0 10px;
	background: #5E5E60;
}
#uid1 {
	width: 55px;
	border: 1px solid #9fa0a2;
}
.powermail_contactform powermail_submit powermail_submit_uid8 {
	width: 200px;
}

.csc-sitemap ul li a {
	/*display: block;
	width: 100%;
	background: #E6F3FA;*/
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	color: #2277A8;
	text-decoration: none;
}
.csc-sitemap ul li ul li a {
	font-size: 13px;
	font-weight: bold;
	color: #2992CD;
	text-decoration: none;
}
.csc-sitemap ul li ul li ul li a {
	font-size: 12px;
	font-weight: normal;
	color: #60B2DF;
	text-decoration: none;	
}
.events_short {
	border-bottom: 1px dashed #9C9C9C;
	padding: 5px 0px 5px 0px;
	margin-left: 10px;
	margin-right: 10px;
}