/* CSS fuer internet.motio.de */

/*
VERWENDETE FARBEN:
sehr helles gruen: #EAF8F1
helles gruen: #C7E8D7
gruen: #92D6B4
dunkles gruen: #04A987

helles grau: #EEEEEE
grau: #808080
dunkles grau: #404040
*/


/* ################## GENERELLES LAYOUT ################## */
body {
	background:url(/gfx/bg_page.gif) repeat-y left top #FFF;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:16px;
	font-family:arial,helvetica,sans-serif;
	color:#000;
}

a {
	color:#000;
}

img {
	border:0px;
}

.clear {
	float:none;
	clear:both;
}

input.button {
	border:1px solid #808080;
	background:#92D6B4;
	color:#000;
	font-size:12px;
	font-weight:bold;
	height:20px;
}

input.text {
	border:1px solid #808080;
	background:#fff;
	color:#404040;
	margin-right:6px;
	height:20px;
	font-family:arial,helvetica,sans-serif;	
}

html>body .fileupload {
	background:#EAF8F1;
}

.greyline {
	clear:both;
	border-top:1px solid #808080;
	font-size:0px;
	height:1px;
	width:100%;
}


/* ################## HEADERLEISTE ################## */
#header {
	width:100%;
	height:86px;
	background:url(/gfx/header_bg.gif) repeat-x #C7E8D7;
	border-bottom:1px solid #000;
}

#header img.motio {
	width:204px;
	height:40px;
	margin-bottom:10px;
}

#header img.waves {
	position:absolute;
	left:0px;
	top:21px;
	width:568px;
	height:65px;
}

#header .search {
	margin-left:780px;
	width:220px;
	height:86px;
}

html>body #header .search {
	width:200px;
	margin-left:788px;
} 

#header .search .searcharea {
	width:115px;
}

#header .search .formular {
	margin:0px;
	padding:0px;
}


/* ################## HAUPTNAVIGATION ################## */
#header .mainnavigation {
	margin-top:0px;
	height:25px;
	width:100%;
	background:url(/gfx/menu_top_off.gif) 0px 0px repeat-x #EFFFF7;
	border-top:1px solid #000;
}

html>body #header .mainnavigation {
	border-bottom:2px solid #000;
} 

#header .mainnavigation span a {
	position:relative;
	color:#404040;
	text-decoration:none;
	float:left;
	padding:4px 6px 2px 6px;
	margin:0px 4px 0px 6px;
	height:25px;
}

html>body #header .mainnavigation span a {
	padding:5px 6px 0px 6px;
	height:20px;
}

#header .mainnavigation span.active a {
	float:left;
	background:url(/gfx/menu_top_on.gif) 0px 0px repeat-x;
	font-weight:bold;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#header .mainnavigation span.divide {
	display:none;
	float:left;
}


/* ################## LINKE BOX ################## */
#leftbox {
	clear:both;
	width:180px;
	display:block;
	float:left;
}

#leftbox .lmenu {
	position:relative;
	clear:both;
	left:0px;
}

/* erste menueebene */
#leftbox .lmenu ul {
	font-weight:bold;
	list-style-type:none;
	padding:4px 0px 20px 0px;
	margin:0px;
}

html>body #leftbox .lmenu ul {
	padding-top:14px;
} 

#leftbox .lmenu ul li a {
	text-decoration:none;
	color:#000;
	margin:0px;
}

#leftbox .lmenu ul li {
	padding:3px 0px 2px 20px;
	margin:0px 0px 4px 0px;
}

html>body #leftbox ul li {
	padding:4px 0px 2px 20px;
}

#leftbox .lmenu ul li.active, #leftbox .lmenu ul li.open {
	background: url(/gfx/menu_left_on.gif) 0px 1px repeat-x #DFDFDF;
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
}

html>body #leftbox .lmenu ul li.active, html>body #leftbox .lmenu ul li.open {
	background: url(/gfx/menu_left_on.gif) 0px 0px repeat-x #DFDFDF;
}

#leftbox .lmenu ul li.sub {
	padding-bottom:0px;
	border:0px;
	border-top:1px solid #808080;
}

/* zweite menueebene */
#leftbox .lmenu ul li ul {
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
	background: #FFF;
	font-weight:normal;
	padding:4px 0px 0px 0px;
	font-size:11px;
	margin:4px 0px 0px -20px;
	width:180px;
}


#leftbox .lmenu ul li ul li {
	background: url(/gfx/li_closed.gif) 26px 8px no-repeat;
	padding-left:38px;
	margin-left:-5px;
	border:0px;
}

#leftbox .lmenu ul li ul li.active, #leftbox .lmenu ul li ul li.open {
	background: url(/gfx/li_opened.gif) 26px 8px no-repeat;
	font-weight:bold;
	border:0px;
}

