/*
	--------------------------------------------------
	ecm-köln

	media:		screen
	authors: 	Mary-Ann Sprenger
	--------------------------------------------------
	--------------------------------------------------
	colors:

	orange		-->	#f59e00;
	light grey	-->	#bfbfbf; (span)
	mid grey	-->	#959595; (text)
	dark grey	-->	#707070; (nav)
	--------------------------------------------------
*/

/* @group reset html */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,address {margin:0;padding:0;font-weight: normal;font-style: normal;font-size: 10px;line-height: 1,5em;color: #959595;cursor: default;font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;}
span {font-size: 10px;}
ul,li {list-style-type: none;}
a {outline: none;}
p {font-size: 11px;color: #858585;margin: 1em 0;}
img {border: none;}
/* @end */

/* @group general font settings */
a:link, a:visited {text-decoration: none;color: #858585;}
a:hover {text-decoration: none;color: #f59e00;}
	
h1 {font-size: 12px;line-height: 1,5em;font-weight: bold;color: #707070;}
h2 {font-size: 14px;font-weight: bold;color: #f59e00;}
h3 {font-size: 12px;line-height: 1,5em;font-weight: bold;color: #f59e00;}
h4 {font-size: 18px;line-height: 1em;}


#maincontent h1 {font-size: 14px;line-height: 1,2857em;font-weight: bold;color: #f59e00;}

.contentpaneopen ul, .contentpane_portfolio ul {
	margin-bottom: 7px;
}

.contentpaneopen ul li, .contentpane_portfolio ul li{
	background: url(../images/link.gif) no-repeat center left;
	padding-left: 15px;
}

.contentpaneopen a {
	color: #f59e00;
}	
/* @end */

/* @group general settings */
body {background: #fff;font: normal 1em/1.5em Tahoma, Helvetica, Verdana, Arial, sans-serif;text-align: left;}
#header {width: 820px;height: 25px;margin: auto;clear: both;margin-top: 30px;}
#wrapper, #sub {width: 840px;height: auto;margin: auto;}
#main {width: 840px;min-height: 400px;margin: auto;margin-top: 30px;}
#maincontent {padding-bottom: 30px;}

#footer {
border-top:1px solid #BFBFBF;
clear:both;
margin:auto;
width:840px;
}

#foot_nav {
	margin-bottom: 30px;
}

#subnav {
	margin-top: 5px;
}

#twitter {
	float: left;
	margin-top: 20px;
	margin-bottom: 40px;
}

#twitter_update_list a{
	color: #f59e00;
}

#twitter_update_list span a{
	color: #959595;
}

#twitter_update_list {
	line-height: normal;
}
/* @end */

/* @group navigation settings */
#main_nav {background: url(../img/nav_off.gif) repeat-x top left;height: 100px;width: auto;margin-top: 20px;}
#navitem li {width: 210px;height: 100px;float: left;}
#navitem li:hover,  #navitem li.active {background: url(../images/nav_on.gif) repeat-x top left;height: 100px;}
#main_nav a:link, #main_nav a:visited {list-style-type: none;display: block;line-height: 1.2em;height: 80px;padding: 20px 10px 0 10px;color: #707070;}
.active h1, #navitem li:hover h1{font-size: 12px;line-height: 1,5em;font-weight: bold;color: #f59e00;cursor: pointer;}

#subnavitem a:link span, #subnavitem a:visited{
	color: #f59e00;
}

#subnavitem a:hover, #subnavitem li.active a{
	color: #f59e00;
	font-weight: bold;
}

#subnavitem li {
	background: url(../images/link.gif) no-repeat top left;
	padding-left: 15px;
	margin-bottom: 5px;
	line-height:17px;
}


#footermenu li.parent {
	float: left;
	line-height: normal;
	margin-right: 20px;
	margin-top: 10px;
	font-weight: bold;
}

#footermenu li.parent ul {
	padding-top: 5px;	
}

#footermenu li.parent ul li{
	margin-bottom: 5px;	
}

#footermenu a:hover, #footermenu ul li.active a span, #footermenu li.parent a.active span {
	color:  #f59e00;
}

#login {
	line-height: normal;
}

#login h3 {
	font-size:10px;
	margin-top: 11px;
	margin-bottom: 5px;
}

#login p, #login a{
	font-size: 10px;
}

#login fieldset {
	border: none;
}


#copyright li{
	text-align: right;
	line-height: normal;
	margin-top: 10px;
	font-weight: bold;
}
/* @end */

/* @group columns */
.column {display: block;float: left;margin: 0 20px 0 0;}
.lastcol {margin: 0;padding: 0;}
.firstcol {margin-left: 10px;padding: 0;}
.twocol {width: 120px;}
.threecol {width: 190px;}
.fourcol {width: 260px;}
.fivecol {width: 330px;}
.sixcol {width: 400px;}
.sevencol {width: 470px;}
.eightcol {width: 540px;}
.ninecol {width: 610px;}
.twelvecol {width: 820px;}
/* @end */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 610px;
  max-width: 610px;
  width: 610px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: none;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  margin-bottom: 30px;
}


form fieldset table.upload td {font-size:13px;text-align: left;padding-bottom: 5px;}
form fieldset p {margin: 0px 0px 10px 0px;}
form fieldset table.upload input {margin:0px 0 0 10px;}
form fieldset table.upload tr {vertical-align: text-top;}

form fieldset legend {
	font-size:12px; /* bump up legend font size, not too large or it'll overwrite border on left */
    font-weight: bold; /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 80px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-size: 11px; 
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form input#vorname, form input#nachname, form input#telefon, form input#email, form input#efn, form input#institutsname {width: 180px;}
form input#strasse {width: 140px;}
form input#hausnummer {width: 30px;}
form input#plz {width: 45px;}
form textarea#text {width: 260px;}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}