/*    
	Theme Name: Interactive Wordpress Theme 
	Theme URI: http://www.interaktiv-ev.de/ 
	Description: A Theme made for the company Interaktiv Reisen e.V.
	Author: Oliver Andres
	Author URI: http://www.pixelprodukte.de
	Version: 1.0 

	You are NOT allowed to use this theme without the author's permission.
*/


/* allgemeine Elemente */
body
{
 font-family:Arial, Verdana;
 font-size:12px;
 color: #393939;
 background-color:#042e50;
 text-align:left;
 margin:0px;
}


/* �berschriften */
h1, h2, h3 {color:#042e50;}

h1 {font-size:16px;}
h2 {font-size:14px;font-style:italic;}
h3 {font-size:12px;text-decoration: underline;}


/* Tabellenelemente */
table
{
	margin: 10px auto;
	border: 1px solid #393939;
	background-color: #ddd;
}

tr
{
	text-align: center;
}

td, th
{
	padding: 2px 5px;
}

td
{
	background-color: #fff;
}

/* Die verschiedenen DIV-Tags */
#rahmenwerk
{
	width:970px; /* Breite der Webseite */
	margin:0px auto; /* mittige Orientierung */
	background: #2b4a63 url(graphics/rahmen_back.gif) repeat-y top left;
	border:none;
}

#rahmenwerk2
{
	width:940px; /* Breite der Webseite */
	margin:0px auto; /* mittige Orientierung */
	background: transparent url(graphics/foto_bottom.jpg) no-repeat bottom left;
	border:none;
}

#kopf {
	height:145px;
	position: relative;
	left: 0px;
	top: 0px;
	margin:0px;
	background: transparent url(graphics/header_back.jpg) no-repeat top left;
	border:none;
}

	#logo_bezeichner
	{
		color: #000;
		position: relative;
		width:130px;
		top: 15px;
		left: 38px;
		font-size: 10px;
		text-align: center;
	}
	
	#logo_bezeichner img
	{
		height: 90px;
		width: 100px;
		border:none;
	}
	
	#logo_bezeichner a
	{
		border: none;
		text-decoration:none;
		color: #000;
	}
	
	#fotoleiste
	{
		position: absolute;
		top: 27px;
		left: 270px;
		padding:0;
		margin:0;
		border-left: 1px solid #042e50;
		border-top: 1px solid #042e50;
		border-bottom: 1px solid #042e50;		
	}
	
	#fotoleiste img
	{
		padding:0;
		margin:0;
		width:100px;
		height:75px;
		vertical-align: bottom;
		border-right: 1px solid #042e50;
	}
	
#topnavi_area {
	position: relative;
	left: 0px;
	top: 0px;
	height:27px;
	margin:0px;
	padding:0px;
	background: transparent url(graphics/topnavi_back.jpg) no-repeat top left;
	border:none;
	color: #FFFFFF;
}

	
	#topnavi_menue
	{
		float: right;
		height:18px;
		margin:0px;
		padding:7px 52px 0 0;
		text-align: center;
		list-style:none;
	}
	
	#topnavi_menue li
	{
		float:left;
		width: 150px;
		margin:0;
		padding:0px;
	}

	#topnavi_menue a
	{
		font-size: 11px;
		color: #FFF;
		text-decoration:none;
		font-weight: bold;
	}

	#topnavi_area a:hover
	{
		text-decoration:underline;
	}

	
#content
{
	width:940px; /* Breite der Webseite */
	margin:0px auto; /* mittige Orientierung */
	padding:0px;
	background: transparent url(graphics/content_back.jpg) no-repeat top left;
	border:none;
}

	#spalte_links {
		background: transparent;
		width:200px;
		float:left;
		padding:0px 0px 120px 0px;
	}

	#inhalt {
		background-color:transparent;
		width:480px;
		float:left;
		padding:20px 30px 120px 30px;
	}