/* dritte menueebene */
#leftbox .lmenu ul li ul li ul {
	padding-bottom:0px;
	font-size:11px;
	width:160px;
	border:0px;
}

/* vierte menueebene */
#leftbox .lmenu ul li ul li ul {
	padding-bottom:0px;
	font-size:11px;
	width:140px;
	border:0px;
}


#leftbox .mydocuments {
	width:180px;
	left:0px;
}

#leftbox .mydocuments h2 {
	background: #C7E8D7;
	line-height:14px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:4px 4px 4px 6px;
	margin:0px;
}

#leftbox .mydocuments ul {
	list-style-type:none;
	margin:0px;
	padding:4px 4px 4px 20px;
	font-size:11px;
	line-height:13px;
}

#leftbox .mydocuments ul li, #leftbox .mydocuments ul li a {
	color:#808080;
	text-decoration:none;
	padding-bottom:4px;
}

html>body .mydocuments ul li {
	margin-left:-20px;
}


/* ################## RECHTER CONTENTBEREICH ################## */
#content {
	position:absolute;
	padding-top:8px;
	float:left;
	width:575px;
	margin-left:30px;
}

html>body #content {
	padding-top:17px;
	left:180px;
	top:130px;
}

/* BREADCRUMB */
#content #breadcrumb {
	font-size:11px;
	margin-bottom:14px;
}

/* GENERELLES */
#content .alertbox {
	clear:both;
	border: 1px solid #808080;
	width:562px;
	margin:4px;
	padding:6px;
	background: #EEEEEE;
}

html>body #content .alertbox {
	width:551px;
}

#content .alertbox h4, #content .alertbox p {
	margin:0px;
	padding:0px;
	font-size: 12px;
}

#content .mediatable, #content .contenttable {
	display:block;
	width:573px;
	border:1px solid #808080;
	border-bottom:0px;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:12px;
}

#content table.mediatable td, #content table.contenttable td {
	padding:4px;
	color:#404040;
}

#content table.mediatable tr td.bg1, #content table.contenttable tr td.bg1 {
	background: #EEEEEE;
	border-bottom:1px solid #808080;
}

#content table.mediatable tr td.bg2, #content table.contenttable tr td.bg2 {
	background: #FFF;
	border-bottom:1px solid #808080;
}

#content table.mediatable tr td.title, #content table.contenttable tr td.title {
	background: #04A987;
	color:#FFF !important;
	font-weight:bold;
	border-bottom:1px solid #808080;
}

#content table.mediatable tr td.titlegrau, #content table.contenttable tr td.titlegrau {
	background: url(/gfx/header_on.gif) 0px 0px repeat-x #DFDFDF;
	font-weight:bold;
	border-bottom:1px solid #808080;
}

#content table.mediatable tr td.title a, #content table.contenttable tr td.title a {
	color:#FFF !important;
}

#content table.mediatable tr td.medianame {
	width:290px;
}

#content table.mediatable tr td.mediatype {
	width:100px;
}

#content table.mediatable tr td.mediasize {
	width:60px;
}

#content table.mediatable tr td.mediachange {
	width:100px;
}

#content table.mediatable tr td.pdf {
	padding-left:24px;
	background-image: url(/gfx/pdf.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

#content table.mediatable tr td.doc {
	padding-left:24px;
	background-image: url(/gfx/doc.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

#content table.mediatable tr td.ppt {
	padding-left:24px;
	background-image: url(/gfx/ppt.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

#content table.mediatable tr td.xls {
	padding-left:24px;
	background-image: url(/gfx/xls.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

#content table.mediatable tr td.unknown {
	padding-left:24px;
	background-image: url(/gfx/unknown.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

#content table.contenttable tr td.contentdatum {
	width:90px;
}

#content table.contenttable tr td.contenttitel {
	width:520px;
}

#content table.contenttable tr td.contentname {
	width:300px;
}

#content table.contenttable tr td.contentreferent {
	width:220px;
}

#content table.contenttable tr td.contentlabel {
	width:90px;
}

#content table.contenttable tr td.pers_name {
	width:251 !important;
}

#content table.contenttable tr td.pers_email {
	width:300px !important;
}

#content table.contenttable tr td.pers_status {
	width:20px !important;
}


#content .contentbox {
	clear:both;
	border: 1px solid #FFF;
	width:573px;
	margin:0px 0px 10px 0px;
	padding:0px;
	color: #404040 !important;
}

html>body #content .contentbox, html>body #content .forum {
	width:571px;
} 

#content .contentbox table {
	font-size:12px;
}

