html {
	height:101%;
}

body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #E8EDEE;
    margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #628296;
	height:100%;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
	color:#00BFEC;
}

h1 {
	font-size:20px;
	margin: 20px 0 20px 0;
}
h2 {
	font-size:18px;
	margin: 20px 0 20px 0;
}
h3 {
	font-size:16px;
	margin: 20px 0 20px 0;
}
h4 {
	font-size:14px;
	margin: 20px 0 20px 0;
}
h5 {
	font-size:12px;
	margin: 20px 0 20px 0;
}
h6 {
	font-size:10px;
	margin: 20px 0 20px 0;
}

form {
	display:inline;
}

a:focus {
	-moz-outline: none;
	outline: none;
	ie-dummy: expression(this.hideFocus=true);
}
a, a:visited {
	color: #628296;
	text-decoration:underline;
}
a:hover {
	color:#FF5C01;
	text-decoration:underline;
}
a.link_no_hover, a.link_no_hover:hover  {
	text-decoration:none;
	color: #628296;
	
}
#page {
	width:100%;
	height:100%;
	text-align:center;
}
#shadow_up {
	position: relative;
	margin: 0 auto;
	width:1020px;
	border:0;
	background: #E8EDEE url(/images/layout/schatten_hauptteil.gif) repeat-y;
}
#shadow_down {
	position:relative;
	width:1020px;
	margin:0 auto;
}
#shadow_down_left{
	float:left;
	width:10px;
	border:0;
	margin:0;
	height:10px;
	background: #E8EDEE url(/images/layout/schatten_unten_links.gif) no-repeat;
}
#shadow_down_center{
	float:left;
	width:1000px;
	border:0;
	margin:0;
	height:10px;
	background: #E8EDEE url(/images/layout/schatten_unten_mitte.gif) repeat-x;
}
#shadow_down_right{
	float:left;
	width:10px;
	border:0;
	margin:0;
	height:10px;
	background: #E8EDEE url(/images/layout/schatten_unten_rechts.gif) no-repeat;
}
#container {
	position: relative; 
	width: 1000px;
	margin: 0 auto;
	border: 1px solid #ccc;
	text-align: left;
}
#top_header {
	height:25px;
	margin:0px;
	background: #84BCDD url(/images/layout/hg_topheader.jpg) repeat-x;
	width:100%;
	text-align:right;
	vertical-align:bottom;
	color:#fff;
	font-size:11px;
}
#top_header div.top_header_right {
	float:right;
	padding:6px 10px 0 0;
}
#top_header div.top_header_left {
	float:left;
	padding:0 0 0 10px;
	font-size:11px;
}
#top_header div.top_header_left select {
	font-size:11px;
}
#top_header div.top_header_left span {
	position:relative;
	bottom: 3px;
	margin-left:5px;
}
#top_header div.top_header_left img {
	border:0;
	padding-top:4px;
	-moz-opacity: 0.30;
	opacity:  0.30;
	filter:alpha(opacity=30);
}
#top_header div.top_header_left img.active {
	-moz-opacity: 1.0;
	opacity:  10.0;
	filter:alpha(opacity=100);
}
/*
#header .sprachwahl img {
	border: 0px;
	margin:7px 1px;
	-moz-opacity: 0.30;
	opacity:  0.30;
	filter:alpha(opacity=30);
}

#header .sprachwahl img.active {
	-moz-opacity: 1.0;
	opacity:  10.0;
	filter:alpha(opacity=100);
}*/

#top_header a, #top_header a:visited,#top_header a:hover, #footer a, #footer a:visited,#footer a:hover {
	color:#fff;
	text-decoration:underline;
}
#top_header a:hover, #footer a:hover {
	color:#FF5C01;
	text-decoration:underline;
}

#header {
	height: 100px;
	background: #fff;
	margin:0px;
	padding-top:5px;
	width:100%;
	background: #fff url(/images/layout/hg_topnav_header.jpg) 0px 0px repeat-x;
}

#header_bottom {
	height:0px;
	border-top:1px solid #ccc;
}

#header_trenner {
	background: #fff url(/images/layout/hg_topnav_unten.jpg) repeat-x 0px 0px;
	height: 10px;
}

#header .logo {
	float:left;
	width:280px;
	height:100%;
}

#header .logo img {
	border:0px;
	margin:10px;
}

#header .rechts {
	margin-right:10px;
	float:right;
	width:650px;
	height:85px;
	text-align:right;
	font-size: 11px;
	padding-top:15px;
}

