/*
Theme Name: Mediaphor
Theme URI: http://www.code-x.de
Description: Kundentheme der code-x GmbH
Version: 0.5
Author: code-x GmbH
*/

/* *********************************************** */
/* allgemein */

body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	font: normal 100.01% arial, sans-serif; 
	color: #666666;
	background: #ffffff;
}

a:link	{ 
	text-decoration: none;
	color: #000000;
}

a:link	{ 
	color: black;
	text-decoration: none;
}

a:visited	{ 
	color: #333333;
	text-decoration: none;
}

a:focus, a:hover, a:active	{ 
	color: black;
	text-decoration: underline;
}

a img	{ 
	border: 0;
	background: none;
}

label	{
	cursor: pointer;
}

fieldset	{
	border: 0;
	padding: 0;
	margin: 0;
}

legend	{
	font: 75%/100% arial, sans-serif;
	color: black;
	margin: 0;
}

table	{
	width: 525px;
	border-spacing: 2px;
	border-top: 1px;
	margin: 0 0 10px 0;
	font: 0.9em arial, sans-serif;
}

tr	{
}

td	{
	vertical-align: top;
	padding: 4px;
}

th	{
	vertical-align: top;
	padding: 5px;
	font-weight: bold;
	color: black;
}

img	{
	border: 0;
	margin: 0;
	padding: 0;
}

ol	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

br	{
	clear: left;
}

.clear	{
	clear: both;
	height: 0;
	width: 1px;
	line-height: 0;
	margin: 0;
	padding: 0;
}

/* *********************************************** */
/* rahmen */

#rahmenaussen	{ 
	width: 990px;
	text-align: left;
	padding: 35px 0 0 0;
	margin: auto;
	background: url(images/bg.jpg) no-repeat;
	z-index: 5;
	}

#rahmeninnen	{
	 width: 990px;
	 min-height: 555px;
	 height: auto;
	 _height: 240px;
	 text-align: left;
	 padding: 0;
	 margin: 0;
	 z-index: 6;
}


/* *********************************************** */
/* Logo */

#logo	{ 
	height: 50px;
	width: 156px;
	text-align: left;
	padding: 0;
	margin: 0 0 0 422px;
	background: #cccccc;
	z-index: 10;
}


/* *********************************************** */
/* Navigation */

#content {
	width: 892px;
	min-height: 38px;
	height: auto;
	_height: 38px;
	position: relative;
	margin: 30px 0 0 50px;
	padding: 0;
	background: url(images/content-bg.jpg) repeat-y;
	}
	

ul#navigation {
	top: 0px;
	left: 0px;
	width: 892px;
	height: 28px;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	background: url(images/nav-bg.jpg) no-repeat;
}

ul#navigation li {
	display: inline;
	margin: 0 40px 0 0;
	position: relative;	
}

ul#navigation li a {
	display: inline;
	font: 0.9em arial, sans-serif;
	color: #666666;
	text-decoration: none;
	} 

ul#navigation li a:hover, a:active {
	display: inline;
	font: 0.9em arial, sans-serif;
	color: #002454;
	text-decoration: none;
	margin: 0;
} 

/* *********************************************** */
/* Inhalte */

#inhalte {
	width: 600px;
	padding: 0;
	margin: 20px 0 0 140px;
	}

#inhalte p	{
	font: 0.9em arial, sans-serif;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	padding: 0;
}

#inhalte p a,
#inhalte p a:visited	{
	text-decoration: underline;
	margin: 0;
	padding: 0;
	color: #002454;
}


#content p a:hover,
#sidebar a:hover	{
	text-decoration: underline;
	margin: 0;
	padding: 0;
	color: #000000;
}

/* *********************************************** */
/* untermenŸ */

/*ul#navigation li ul {
	visibility: hidden;
	position: absolute; 
	width: 150px;
	top: 52px; 
	left: 0; 
	height: 0;
	z-index: 10;
	overflow: hidden;
}

ul#navigation table {
	margin:-1px; 
	border-collapse:collapse; 
	font-size:1em; /* font size for IE5.5 */  /*
	z-index: 11;
}

ul#navigation li:hover ul,
ul#navigation li a:hover ul {
	visibility: visible;
	height: auto; 
	width: 150px;
	top: 52px;
	left: 0px;
	padding: 10px 20px 10px 20px;
	background: #001f55;
	overflow: visible;
	z-index: 30;
}

ul#navigation li:hover ul li,
ul#navigation li a:hover ul li {
	position: relative;
	display: block; 
	width: 150px;
	height: auto; 
	font: 0.9em arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-transform: none;
	padding: 0;
	margin: 0 0 5px 0;
}


ul#navigation li:hover ul li a,
ul#navigation li a:hover ul li a,
ul#navigation li:hover ul li a:visited,
ul#navigation li a:hover ul li a:visited	{
	display: block; 
	height: auto; 
	padding: 0;
	margin: 0;
	text-transform: none;
	text-shadow: none;
	text-decoration: underline;
}

ul#navigation li:hover ul li a:hover,
ul#navigation li a:hover ul li a:hover	{
	text-transform: none;
	text-shadow: none;
	text-decoration: none;
	background: none;
}

*/