#content .contentbox ul, #content .contentbox ol {
	margin-top:0px !important;
	margin-bottom:0px !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
}

#content .contentbox div.bild {
	display:block;
	float:left;
	clear:both;
	margin:4px 2px 4px 2px;
	background: #EEEEEE;
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
}

html>body .contentbox div.bild {
	margin:4px 6px 4px 4px !important;
}

#content .contentbox div.bild img {
	border-top:1px solid #333;
}

#content .contentbox div.bild p {
	font-size:11px;
}

#content .contentbox h2, #content .forum h2 {
	margin:0px;
	padding:4px;
	font-size:12px;
	font-weight:bold;
	background: #04A987;
	color:#FFF;
	border-bottom:1px solid #808080;
}

#content .contentbox h3 {
	margin:0px;
	padding:4px;
	font-size:12px;
	font-weight:bold;
	color:#000;
}

#content .contentbox h2 a {
	color:#FFF;
}

html>body #content .contentbox h2,  html>body #content .forum h2{
	padding-bottom:2px;
}

#content .contentbox p, #content .forum p {
	padding:4px;
	color:#404040;
	margin:0px;	
}

/* FORUM UND LOGIN */
#content .forum, #content .login {
	clear:both;
	border: 1px solid #808080;
	width:573px;
	margin-bottom:10px;
	padding:0px;
}

#content .login {
	clear:both;
	border: 1px solid #04A987;
	background:#EAF8F1;
	width:573px;
	margin-bottom:10px;
	padding:0px;
}

#content .forum ul {
	list-style-type:none;
	padding:4px 4px 20px 0px;
	margin:0px;
}

#content .forum ul li{
	background: url(/gfx/li_dots.gif) 6px 5px no-repeat;
	padding-left:16px;
	margin-left:-5px;
}

#content .forum h3{
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:4px;
}

#content .forum p {
	font-size:11px;
	font-weight:normal;
}

#content .downloadinfo {
	display:block;
	background:#EAF8F1;
	border: 1px solid #04A987;
	width:562px;
	padding:4px !important;
	margin:4px 4px 8px 4px;
	font-size:12px;
	color:#000;
}

#content .forum .newentry {
	display:block;
	background:#EAF8F1;
	border: 1px solid #04A987;
	width:562px;
	padding:4px !important;
	margin:4px;
}

#content .login .newentry {
	display:block;
	background:#EAF8F1;
	border: 1px solid #EAF8F1;
	width:562px;
	padding:4px !important;
	margin:4px;
}

#content .memberform .newentry {
	display:block;
	background:#EAF8F1;
	border: 1px solid #04A987;
	width:553px;
	padding:4px !important;
	margin:4px;
}

#content .memberform .alertbox {
	width:545px;
}

html>body #content .memberform .alertbox {
	width:541px;
}

html>body #content .newentry {
	width:545px !important;
}

#content .newentry h3 {
	color:#04A987;
	padding-bottom:2px;
	font-size:14px;
}

#content .newentry label {
	clear:both;
	width:60px;
	font-size:11px;
	color:#04A987;
}

#content .newentry input.text, #content .area, #content select, #content input.file {
	border: 1px solid #04A987;
	position:relative;
	clear:both;
	width:500px;
	font-size:11px;
	font-weight:normal;
}

#content .newentry .area {
	height:100px;
	font-weight:normal;
	font-family:arial,helvetica,sans-serif;
	display:block;
}

#content .newentry input.button {
	margin:4px 4px 0px 0px;
	width:100px;
}

#content .pagefooter {
	padding: 10px 0px 10px 0px;
}

/* SUCHE */
.searchresult {
	margin:1px;
	padding:10px 2px;
	border-top: 1px dotted #04A987;
}

.searchresult h3 {
	font-size:12px;
	margin:2px 2px 0px 2px;
	padding:2px 2px 0px 2px;
}


.searchnavi {
	display:block;
	background:#EAF8F1;
	border: 1px solid #04A987;
	width:563px;
	padding:4px !important;
	margin:4px;
	color:#04A987;
}

html>body #content .searchnavi {
	width:553px !important;
}

.searchnavi a {
	color:#04A987;
	line-height:20px;
}

.searchnavi span.rand {
	border: 1px solid #04A987;
	background:#fff;
	font-weight:bold;
	line-height:18px;
}

.searchnavi div.left {
	float:left;
	display:block;
	
}

.searchnavi div.middle {
	float:left;
	display:block;
	text-align:center;
	width:300px;
	
}

.searchnavi div.right {
	float:right;
	display:block;
}

label.fullwidth {
	float:left;
	clear:both;
	width:500px;
}

#content ul li, #content ol li {
	margin:4px;
	padding:2px;
}