#header .rechts select {
	font-size: 11px;
}

#topnav_kiwi {
	margin:0px;
	padding:0px;
	height: 84px;
	width:100%;
}

#topnav_kiwi ul {
	margin:0;
	padding:0px;
	background-color:transparent;
}

#topnav_kiwi ul li {
	float:right;
	width:114px;
	height:84px;
	margin:0px;
	text-align:center;
	border: 1px solid white;
	border-bottom: 0px;
	padding:0;
	list-style:none;
	font-weight:bold;
}

#topnav_kiwi ul li a, #topnav_kiwi ul li a:visited {
	display:block;
	width:114px;
	height:84px;
	color:#fff;
	text-decoration:none;
	background: url(/images/layout/top_nav_inactive.gif) no-repeat 0px 0px;
}

#topnav_kiwi ul li a img, #topnav_kiwi ul li a:visited img {
	text-align:center;
	margin-bottom:9px;
	-moz-opacity: 0.70;
	opacity:  0.70;
	filter:alpha(opacity=70);
}

#topnav_kiwi ul li a:hover img,#topnav_kiwi ul li a:active img, #topnav_kiwi ul li a.active img {
	text-align:center;
	margin-bottom:9px;
	-moz-opacity: 1.00;
	opacity:  1.00;
	filter:alpha(opacity=100);
}

#topnav_kiwi ul li a:hover,#topnav_kiwi ul li a:active, #topnav_kiwi ul li a.active {
	display:block;
	width:114px;
	height:84px;
	color:#fff;
	text-decoration:none;
	background: url(/images/layout/top_nav_active.gif) no-repeat 0px 0px;
}
/*
#topnav {
	margin:0px;
	padding:0px;
	height: 29px;
	width:100%;
	background: #fff url(/images/layout/hg_topnav_unten.jpg) repeat-x center 30px;
}

#topnav ul {
	margin:0;
	padding:0px;
	background-color:transparent;
}

#topnav ul li {
	float:right;
	width:110px;
	height:27px;
	margin:0px;
	text-align:center;
	border: 1px solid #fff;
	border-bottom: 0px;
	vertical-align:middle;
	padding:0;
	list-style:none;
	font-weight:bold;
}

#topnav ul li a, #topnav ul li a:visited {
	padding-top:7px;
	display:block;
	width:110px;
	height:20px;
	color:#fff;
	text-decoration:none;
	background: #84BCDD url(/images/layout/nav_button_off.gif) no-repeat top;
}

#topnav ul li a:hover,#topnav ul li a:active, #topnav ul li a.active {
	display:block;
	width:110px;
	height:20px;
	color:#fff;
	text-decoration:none;
	background: #628296 url(/images/layout/nav_button_on.gif) no-repeat top;
}

#topnav #nav_suche {
	padding-top:7px;
	border: 1px solid #fff;
	border-bottom: 0px;
	float: left;
	width: 195px;
	height: 20px;
	margin-left:100px;
	background: #84BCDD url(/images/layout/nav_suche.gif) no-repeat top;
}

#topnav #nav_suche input[type='image'] {
	position:relative;
	left: 15px;
	top: -1px;
}

#topnav #nav_suche input[type='text'] {
	position:relative;
	left: 7px;
	width: 90px;
	font-size:11px;
	background: transparent;
	border:0;
	top: 1px;
	padding-left:20px;
	color: #628296;
}
*/
#main {
	margin:0px;
	padding:0px;
	width:100%;
}
#content_center {
	float:left;
	width: 753px;
	background: #fff;
	margin:5px 0 5px 0;
	border: 1px solid #ccc;
	border-left: 0px;
}
#main #content_center #content_center_oben, #main #content_right #content_right_oben {
	width:100%;
	height: 10px;
	background: #fff url(/images/layout/hg_topnav_oben.jpg) repeat-x;
}
#main #content_center #content_center_main, #main #content_right #content_right_main {
	margin:0 10px;
	min-height:400px;
}
#main #content_right #content_right_main {
	margin:0;
}
#main #content_center #content_center_unten, #main #content_right #content_right_unten {
	width:100%;
	height: 10px;
	background: #fff url(/images/layout/hg_topnav_unten.jpg) repeat-x;
}

#content_center_main input[type='text'], #content_center_main input[type='password'] {
	border:solid 1px #1B4557;
	width:130px;
	padding:1px;
	font-size:12px;
}

