/* ---------------------------------------------------
   Inhaltsbereich der Seite importieren
   =================================================== */

@import url(editor.css);


/* ---------------------------------------------------
   Global
	 evt. anstelle von * nur diese verwenden damit es
	 weniger komplikationen gibt:
	 html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input
   =================================================== */

html, body, div, ul, ol, li, dl, dt, dd, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background: url(../images/design/background.jpg) top left repeat;
	padding: 0;
	margin: 0;
}

#webcontainer {
	margin: 0 auto 10px auto;
	width: 930px;
}

/* ---------------------------------------------------
   Header zuoberst auf der Seite
   =================================================== */
#header { 
	float: left;
	width: 930px;
	height: 133px;
}
#logo { 
	float: left;
	height: 90px;
	width: 314px;
}
#logo a, #logo a:hover, #logo a:active {
	text-decoration: none;
	background: none;
}

#nebennavi { 
	float: right;
	height: 44px;
	width: 125px;
	background: url(../images/design/nebennavi_bg.gif) top left no-repeat;
	padding: 5px 0 0 0;
}
#nebennavi ul {
	padding: 0 0 0 10px;
	margin: 0;
}
#nebennavi li {
	list-style: none;
}
/* Stufe 1 */
#nebennavi li a {
  height: 16px;
  line-height: 16px;
	text-align: left;
	padding-left: 15px;
	float: left;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
  color: #221E1F;
	letter-spacing:	0.5px;
	background: url(../images/design/nebennavi.gif) no-repeat left top;
}
#nebennavi li a.logout {
  height: 16px;
  line-height: 16px;
	text-align: left;
	padding-left: 15px;
	float: left;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
  color: #221E1F;
	letter-spacing:	0.5px;
	background: none;
}
#nebennavi li a:hover, #nebennavi li a.aktiv {
	color: #F8931B;
	background: url(../images/design/nebennavi_aktiv.gif) no-repeat left top;
}
#nebennavi li a:hover.logout, #nebennavi li a.aktiv.logout {
	color: #F8931B;
	background: none;
}


/* ---------------------------------------------------
   Main
   =================================================== */
#main_start {
	float: left;
	width: 930px;
	height: 5px;
	line-height: 5px;
	padding: 0;
	margin: 0;
	/*background: url(../images/design/main_bg_start.gif) no-repeat top left;*/
}
#main {
	float: left;
	width: 918px;
	padding: 0 5px;
	background: #FFF;
	border-left: 1px solid #C2C4C7;
	border-right: 1px solid #C2C4C7;
}
#main_left {
	float: left;
	width: 202px;
}

/* ---------------------------------------------------
   Hauptnavigation
   =================================================== */
#mainnavi {
	float: left;
	margin-top: 5px;
	width: 202px;
	background: #221E1F url(../images/design/navi_bg_lo.gif) top left no-repeat;
}
.mainnavi_edge2 {
	background: url(../images/design/navi_bg_ro.gif) top right no-repeat;
}
.mainnavi_edge3 {
	background: url(../images/design/navi_bg_lu.gif) bottom left no-repeat ;
}
.mainnavi_edge4 {
	background: url(../images/design/navi_bg_ru.gif) bottom right no-repeat ;
	line-height: 20px;
	padding: 12px 0px 12px 5px;
}
* html .mainnavi_edge4 {
	background: url(../images/design/navi_bg_ru.gif) bottom right no-repeat ;
	line-height: 20px;
	padding: 12px 6px 12px 5px;
}
#mainnavi ul {
	line-height: 30px;
	padding: 0;
	margin: 0;
}
#mainnavi li {
	list-style: none;
  margin-bottom: 4px;
  line-height: 25px;
}
/* Stufe 1 */
#mainnavi li a {
	display: block;
	margin-bottom: 4px;
	width: 151px;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	margin-top: 1px;
	padding-left: 39px;
	background: #2C2728 url(../images/design/navi.gif) no-repeat left top;
	border: 1px solid #484042;
	line-height: 165%;
}
#mainnavi li a:hover, #mainnavi li a.aktiv {
	color: #FFF;
	background: #F8931B url(../images/design/navi.gif) no-repeat left top;
	border: 1px solid #FBBD73;
}

/* Stufe 2 */
#mainnavi ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#mainnavi ul ul li { 
	border: none;
}
#mainnavi ul ul a {
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding-left: 42px;
	line-height: 20px;
	background: none;
	border: none;
}
* html #mainnavi ul ul a {
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding-left: 42px;
	line-height: 20px;
	background: none;
	border: none;
}
#mainnavi ul ul a:hover, #mainnavi ul ul a:active, #mainnavi ul ul a.aktiv {
	color: #F8931B;
	text-decoration: none;
	background: none;
	border: none;
}

