/* CSS-Styles */
/* ----- LAYOUT ----------------------------------------------------------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #221e1f;
	color: #221e1f;
	font-size: 11px;
}

div#main { width: 980px; margin: 0; padding: 0;	background: #221e1f url(/images/bgm.jpg) left top repeat-y; }

/* -------------- menu ---------------------------------------------------------------*/
div#topmenu { margin: 0; padding: 20px 0; width: 980px; height: auto; background-color: #221e1f; }
div#topmenu a { padding: 0 10px; color: #DCDDDF; text-decoration: none; line-height: 20px; font-size: 12px;}

div#topmenu ul { list-style: none; margin: 0 10px; padding: 0; height: 20px; }
div#topmenu li { padding: 0; margin:0; float: left; min-width: 80px; height: 20px;  text-align:center; border-right: 1px solid #A8A9AD; }
div#topmenu li.last { border-right: none; }

div#topmenu li:hover, div#topmenu ul li.sfhover { cursor:hand; background-color: #A8A9AD; }
div#topmenu ul li:hover a, div#topmenu ul li.sfhover a { color: #003399; }
div#topmenu li.active a { font-weight:bold; }
/* -------------- menu ---------------------------------------------------------------*/
div#sidenews { margin: 0; padding: 10px; height: auto; background-color: transparent;}
div#sidemenu { margin: 0; padding: 0; width: 275px; height: auto; float:right; background-color: #DCDDDF;}
div#sidemenu ul li a { padding: 0 0 0 30px; color: #5b5b5e; text-decoration: none; line-height: 18px; font-size: 12px;}

div#sidemenu ul { list-style: none; margin: 0; padding: 0; }
div#sidemenu ul li { background: #a8a9ad url(/images/menudreieck.gif) left top no-repeat; padding: 11px 0; margin:10px; width: 255px; text-align:left; }
div#sidemenu ul li.last { border-right: none; }

div#sidemenu ul li:hover, div#sidemenu ul li.sfhover { cursor:hand; background-color: #b8b9bd; }
div#sidemenu ul li:hover a, div#sidemenu ul li.sfhover a { color: #003399; }
div#sidemenu ul li.active a { font-weight:bold; }
/* -------------- menu ---------------------------------------------------------------*/
div#menu { margin: 0; padding: 10px 0 130px 0;  width: 980px; height: auto; background: #ffffff url(/images/bg1.jpg) left top repeat-y; }
div#menu a { padding: 0 2px; color: #ffffff; text-decoration: none; line-height: 32px; font-size: 12px;}

div#menu ul { list-style: none; margin: 0 10px; padding: 0; width: 940px; height: 40px; }
div#menu li { padding: 0; margin:0; float: left; min-width: 90px; height: 32px;  text-align:center; }

div#menu li:hover, div#menu ul li.sfhover { cursor:hand; }
div#menu ul li:hover a, div#menu ul li.sfhover a { color: #a0a0a0; }
div#menu li.active a { font-weight:bold; color: black; }

div#menu ul li.homemenumain1 { float: right; margin-right: 50px; }

div#menu ul li ul { visibility:hidden; margin: -5px 0 0 0; padding: 0; position: absolute; z-index: 10; width: auto; height: auto; border: none; background: transparent url(/images/bg_30.png); }
div#menu ul li ul li { float:none; line-height: normal; height: auto; width: auto;  }
div#menu ul li:hover ul, div#menu ul li.sfhover ul { visibility:visible; }

div#menu ul li:hover ul li a, div#menu ul li.sfhover ul li a { color: #000000; }
div#menu ul li ul li:hover, div#menu ul li ul li.sfhover { background-color: #CCCCCC; }
div#menu ul li ul li:hover a, div#menu ul li ul li.sfhover a { color: #B20010; }

/* -----------------------------------------------------------------------------------*/
div#teaser { margin: -126px 0 0 0; padding: 0px; width: 705px; height: 200px; background: #DCDDDF url(/images/bgteaser.jpg) left top no-repeat; float:left; }

div#footer { margin: 0; width: 980px; height: 39px; padding: 0; font-size: 10px; background: #221e1f url(/images/bgfooter.jpg) left top no-repeat; float:left; }
div#footer span { margin: 14px 5px 14px 780px; display: block; color: #5b5b5e; }
div#footer span a { color: #5b5b5e; }

/* ----- HAUPTBEREICH---------------------------------------------------------------------------------------------------------- */

div#mainwindow {
	width: 670px;
	min-height: 300px;
	margin: 0;
	padding: 92px 15px 15px 15px;
	background: #ffffff url(/images/bgmain.jpg) left repeat-y;
}

div#mainwindow h1 {font-weight: normal; font-size: 17px; margin: 20px 0 3px 0; line-height: 22px; color:#232323; text-decoration: none; }
div#mainwindow h1 b, div#mainwindow h1 em {font-weight: normal; font-size: 25px; font-style:normal; }
div#mainwindow h2 {font-weight: normal; font-size: 15px; margin: 20px 0 2px 0; line-height: 20px; color:#232323; text-decoration: none;}
div#mainwindow h2 b, div#mainwindow h2 em {font-weight: normal; font-size: 23px; font-style:normal; }
div#mainwindow h3 {font-weight: normal; font-size: 13px; margin: 20px 0 1px 0; line-height: 18px; color:#232323; text-decoration: none;}
div#mainwindow h3 b, div#mainwindow h3 em {font-weight: normal; font-size: 20px; font-style:normal; }

div#mainwindow div { text-align:justify;  }