#content_right {
	float:left;
	width: 240px;
	background: #fff;
	margin:5px 0 5px 5px;
	border: 1px solid #ccc;
	border-right: 0px;
}
#footer {
	text-align:center;
	vertical-align:bottom;
	margin:0px;
	height:50px;
	width:100%;
	background: #84BCDD url(/images/layout/hg_footer.jpg) repeat-x;
	color:#fff;
	font-size:11px;
}

#footer .links {
	margin:20px 20px 0 10px; 
	float:left;
	text-align:left;
}
#footer .bookmarks {
	margin:15px 0px 0px 20px; 
	float:left;
	text-align:left;
}
#footer .rechts {
	margin:20px 10px 0 20px;
	float:right;
	text-align:right;
}

.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
	font-size:1px;
}

.spacer5 {
	height:5px;
	overflow:hidden;
	font-size:1px;
}

.spacer10 {
	height:10px;
	overflow:hidden;
	font-size:1px;
}

.spacer20 {
	height:20px;
	overflow:hidden;
	font-size:1px;
}

.spacer50 {
	height:50px;
	overflow:hidden;
	font-size:1px;
}

.hr_line {
	background:url(/images/hr_line.gif) repeat-x;
	height:2px;
	width:100%;
	overflow:hidden;
}

/* Fehlermeldung */
.error_message {
	width:92%;
	color:#E2003D;
	border:solid #E2023F 1px;
	padding:10px 0 10px 50px;
	font-weight:bold;
	font-size:1.0em;
	background:url(../images/error.gif) no-repeat 20px center;
	background-color:#FFCCCC;
	text-align:left;
}
.error_message a, .error_message a:hover {
	color:#E2003D;
}

/* Erfolgsmeldung */
.success_message {
	width:92%;
	color:#339900;
	border:solid #33CC33 1px;
	padding:10px 0 10px 50px;
	font-weight:bold;
	font-size:1.0em;
	background:url(../images/ok.gif) no-repeat 30px center;
	background-color:#E1F7E1;
	text-align:left;
}

.nomsg {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	width:530px;
	margin-top:100px;
}
.nomsg .closelink {
	margin-top:370px;
}

/* Pager */
.blaetternbox {
  width:100%;
  text-align:center;
}

.blaetternbox .blaettern {
  position: relative;
  margin: 15px auto 5px auto;
  text-align:center;
}

.blaetternbox .blaettern .inactiv, .blaetternbox .blaettern .activ {
	display:inline;
}

.blaetternbox .blaettern .inactiv a,
.blaetternbox .blaettern .inactiv a:visited,
.blaetternbox .blaettern .inactiv a:hover,
.blaetternbox .blaettern .activ a,
.blaetternbox .blaettern .activ a:visited,
.blaetternbox .blaettern .activ a:hover {
  padding: 1px;
  margin:1px;
  border: 0.1em dotted #628296;
  background-color: #fff;
  color: #628296;
  text-decoration: none;
}

.blaetternbox .blaettern .inactiv a:hover,
.blaetternbox .blaettern .activ a,
.blaetternbox .blaettern .activ a:visited,
.blaetternbox .blaettern .activ a:hover {
  color: #FF5C01;
  border: 0.1em solid #FF5C01;
}

.blaetternbox .blaettern .platz {
  width:10px;
  margin:1px;
  display:inline;
}

.blaetternbox .blaettern .punkte {
  width:20px;
  margin:1px 3px;
  display:inline;
  border-bottom:2px dotted #628296;
}

.input_error {
	border:solid #E10300 1px !important;
}

.input_ok {
	border:solid #29DD00 1px !important;
}

/* Nachricht schreiben */
#write_message {
	text-align:left;
	top:0px;
	left:50%;
	margin-left: -300px;
	width:600px;
	height:450px;
}

#write_message .header {
	margin:10px 10px 10px 10px;
}
#write_message .header .left {
	float:left;
	width:100px;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:3px;
	text-align:left;
}
#write_message .header .right {
	float:left;
	width:450px;
	padding:0;
	margin:0;
	text-align:left;
}
#write_message .header .right input[type='text'] {
	border:solid #1B4557 1px;
	width:400px;
	margin:0;padding:0;
	text-align:left;
}
#write_message #message_titel {
	border:solid #1B4557 1px;
	width:400px;
	margin:0;padding:0;
	text-align:left;
}
#write_message .header .right select {
	border:solid #1B4557 1px;
}
#write_message .content {
	margin:0 10px 0 10px;
}
#write_message .content textarea {
	width:570px;
	height:250px;
	border:solid #1B4557 1px;
}
#write_message .footer {
	margin-top:10px;
	margin-right:20px;
	text-align:center;
}
#write_message .footer .closelink {
	margin-top:10px;
	text-align:right;
}
#neues_projekt .footer {
	margin-top:10px;
	width:100%;
	text-align:right;
}