/* Stufe 3 
#mainnavi ul ul ul {
	list-style: none;
	margin: 3px 0 3px 15px;
}
#mainnavi ul ul ul li { 
	line-height: 21px;
}
#mainnavi ul ul ul a {
	line-height: 21px;
  height: 21px;
	display: block;
	background: url(../images/design/buttons/mainnavi_sub_inaktiv.gif) left center no-repeat;
	padding-left: 13px;
}
#mainnavi ul ul ul a:hover, #mainnavi ul ul ul a:active, #mainnavi ul ul ul a.aktiv {
	color: #FF7200;
	background: url(../images/design/buttons/mainnavi_sub_aktiv.gif) left center no-repeat;
}*/



/* ---------------------------------------------------
   News
   =================================================== */
#news_start {
	float: left;
	margin-top: 9px;
	width: 202px;
	height: 5px;
	line-height: 5px;
	font-size: 1px;
	background: url(../images/design/news_bg_start.gif) no-repeat top left;
}
#news {
	float: left;
	width: 180px;
	padding: 12px 10px;
	background: #FFF;
	border-left: 1px solid #211D1E;
	border-right: 1px solid #211D1E;
}
#news .text {
	background: url(../images/design/news_titel.gif) no-repeat top left;
	color: #F7921C;
	border-bottom: 1px solid #F7921C;
	height: 25px;
	font-size: 14px;
	padding-left: 18px;
	margin-bottom: 5px;
	width: 162px;
	text-align: left;
}
#news h5 {
	padding: 5px 0 5px 0;
	margin: 0;
	color: #211E1F;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.5px;
}
#news p {
	line-height: 150%;
	padding: 0;
	margin: 0 0 3px 0;
}
#news p.kurznewslink {
	line-height: 150%;
	padding: 0 0 25px 0;
	margin: 0;
}
#news_end {
	float: left;
	width: 202px;
	height: 5px;
	line-height: 5px;
	font-size: 1px;
	background: url(../images/design/news_bg_end.gif) no-repeat top left;
}


/* ---------------------------------------------------------------

	Hauptinhalt
	
--------------------------------------------------------------- */
#main_right {
	float: left;
	width: 707px;
	padding-left: 9px;
}
* html #main_right {
	float: left;
	width: 707px;
	padding-left: 9px;
}
#stimmungsbild {
	float: left;
	width: 707px;
	margin-top: 5px;
}
#content_start {
	float: left;
	margin-top: 9px;
	width: 707px;
	height: 5px;
	line-height: 5px;
	font-size: 1px;
	background: url(../images/design/content_bg_start.gif) no-repeat top left;
}
#content_main, #content_main_reisen {
	float: left;
	width: 655px; /*730px*/
	padding: 35px 25px 0px 25px;
	text-align: left;
	background: #FFF;
	border-left: 1px solid #211D1E;
	border-right: 1px solid #211D1E;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	line-height: 140%;
}
* html #content_main_reisen {
	float: left;
	width: 640px; /*730px*/
	padding: 35px 25px 0px 25px;
	text-align: left;
	background: #FFF;
	border-left: 1px solid #211D1E;
	border-right: 1px solid #211D1E;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	line-height: 140%;
}
#content_end {
	float: left;
	width: 707px;
	height: 5px;
	line-height: 5px;
	font-size: 1px;
	background: url(../images/design/content_bg_end.gif) no-repeat top left;
}

a.pagenav, a.pagenav:visited {
	color: #F8931B;
	text-decoration: none;
}
a.pagenav:hover, a.pagenav:active {
	text-decoration: none;
	color: #211E1F;
	background: none;
}

/*#content_main table.contentpaneopen, #content_main table.contentpaneopen table {
	margin: 0;
	padding: 0;
}*/
#content_main table.contentpane td.contentdescription {
	padding: 20px 6px 17px 6px;
}

/* ---------------------------------------------------
   Footer zuunterst auf der Seite
   =================================================== */
#footer_box {
	margin-top: 9px;
	margin-bottom: 5px;
	float: left;
	width: 707px;
	background: #221E1F url(../images/design/navi_bg_lo.gif) top left no-repeat;
}
.footer_edge2 {
	background: url(../images/design/navi_bg_ro.gif) top right no-repeat;
}
.footer_edge3 {
	background: url(../images/design/navi_bg_lu.gif) bottom left no-repeat ;
}
.footer_edge4 {
	background: url(../images/design/navi_bg_ru.gif) bottom right no-repeat ;
}