div#mainwindow.galerie { min-height: 250px; }
div#mainwindow.galerie a { float: left; }
div#mainwindow.galerie a img { border: 1px solid black;opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow.galerie a:hover img {opacity: 1; filter: none; }
/* -------------- TEMPLATES ---------------------------------------------------------------*/

div#mainwindow div.navigation { text-align:center; margin: 20px 0 0 0; }
div#mainwindow div.navigation .title { color: 221e1f; margin: 0 10px; }
div#mainwindow div.navigation b.title { font-weight:bold; }
div#mainwindow div.navigation a.title:hover { color: #ff5e3f; }

div#mainwindow div.main1 { width: 300px;float:left; margin-right: 10px; padding:0 }
div#mainwindow div.main2 { width: 300px;float:left; margin-left: 10px;margin-right: 10px; padding:0}
div#mainwindow div.main3 { width: 200px;float:right; margin-left: 10px; margin-top: 0px; padding:0}
div#mainwindow div p {margin: 0 0 20px 0;padding:0;}
div#mainwindow div.main3 a img { margin-bottom: 1px; }
div#mainwindow div.main3 a img {border: 1px solid black; opacity: 0.7; filter: alpha(opacity=70);}
div#mainwindow div.main3 a:hover img {opacity: 1; filter: none;}

div#mainwindow div.normal1 { width: 410px;float:left; margin: 0; padding:0 }
div#mainwindow div.normal1 p { margin: 10px 0 20px 0; }
div#mainwindow div.normal2 { width: 400px;float:right; margin: -20px 0 0 0; padding:0; }

div#mainwindow div.normalbilder1 { width: 400px;float:left; margin: 0; padding:0 }
div#mainwindow div.normalbilder1 p { margin: 10px 0 20px 0; }
div#mainwindow div.normalbilder2 { width: 244px;float:right; margin: -20px 5px 0 20px; padding:0; }
div#mainwindow div.normalbilder2 a img { float:left; border: 1px solid #d6d7d3;opacity: 0.7; filter: alpha(opacity=70); }
div#mainwindow div.normalbilder2 a:hover img { opacity: 1; filter: none; }

div#mainwindow div.clear { clear: left; height: 10px; }

div#mainwindow div.subcat {float: left; width: 200px;}
div#mainwindow div.subcat a img {opacity: 0.5; filter: alpha(opacity=50);}
div#mainwindow div.subcat a:hover img {opacity: 1; filter: none;}

div.clear { clear: left; height: 1px; }
/* -------------- TEMPLATE START1 ---------------------------------------------------------*/
div#mainwindow table.ts_start1 { border-collapse:collapse;display:table;padding:0; float:left; margin: 10px; }
div#mainwindow table.ts_start1 td { padding:0; margin:0; }
div#mainwindow table.ts_start1 td.t { height: 10px; background: transparent url("/images/ts_corner1.jpg") center 0px no-repeat; }
div#mainwindow table.ts_start1 td.m { background: transparent url("/images/ts_linevert1.jpg") 0px 0px repeat-y; padding-left: 1px; padding-right: 1px; }
div#mainwindow table.ts_start1 td.b { height: 10px; background: transparent url("/images/ts_corner1.jpg") center -40px no-repeat; }
div#mainwindow table.ts_start1 td.header { text-align:center; font-size: 20px; padding-bottom: 8px; background-color: transparent; }
div#mainwindow table.ts_start1 td.body { height: 250px; width: 200px; text-align:left; padding: 8px; min-height: 250px; vertical-align: top; }



/* -------------- LINKS -------------------------------------------------------------------*/
a, a:link, a:visited { color: #0000ff; text-decoration: none; }
a:hover, a:active, a:focus { color: #D2940A; text-decoration:underline; }


/* -----------------------------------------------------------------------------------*/
form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

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

/* ---- FLOATBOX -------------------------------------------------------------------------------------*/
div#infobox {padding: 10px; }

div#mainwindow input, div#mainwindow textarea { border: 1px solid black;  }



/******************************************************************************************************************************************************
------ flipbook ---------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------*/

div#flipbook {
	position:relative;
	padding-top: 33px;
	padding-left: 25px;
	width:660px;
	height:405px;
	background: transparent url(/images/flipbook_frame.jpg) 0px 0px no-repeat;
}
div#flipbook #leftpage, div#flipbook #rightpage {
	background-color: transparent;
	background-repeat: no-repeat;
	float:left;
	position:relative;
	overflow:hidden;
	width:298px;
	height:362px;
	top: 3px;
	left: 3px;
	background-position: center center;
	cursor: hand;
}
div#flipbook #leftpage {}
div#flipbook #rightpage {}
div#flipbook div#flip{
	background: transparent url(/images/flipbook-3d.png) center 0px;
	height:470px;
	width:300px;
	position:absolute;
	top:-25px;
	left:175px;
	z-index:99;
	margin-bottom:0;
	padding-bottom:0
}
div#flipbook span#nleft { position:absolute; z-index: 101; left: 45px; top: 403px; }
div#flipbook span#nright { position:absolute; z-index: 101; left: 595px; top: 403px; }

div#flipbooknav {margin-left:500px;}
div#flipbooknav a { display:block; width: 60px; position:absolute; }
div#flipbooknav a.a2 { margin-left: 60px; }

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


/*----- BLOG ----------*/
div#blog {margin: 5px;padding:0;}
div#blog div h1 {margin: 3px 0 3px 0; font-size: 11pt; font-weight: bold; }
div#blog div.blog_entry  {margin: 10px 0 15px 0; }
div#blog div.blog_entry b {display:block; margin: 0 0 5px 0;}
div#blog div.blog_bilder a img { margin: 2px; }
/*----- BLOG - END -----*/