/* Links */
#inhalt a:link,#inhalt  a:visited,#inhalt  a:active,#inhalt  a:hover
{
	text-decoration:none;
	font-weight:normal;
	color:#042e50;
}
#inhalt a:active,#inhalt  a:hover
{
	text-decoration:underline;
}

	#spalte_rechts {
		background: transparent;
		width:200px;
		float:right;
		padding:0px 0px 120px 0px;
	}
		
	#clearer {
		clear: both;
		height: 1px;
		background-color: #464646;
	}

	#inhalt h2
	{
		margin: 0 20px 2px 0;
		border-bottom: 1px dotted #c2af78;
		font-style: normal;
	}
	
	#inhalt .eintrag
	{
		margin: 0 0 40px 0;
	}
	
	#inhalt .eintragsinfo
	{
		font-size: 80%;
	}
	
	#inhalt .eintragstext
	{
		padding: 0 0 0 10px;
	}
		
	
#fusszeile {
	height: 60px;
	padding: 15px 15px 0px 15px;
	background: #042e50 url(graphics/fusszeile_top.gif) repeat-x top left;
	color: #90b9db;	
	font-size: 9px;
	font-weight: bold;
}

	#footer_left
	{
		float: left;
		font-size: 10px;
	}
	
	#footer_left .bigger
	{
		font-size: 120%;
	}
	
	#footer_right
	{
		float: right;
		font-size: 10px;
		text-align: right;
	}
	
	#footer_right img
	{
		margin: 2px 0 0 2px;
		border: 1px solid #000;
	}

#footer_right a {
	color: #90b9db;	
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;
}

#footer_right a:hover {
	color: #FFF;
	font-size: 120%;
}


/* spezielle Klassen und ID's */
.pfadanzeige
{
	font-size:11px;
	color: #042e50;
}

.box_left, .box_right
{
	margin: 40px 0px 0px 0px;
	/*overflow: hidden;*/
}

.box_left img, .box_right img
{
	border: 1px solid #393939;
	width: 120px;
	margin-left: 10px;
	/*overflow: hidden;*/
}

.box_left
{
	padding-left: 50px;
}

.box_right
{
	padding-right: 50px;
}

.box_menue
{
	list-style:none;
	margin:0;
	padding: 0 0 0 10px;		
	border:none;
}

.box_menue li
{
	margin:0;
	padding:3px 0px;
	border-bottom: 1px dotted #c2af78;
}

.box_menue a
{
	font-size: 12px;
	color: #393939;
	text-decoration:none;
}

.box_menue .active
{
	font-weight:bold;
}

.box_menue a:hover
{
	text-decoration:underline;
}

.box_menue ul
{
	list-style:none;
	margin:2px 0 0 10px;
	padding:0;		
	border:none;
}

.box_menue ul li
{
	margin:0;
	padding:3px 0px;
	border:none;
}

/* Bilder */
.bildlinks {
	margin: 0 10px 0 0;
	float: left;
}

.bildrechts {
	margin: 0 0 0 10px;
	float: right;
}


/* Formularfelder */
input, textarea
{
	border: 1px solid #393939;
	margin: 0 0 0 10px;
	background-color: #faf4e1;
}

textarea
{
	width:100%
}

#katalog_kontakt{
	margin: 0 0 0 20px;
}

#katalog_kontakt  input {
	margin: 0 0 10px 10px;
}

#katalog_kontakt  .chkbox {
	margin: 0 0 10px 0;
}


.eingabeformular
{
	margin: 0 0 0 50px;
}

/* Kommentarbereich */
.commentlist /* überschriebene Originalklasse */
{
	margin: 0px;
	padding: 0px;
}

.comment-data
{
	margin-left: 10px;
}

.comment_rahmen
{
	padding: 10px;
	margin: 20px 10px;
	background: transparent url(graphics/comment_back.gif) repeat-x top left;
	border-right: 1px solid #f4dca4;
	border-left: 1px solid #f4dca4;
	border-bottom: 1px solid #f4dca4;
}

/* GALERIE */
.galerieliste_box
{
	float:left;
	height:180px;
	padding-right:6px;
	margin:0px; 
	text-align:center;
	width:120px;	
}


.galerieliste_box h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:0px;
}

.galerieliste_box p {
	font-size:11px;
	margin-bottom:2px;
	margin-top:2px;
}

.galerieliste
{
	height: 104px;
}

.galerieliste a
{
	border: none;
}

.bild_in_galerieliste
{
	
}