#footer {
	width: 657px;
	padding: 0 25px;
	height: 28px;
	color: #FFFFFF;
	line-height: 28px;
	font-size: 11px;
}
#footer_left {
	float: left;
	width: 169px;
	font-size: 11px;
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
}
#footer_middle {
	float: left;
	width: 319px;
	font-size: 11px;
	text-align: center;
	color: #FFFFFF;
}
#footer_right {
	float: left;
	width: 169px;
	font-size: 11px;
	text-align: right;
	color: #FFFFFF;
}
#footer a {
	text-decoration: underline;
	color: #FFFFFF;
	/*font-size: 11px;*/
}
#footer a:hover, #copyright a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

#main_end {
	clear: both;
	width: 930px;
	height: 5px;
	margin-bottom: 5px;
	background: url(../images/design/main_bg_end.gif) no-repeat top right;
}


/* ---------------------------------------------------
   Modulus
   =================================================== */
#modulus {
	width: 300px;
	padding: 0 0 0 7px;
	height: 12px;
	color: #FFFFFF;
	line-height: 12px;
	font-size: 10px;
	margin: 0;
}
#modulus a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0 2px;
}
#modulus a:hover, #modulus a:active {
	text-decoration: none;
	color: #FFFFFF;
}


/* ---------------------------------------------------
   Formularfelder
   =================================================== */
.inputbox {	
	border: 1px solid #A09E9E;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	width: 305px;
}
.button:hover {
	border-right: #D8D8D8 1px solid;
	border-bottom: #D8D8D8 1px solid;
	border-top: #221E1F 1px solid;
	border-left: #221E1F 1px solid;
	color: #F7921C;
	background: #221E1F;
}
.button {
	background: #D8D8D8;
	border-right: #A09E9E 1px solid;
	border-bottom: #A09E9E 1px solid;
	border-top: #D8D8D8 1px solid;
	border-left: #D8D8D8 1px solid;
	padding: 1px 4px;
	color: #000000;
}
.linebreak {
	margin: 5px 0;
	float: left;
}


/* ---------------------------------------------------
   Meldung und Error
   =================================================== */
#OKMeldung {
	border: 1px solid #CCCCCC;
	font-size: 12px;
	margin-bottom: 12px;
	padding: 5px 5px 5px 35px;
	background: #E2F9E3 url(../images/design/alertgood_icon.gif) no-repeat scroll left center;
	border-color: #99CC99;
	color: #006600;
	margin-bottom: 20px;
}
#ErrorMeldung {
	border: 1px solid #CCCCCC;
	font-size: 12px;
	margin-bottom: 12px;
	padding: 5px 5px 5px 30px;
	background: #CC0000 url(../images/design/alertbad_icon.gif) no-repeat scroll left center;
	border-color: #CC9999;
	color: #FFFFFF;
}
#ErrorMeldung a, #ErrorMeldung a:visited {
	text-decoration: underline;
  color: #FFF;
}
#ErrorMeldung a:hover, #ErrorMeldung a:active {
	text-decoration: underline;
	color: #FFF;
}


@media print{ 
body {
	font-size: 15px;
	font-family: 'Times New Roman', Arial, Verdana, Helvetica, sans-serif;
	line-height: 150%;
	color: #000;
	background-color: transparent;
}
#webcontainer {
	border-left: none;
	border-right: none;
	font-size: 15px;
}
#nebennavi {
	display: none;
	visibility: hidden;
}
#main_start {
	display: none;
	visibility: hidden;
}
#main {
	border: none;
}
#main_left {
	display: none;
	visibility: hidden;
}
#stimmungsbild {
	display: none;
	visibility: hidden;
}
#content_start {
	display: none;
	visibility: hidden;
}
#content_main {
	float: left;
  border: none;
  width: 900px;
	padding: 20px 20px 20px 0;
 }
#content_main table, #content_main p, #content_main table td {
	font-size: 15px;
 }
#content_main table {
 	width: 100%;
 }
#content_end {
	display: none;
	visibility: hidden;
}
#footer_box {
	clear: both;
  padding-left: 0;
}
#footer_left {
	display: none;
	visibility: hidden;
}
#footer_middle {
	text-align: left;
}
#footer_right {
	text-align: left;
}
#main_end {
	display: none;
	visibility: hidden;
}
}