/* *********************************************** */
/* Karussell */

#k-container	{
	width: 790px;
	height: 400px;
	text-align: left;
	margin: 40px 0 0 100px;
	padding: 0;
}  


.items img {
	height: 400px;
	width: 600px;
	border: 0;
	padding: 0;
	margin: 0;
	}


#teaser-links {
	width: 95px;
	height: 400px;
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	text-align: right;
	background: 0 20px no-repeat;
	z-index: 20;
}

.teaser-image {
	margin-top: 20px;
	width:  80px;
	position: absolute;
}

.teaser-button {
	position: absolute;
	left: 61px;
}

#teaser-rechts {
	width: 95px;
	height: 400px;
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
/*	background: url(images/karussell/5-teaser-rechts.jpg) 0 20px no-repeat; */
	z-index: 20;
}

#karussell {
	width: 600px;
	height: 400px;
	display: inline;
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #000000;
	z-index: 20;
}


ul#karussell {
	top: 0;
	left: 0;
	width: 600px;
	height: 400px;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#karussell li {
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	border: 0;
	list-style: none;
}

ul#karussell li img {
	padding: 0;
	margin: 0;
	border: 0;
}


	
/* *********************************************** */
/* suche 
	
#search	{
	width: 265px;
	height: 20px;
	margin: 20px 0px 10px 22px;
	padding: 0;
	float: left;
}


.inputSuche	{	
	width: 225px;
	height: 24px;
	padding: 6px 0 0 10px;
	float: left;
	margin: 0;
	border: 0;
	background: url(images/suche_bg.gif) no-repeat;
	font: 0.9em arial, sans-serif;
	color: #666666;
}

input#suchbutton	{
	width: 30px;
	height: 30px;
	border: none;
	float: left;
	padding: 0;
	margin: 0;
} */

/* *********************************************** */
/* footer */

#footer	{
	width: 892px;
	height: 2px;
	text-align: left;
	margin: auto;
	padding: 0;
	display: block;
}

	
/* *********************************************** */
/* typo */


#content h1	{
	font-size: 1.3em;
	color: #002454;
	margin: 0 0 20px 0;
	padding: 0;
}

#sidebar h1	{
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 5px;
}

#content h1 a,
#content h1 a:visited,
#content h1 a:hover	{
	text-decoration: none
}

#content h2	{
	font: bold 100%/120% Arial,sans-serif; 
	margin: 0 0 10px 0;
	padding: 0;
}

#content h3	{
	font: bold 87.5%/120% Arial,sans-serif; 
	margin: 0 0 10px 0;
	padding: 0;
}

/*#content p ul {
	margin: 5px 0 5px 5px;
	padding: 0;
	font: 0.9em arial,sans-serif;
	line-height: 1.5em;
}

#content p ul li {
	list-style: disc;
	}*/

#content p,
#sidebar p	{
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	padding: 0;
}

#content p.textklein	{
	font-size: 65%;
	margin: 0 0 15px 0;
	padding: 0;
}

#content p.textklein.abstandgross	{
	margin: 0 0 40px 0;
}

#content p.wp-caption-text	{
	font: 70%/100% Arial,sans-serif; 
	margin: 5px 0 15px 0;
	padding: 0;
}

#content p.datum	{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	height: 21px;
	width: 250px;
	margin: 0 0 10px 0;
	padding: 4px 0 0 33px;
	background: url(images/datum-bg.jpg) no-repeat;
}

#content p strong	{
	font-weight: bold;
}

#sidebar p strong	{
	font-weight: bold;
}

#content p a,
#sidebar a,
#content p a:visited,
#sidebar a:visited	{
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#sidebar h1 a,
#sidebar h1 a:visited	{
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#content p a:hover,
#sidebar a:hover	{
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#sidebar p.nomargin	{
	margin: 0;
	padding: 0;
}


/* *********************************************** */
/* img */



img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 0;
	margin: 5px 15px 2px 0;
	display: inline;
}

img.alignleftstart {
	padding: 0;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
	margin: 0 0 2px 17px;
}

.alignleft {
	float: left;
	margin: 0 17px 2px 0;
}

.alignleftstart {
	float: left;
	margin: 0 17px 2px 0;
}

.startseiteleiste {
	padding: 0;
	border: 0;
	margin: 30px 0 0 0;
	}
	
/* *********************************************** */
/* karusell und navigation */

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable {  
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 600px; 
    height:400px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 

.next {
	cursor: pointer;
}

.prev {
	cursor: pointer;
}