/* common styles for template */

/* ------------- imports of other stylesheets ------------- */
@import url("configurator.css");
@import url("formbuilder.css");
@import url("gallery.css");
@import url("news_full.css");
@import url("guestbook.css");
@import url("links.css");
@import url("news_horiz.css");
@import url("news_vert.css");
@import url("authorization.css");
@import url("shop_product.css");
@import url("sitemap.css");
@import url("calendar.css");      /* includes styling rules for all calendar files */
 
/* ------------- basic layout rules ------------- */

html {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

body {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-x;
  	background-color: rgb(156, 189, 228);
  	background-image:url(../_images/bodyBG.gif);
}

body, td, th, div {
	font-family: Verdana;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#mainDiv {
 	width: 987px;
    margin: 0px auto;
}

#mainContentDiv {
	width: 979px;
    margin-left:1px;
    margin-right:1px;
    border-left:1px solid rgb(255,210,0);
    border-right:1px solid rgb(255,210,0);
    float:left;
}

#contentLeftDiv {
	width:1px;
	height:100%;
	border-left:1px solid rgb(255,210,0);
	float:left;
}

#contentRightDiv {
	width:1px;
	height:100%;
	border-right:1px solid rgb(255,210,0);
	float:left;
}

#ticker {
	width:100%;
	height:25px;
	background-color:rgb(34,51,70);
	color:white;
	margin-top:-4px;
}

#contentDiv {
	background-color:rgb(255,216,51);
	width:100%;
	height:100%;
	overflow:hidden;
	padding-top:15px;
}

#contentDivIndex {
	background-color:rgb(255,210,0);
	width:100%;
	height:100%;
	overflow:hidden;
}

/* Menu Style Description */

#menu {
	float:left;
	width:225px;
	borders:1px solid red;
	padding-left:15px;
	padding-right:15px;
}

#menuIndex {
	float:left;
	width:225px;
	borders:1px solid red;
	padding-left:15px;
	padding-right:15px;
	padding-top:25px;
}

.menuItem {
	background-image:url(../_images/bgItemMenu.gif);
	background-repeat:no-repeat;
	margins-top:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.menuItemHover:hover a {
	color:white;
}

.menuItemHover:hover {
	background-color:rgb(34,51,70);
	color:white;
}

.menuItemActive {
	background-color:rgb(34,51,70);
	color:white;
}

.menuItemActive a {
	color:white;
}

.firstLevel {
	font-size:12px;
	color:rgb(86,80,40);
	text-decoration: none;	
}

.secondLevel {
	font-size:11px;
	/*color:rgb(29,37,54);*/
	color:rgb(86,80,40);
	text-decoration: none;
}

.thirdLevel {
	font-size:11px;
	/*color:rgb(14,65,126);*/
	color:rgb(86,80,40);
	text-decoration: none;
}

.thirdLevelActive {
	text-decoration:underline;
}

/* Menu Style Description */

#page {
	float:left;
	width:509px;
	borders:1px solid white;
	padding-right:15px;
}

#pageIndex {
	float:left;
	width:637px;
	borders:1px solid white;
	padding-right:15px;
	position:relative;
}


/* News Style Description */
#news {
	float:left;
	width:200px;
	borders:1px solid blue;
}

.newsTitle {
	background-color:white;
	color:rgb(34,51,70);
	font-size:14px;
	text-transform: uppercase;
	height:22px;
	padding-left:10px;
	padding-top:5px;
	font-weight:bold;
}

.newsDate {
	color: red;
}

.newsContent {
	padding-left:5px;
	padding-top:10px;
	font-size:11px;
	color:rgb(34,51,70);
	padding-right:5px;
}

.newsContent a {
	color:rgb(34,51,70);
	text-decoration:none;
}
/* News Style Description */

#footer {
	background-color:rgb(34,51,70);
	clear:both;
	height:23px;
	text-align:center;
	color:rgb(121,130,147);
	padding-top:7px;
}

/* Collage Style Description */
#header {
	width:100%;
	height:197px;
}

.collagetop {
	position:relative;
	top:-3px;
	z-index:5;
}

.collagebottom {
	position:relative;
	top:123px;
	z-index:5;
}

.collage {
	position:relative;
	top:-75px;
	z-index:2;
}


/* Coloage White Rectangle */
#whiteRectangle {
	background-color:white;
	-moz-opacity: 0.5; 
	filter: alpha(opacity=50);
	opacity: 0.5;
	width:124px; 
	height:132px;
}
.lineRectangle {
	position:relative;
	top:125px;
}

#mainWhiteRectangleDiv {
	position:absolute;
	top:-10px;
	z-index:5;
}

.png {
	behavior: url(_templates/Drachenboot-Meilen/_styles/pngbehavior.htc);
}

/* Collage clickable style */
.homeDragon {
	top:22px;
	position:absolute;
	cursor:pointer;
	z-index:5;
}

.homeLogoText1 {
	top:45px;
	position:absolute;
	cursor:pointer;
	z-index:5;
}

.homeLogoText2 {
	top:73px;
	position:absolute;
	cursor:pointer;
	z-index:5;
}

.indexDragon {
	top:22px;
	position:absolute;
	cursor:pointer;
	z-index:5;
}

.indexLogoText1 {
	top:60px;
	position:absolute;
	cursor:pointer;
	z-index:5;
}

.indexLogoText2 {
	top:88px;
	position:absolute;
	cursor:pointer;
	z-index:5;
}

p {
	margin: 0px;
	padding:0px;
}