/*** TABS ***/

.tab {
	width:100%;
	height:24px;
	margin:0px;
	padding:0px;
	border-bottom: 2px solid #D1E6F1;
}

.aktiv {
	float:left;
}


.inaktiv {
	float:left;
	cursor:pointer;
}

.aktiv .links, .inaktiv:hover .links {
	background: url(/images/layout/tab_aktiv_l.gif) bottom right no-repeat;
	height:24px;
	width:7px;
	padding:0px;
	margin:0px;
	float:left;
}

.aktiv .mitte, .inaktiv:hover .mitte {
	background: url(/images/layout/tab_aktiv_m.gif) bottom left repeat-x;
	text-align:center;
	font-weight:bold;
	height:19px;
	padding:0px;
	padding-top:5px;
	width:111px;
	margin:0px;
	float:left;
}

.aktiv .rechts, .inaktiv:hover .rechts {
	background: url(/images/layout/tab_aktiv_r.gif) bottom left no-repeat;
	height:24px;
	width:8px;
	padding:0px;
	margin:0px;
	float:left;
}

.inaktiv .links {
	background: url(/images/layout/tab_inaktiv_l.gif) bottom right no-repeat;
	height:24px;
	width:10px;
	padding:0px;
	font-weight:normal;
	margin:0px;
	float:left;
}

.inaktiv .mitte {
	background: url(/images/layout/tab_inaktiv_m.gif) bottom left repeat-x;
	text-align:center;
	height:17px;
	padding:0px;
	padding-top:7px;
	width:105px;
	margin:0px;
	float:left;
}

.inaktiv .rechts {
	background: url(/images/layout/tab_inaktiv_r.gif) bottom left no-repeat;
	height:24px;
	width:11px;
	padding:0px;
	margin:0px;
	float:left;
}

.tabcontent {
	padding:5px;
	background-color:white;
	border:1px dotted #ccc;
	background: url(/images/layout/tab_content_bg.gif) top left repeat-x;
}


/* ----------------------- PopUp Fenster ----------------------- */
.popup_schatten {
	position:fixed;
	top:0px;
	left:0px;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	z-index:999;
	width:100%;
	height:100%;
	background-color:#000;
	-moz-opacity: 0.80;
	opacity:  0.80;
	filter:alpha(opacity=80);
}
.popup {
	position:absolute;
	z-index:1000;
	border:solid 2px #aaa;
	background-color:#FFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
}
#popup_close_img {
	display:none;
	position:absolute;
	z-index:2000;
	cursor:pointer;
}

/* ----------------------- Tooltipp ----------------------- */
#js_tooltipp {
	position:absolute;
	z-index:3000;
	padding:5px 10px 5px 30px;
	margin-right:50px;
	background: #FFFFFF url(/images/icons/info.gif) no-repeat 7px center;
	border: 1px solid #628296;
}
#js_tooltipp_iframe {
	position: absolute;  
	z-index: 2000;  
	border: 0;  
	margin: 0;  
	padding: 0;
	-moz-opacity: 0.00;
	opacity:  0.00;
	filter:alpha(opacity=00);
}

/* ----------------------- Infobox ----------------------- */
.kiwi_info_box {
	font-weight:normal;
	padding:20px 20px 20px 80px;
	border:1px solid #628296;
	margin:10px 30px 10px 30px;
	text-align:left;
	background: #DCECF5 url(/images/icons/kiwi_info.gif) 10px center no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
}

/* ----------------------- Popup in Hauptfenster von Projektdatei Upload in Iframe ----------------------- */
#iframe_confirm_delete_projectfile {
	top:0px;
	left:50%;
	margin-left: -200px;
	width:400px;
	height:200px;
}
#iframe_confirm_delete_projectfile h3 {
	padding:0px;
	margin:0px;
}
/* ----------------------- unbekannter/geloeschter Benutzer ----------------------- */
.unkown_user_hinweis {
	display:block;
	color:#E2003D;
	border:solid #E2023F 1px;
	padding:10px 10px 10px 35px;
	font-weight:bold;
	font-size:1.0em;
	background:url(../images/error.gif) no-repeat 10px center;
	background-color:#FFCCCC;
	text-align:left;
}

/* ----------------------- AGBs ----------------------- */
.agb {
	margin:10px 5px 10px 10px;
}