/* 	Layout CSS
	(c) by Andreas Riedl
	
	Letzte ?nderung: 13.08.2008
*/
	

/* Diese CSS beinhaltet
	- Allgemein
	- Header
	- Content
	- Navigation
	- Footer
-*/



/* ****************************************************************************** */
/* Allgemeine Layoutobjekte */
* {
	padding: 0;
	margin: 0;
}

body {
	margin:0;
	font-family: verdana,tahoma; 
	background-color:#B02B1B;
}
/* ****************************************************************************** */
/* Schriftgr??en */

/* Links */
a{text-decoration: none;color:#B02B1B;font-weight:600;}
a:hover{text-decoration:underline;color:#B02B1B}

#content_left a {text-decoration: underline;}
#content_left a:hover {text-decoration: none;}

/* p */
p, li {font-size: 0.9em;font-weight:normal;color:#000}


/* ?berschriften */
h1 {font-size: 1.4em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em; }

h1, h2, h3, b, strong {
	color:#b02d2d;
}


img {
	border-width:0em;
}

.clear {
	clear:both;
}



/* ****************************************************************************** */



/* ****************************************************************************** */
/* Gesamtes Containerelement, welches alle Elemente enth?lt */
#wrap {
	width:60em; 
	margin:0 auto;margin-top:2em;margin-bottom:2em;
	position:relative;
	border-width:0px;
	background-color:#fffbf2;
}

/* ****************************************************************************** */

#header {
	position:relative; 
}
	#header_text {
		height:1em;
		background-color:#333030;
		background-image:   url("../images/triveni/top_leiste.jpg");
		color:#FFFFFF;
		font-size:0.7em;
		padding:0.5em;
	}
	
	#header_logo {
	}


/* Navigationsleiste */

#navbar {
	height:12.5em;
	position:relative; 
	margin:0em;
	width:60em;
	background-color:#fef2e6;
}



#menu {
	margin:0em; 
	padding:0em;
}

#menu table {
	position:absolute;
	top:11.09em; 
	left: 0.5em;
	
}

#menu .title{
	display: block;
	color: #DDD;
	text-align: center;
	width:7.1em;
	background-color:transparent;
}

#menu a.menu_titel {
	display:block; 
	color:#B02B1B; 
	padding:0.5em; 
	text-decoration:none;
	font-weight:600;
}

#menu a.menu_titel:hover {
	background: #f4c242; 
	color:#FFF;
}

.title{
	display: block;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
}



a.link{
	display: block;
	background-color:#B02B1B;
	color:#FFFFFF;
	font-family: Verdana, Arial;
	font-size: 13px;
	font-weight:400;
	text-decoration: None;
	border-bottom: solid 1px #FFFFFF;
	text-align: left;
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:0.5em;
	padding-right:0.5em;
}

a.link.title {
	display: block;
	background-color: #000000;
	width: 100px;
	height: 25px;
}


a.link:hover {
	display: block;
	color: #000000;
	background-color: #f4c242;
}


		
/* ****************************************************************************** */

#content {
	width:60em;
	position:relative;
	color:#FFFFFF;
	margin-left:0em;
	margin-right:0em;
	border-width:0px;
	z-index:0;
	margin-top:-1em;
	background-image:url(pic/hintergrund.jpg);
	background-repeat:no-repeat; 
	background-position:center center;
}

#content_right {
	position:absolute;
	top:0em;
	right:0em;
	float:right;
	width:15em;
	margin-top:0.2em;
	padding:0.5em;
}

#content_left {
	padding-top:1em;
	padding-left:1em;
	padding-right:14em;
	width:40em;
}


#content_left .content_info {
	padding-left:0.3em;
	padding-right:1em;
	padding-top:0.5em;
}

#content_left .content_info_w_rahmen {
	padding:0.5em;
	border-width:1px;
	border-style:solid;
	border-color:#f4c242;
	border-left-width:0.5em;
	background-image:   url("../images/triveni/main_box.jpg");
	background-repeat:no-repeat;
}

#content_left .content_info_w_rahmen p, li {
	font-size:0.8em;
}

#content_left .content_info_w_rahmen li {
	margin-left:2em;
}

#content_left .content_info_w_rahmen table {
	
}

#content_left .content_info_w_rahmen tr {
	border:1px solid #f4c242; 
	vertical-align:middle;
}

#content_left .content_info_w_rahmen td {
	padding:0.2em;
	border:1px solid #f4c242; 
	font-size:0.7em;
	color:#000;
	width:4em;
	text-align:center;
}

#content_left .content_info_w_rahmen td b{
	font-size:1em;
	color:#b02d2d;
}


#content_left .left {
	float:left;
	margin-right:0.5em;
	margin-bottom:0.5em;

}



#content_right .content_info {
	margin-left:0em;
	margin-right:0.5em;
	padding-left:0em;
	padding-right:0em;
	padding-top:0em;
	width:15em;
	border-width:1px;
	border-style:solid;
	border-color:#f4c242;
}

#content_right .content_info h2 {
	padding:0.5em;
	margin-top:-3.9em;
	margin-bottom:2em;
	font-size:0.9em;
}

#content_right .content_info p {
	padding:0.5em;
	margin-top:-1em;
	font-size:0.8em;
}
	
/***************************************************************************** */
/* Alle Elemente im Footer */

	
div#footer, div#footer_black {
	margin-top:0em;
	padding-top:0.5em;
	background-repeat:repeat-x;
	width:100%;
	height:2em;
	font-size:0.6em;
	color:#B02B1B;
	text-align:center;
	background-color:#f4c242;
}



/* ****************************************************************************** */

/* GENERIC FORM STYLING */
#Content form {
	width:378px;
}
	#Content form fieldset {
		border:0;
		padding:12px;
	}
		#Content .message {
			color:red;
			background:#ddd;
			border:1px solid #ccc;
			padding:5px;
			margin:5px;
		}
		#Content span.message {
			width: 300px;
		}
		#Content form div {
			margin-top:10px;
			width:100%;
		}
		#Content form label {
			font-size:1.1em;
			color:#000;
		}
			#Content form label.left {
				float:left;
				width:12em;
			}
			#Content form label.FormHeading {
				font-size:1.3em;
				color:#ff7200;
				font-weight:bold;
			}
		#Content form input.text,
		#Content form textarea,
		#Content form select {
			width:200px;
			color:#000;
			background:#f8f8f8;
			border:1px solid #aaa;
			padding:3px;
		}
		
		#Content form input.numeric {
			width:20px;
			background:#f0f0f0;
			border:1px solid #aaa;
			padding:3px;
			color:#000;
			margin-right:4px;
		}
		#Content form input.year {
			width:35px;
		}
		#Content form p.Actions {
			text-align:right;
			padding:0 22px 15px 0;
		}
			#Content form p.Actions input {
				padding:2px;
			}