/****************************************************/
/* www.sehen.de  |  copyright by kitz.kommunikation */
/*                  www.kitz-kommunikation.de       */
/****************************************************/

/***********************************************/
/* BASIC styles                                */
/***********************************************/ 

HTML, BODY, FORM, H1, H2, H3 {
margin:0;
padding:0;
}

HTML, BODY	{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #000;
height:100%;
background-color: #D7EB99;
background-image: url(/img/hg.gif);
background-repeat:repeat-x;
}

A:link { color:#000; text-decoration:underline; }
A:visited { color:#000; text-decoration:underline; }
A:active { color:#000; text-decoration:underline; }
A:hover { color:#666; text-decoration: underline; }


#mitte A:hover { text-decoration:none; color:#869248; background-color:#ffffff;}



#rechts A:link { color:#FFF; text-decoration:underline;  }
#rechts A:visited { color:#FFF; text-decoration:underline; }
#rechts A:active { color:#FFF; text-decoration:underline; }
#rechts A:hover { color:#FFF; text-decoration: underline; }


/***********************************************/
/* Generic Formats                             */
/***********************************************/

h1 {
padding: 0px 0px 10px 0px;
font-size: 150%;
font-weight: bold;	
color:#6F8018;
}

h2 {
padding: 0px 0px 8px 0px;
font-size: 17px; 
color:#2757A4;
}

h3 {
padding: 5px 0px 5px 0px;
font-weight: bold; 
font-size: 13px; 
color:#5b6d00;
}

h4 {
padding: 0px 0px 6px 0px;
margin: 0px;
font-weight: normal; 
font-size: 12px; 
color:#233285;
}

h5 { /*wird im Pressebereich als Überschrift der Medienservice-Artikel verwendet*/
padding: 0px 0px 6px 0px;
margin: 0px;
font-size: 12px;
font-weight: normal;	
color:#888;
}

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

th, td
{
text-align:		left;
vertical-align:	top;
}

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

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


#tipps A:link, #tipps A:visited, #tipps A:active { color:#869248; padding: 1px; background-color:#f0fbcf;text-decoration:none; font-weight:bold;}
#tipps A:hover { text-decoration:none; color:#869248; background-color:#ffffff; font-weight:bold;}

.rubrik_markiert { text-decoration:none; color:#869248; background-color:#ffffff; font-weight:bold;}


/***********************************************/
/* Seitengerüst                                */
/***********************************************/

#logo {
position:absolute;
top:0px;
left:151px;
}


#navigation-top {
width:612px;
position:absolute;
top: 84px;
left: 151px;
}

#links {
float:left;
height:100%;
margin: 0;
padding: 0;
width:150px; 
background-image: url(/img/hg_top-links.gif);
background-repeat:repeat-x;
background-color:#f0fbcf;

}

#mitte {
float:left;
height:100%;
border-right:solid;
border-right-color:#FFF;
border-right-width:1px;
padding: 0;
background-image: url(/img/hg_top-mitte.gif);
background-repeat:repeat-x;
background-color:#F0FBCF;
width:420px;
}

#rechts {
float:left;
height:100%;
margin: 0;
padding: 0;
width:185px; 
background-image: url(/img/hg_top-rechts.gif);
background-repeat:repeat-x;
background-color:#f0fbcf;
}

/* Die weißen vertikalen Linien rechts neben #links und #rechts */
#linielinks, #linierechts  {
float:left;
height:100%;
margin: 0;
padding: 0;
width:1px; 
background-color:#FFF;
voice-family: "\"}\"";
voice-family:inherit;
height:100%; 			/* für die anderen und... */
}
html>body #linielinks, #linierechts {
height:100%; 			/* ...für Opera */
}




/* Der Inhalt der weißen vertikalen Linien */
.linie-inhalt {
width:1px; 
height:400px;
background-image:url(/img/hg_trennlinie.gif);
background-repeat:repeat-x;
}

/* Oberer Abstand des Contents der Inhalts-DIV's */
.top-fake {
height:139px;
}

/* Inhalt in Höhe des horizontalen Farbbalkens */
#balken-links, #balken-rechts {
border-width: 0px 0px 1px 0px;
border-color:#FFFFFF;
border-style:solid;
height:163px; 			/* für IE5/Win */
voice-family: "\"}\"";
voice-family:inherit;
height:162px; 			/* für die anderen und... */
}
html>body #balken-links, #balken-rechts {
height:162px; 			/* ...für Opera */
}
#balken-links {
background-color:#F0FBCF;
}
#balken-rechts {
background-color:#f0fbcf;
width: 185px;
height:162px;
}


.db {
position:absolute;
top:373px;
left:154px;
margin: 0;
padding-top: 26px;
width:576px; 
background-color:#F0FBCF;
}


/***********************************************/
/* Inhalt Seitengerüst                         */
/***********************************************/

/* #mitte */

.inhalt {
padding-top:26px; 
margin: 0px 15px 0 45px;
}

.abstand {
height:10px;
}

.fuss {
padding-top:10px; 
margin: 0px 15px 30px 45px;
font-size: 10px;
color:#666666;
}
A.fusslink:link, A.fusslink:visited { text-decoration:none; color:#666666}
A.fusslink:hover { text-decoration:underline; color:#666666}

A.fussnav:link, A.fussnav:visited { font-size:12px; text-decoration:none; color:#666666}
A.fussnav:hover { font-size:12px; text-decoration:underline; color:#666666}




/* Listen */

#mitte ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.sehen.de/bilder/navigation/list.gif) no-repeat scroll 0 4px;
line-height:17px;
padding:0 0 4px 15px;
}

#mitte ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0px 0px 10px 0px;
}

#mitte .symbol-weiter {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.sehen.de/bilder/navigation/pfeil_orange_rechts.gif) no-repeat scroll 0 3px;
margin:0 0 10px;
padding:0 0 0 20px;
}


.symbol-weiter {
	padding: 0px 0px 0px 22px;
	margin-bottom:6px;
	line-height: 13px;
	background: url(/img/pfeil_orange_rechts.gif) no-repeat 0px 0px;
	background-repeat:no-repeat;
	}
	
#mitte .symbol-word {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 22px;
	line-height: 17px;
	background: url(/img/symbol_word.gif) no-repeat 0px;
	background-repeat:no-repeat;
	}

#balken-rechts .symbol-email {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 22px;
	line-height: 13px;
	background: url(/bilder/navigation/symbol_versenden.gif) no-repeat 0px;
	background-repeat:no-repeat;
	}
	
/*Links Top-Themen*/
.tthema { color:#FFFFFF;}
.tthema a:link { color:#FFF; text-decoration:none;  }
.tthema a:visited { color:#FFF; text-decoration:none; }
.tthema a:active { color:#FFF; text-decoration:underline; }
.tthema a:hover { color:#FFF; text-decoration: underline; }

.bold {
font-weight:bold;
}

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

.navigation {
	background-color: #E08004;
	border: 1px solid #FFF;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 12px;
}
	
.navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;
	}

.navigation li {
	border-bottom: 1px solid #E9A650;
	margin: 0;
	padding: 0;
	}

.navigation li.seperator  {	/*Unterteilung mit weisser Linie*/
	border-bottom: 1px solid #FFF;
	margin: 0;
	}

.navigation li a {
	padding: 3px 5px 3px 12px;
	display: block;
	width: auto;
}
.navigation li a:link, .navigation li a:visited {
	background-color: #E08004;
	text-decoration: none;
	color: #FFF;
}
.navigation li a:hover {
	background: #A71D33 url(/bilder/navigation/pfeil_nav.gif) no-repeat 3px 6px;
	}

/*Link zur Startseite*/
.navigation li.back  {	
	border-bottom: 1px solid #FFF;
	margin: 0;
	}
	
.navigation li.back a:hover {
background: url(/bilder/navigation/pfeil_nav_links.gif) no-repeat 3px 7px;
}

/* Aktives HAUPTKAPITEL der Navigation */
.navigation li.aktiv a:link, 
.navigation li.aktiv a:visited, 
.navigation li.aktiv a:active, 
.navigation li.aktiv a:hover  {
	background-image: none;
	background-color: #A71D33;
	font-weight:bold;
	}

/*Unterkapitel*/
.navigation li.unterkapitel  {	
	border-bottom: 1px solid #C7594C;
	margin: 0;
	padding: 0;
	}

.navigation li.unterkapitel a  {
	padding: 3px 5px 3px 23px;
	display: block;
	width: auto;
}

.navigation li.unterkapitel a:link, .navigation li.unterkapitel a:visited  {
	background-color: #A71D33;
}
.navigation li.unterkapitel a:hover {
	background: #C7594C url(/bilder/navigation/pfeil_nav.gif) no-repeat 12px 6px;
}

/* Aktives UNTERKAPITEL der Navigation */

.navigation li.subaktiv  {
border-bottom: 1px solid #A71D33;
}
.navigation li.subaktiv a:link, 
.navigation li.subaktiv a:visited,
.navigation li.subaktiv a:active, 
.navigation li.subaktiv a:hover {
	font-weight:bold;
	padding: 3px 5px 3px 23px;
	border-bottom-color: #A71D33;
	background-color: #C7594C;
	background-image:url(/bilder/navigation/pfeil_nav.gif);
	background-position: 12px 6px;
	background-repeat:no-repeat;
}

#ausblendebene {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 420px;
	z-index: 0;
	visibility: hidden;
}

#brotkrumen a:link, #brotkrumen a:visited { 
	font-size:11px; 
	text-decoration:none; 
}
#brotkrumen a:active, #brotkrumen a:hover { 
	font-size:11px; 
	text-decoration:underline; 
}


/**********************************************************************************************/
/* Components                            ******************************************************/
/**********************************************************************************************/

.clear-both {
clear:both;
line-height: 0px;
}

.linie-trennung {
width:97%;
margin-top: 20px;
margin-bottom: 12px;

}

#mitte .presse {
padding: 0px 0px 0px 0px;
font-size: 13px;
font-weight: normal;	
color:#2757A4;
}	


/*######## SONSTIGES ########*/


.formular		{
BORDER-RIGHT: #6E9000 1px solid; 
BORDER-TOP: #6E9000 1px solid; 
BORDER-LEFT: #6E9000 1px solid; 
BORDER-BOTTOM: #6E9000 1px solid; 
PADDING-LEFT: 3px;
PADDING-TOP: 0px;
BACKGROUND: #FFF;
font-size:11px;
height:16px;
}

.teilnahme		{
BORDER-RIGHT: #F3E3E5 1px solid; 
BORDER-TOP: #F3E3E5 1px solid; 
BORDER-LEFT: #F3E3E5 1px solid; 
BORDER-BOTTOM: #F3E3E5 1px solid; 
PADDING-LEFT: 3px;
PADDING-TOP: 0px;
BACKGROUND: #E99D8D;
font-size:11px;
height:120px;
}

.email		{
BORDER-RIGHT: #888888 1px solid; 
BORDER-TOP: #888888 1px solid; 
BORDER-LEFT: #888888 1px solid; 
BORDER-BOTTOM: #888888 1px solid; 
PADDING-LEFT: 2px;
PADDING-TOP: 0px;
BACKGROUND: #FFFFFF;
font-size:10pt; color:#000000;

}

.bild-untertitel {
	float: left;
	font-size: 9px;
	clear:both;
	}



.bild-1-spaltig {
	float: left;
	border: 1px solid #2757A4;
	
	}
	
.bild-2-spaltig {
	float: left;
	border: 1px solid #2757A4;
	margin: 12px 36px 0px 0px;
	height: 135px;
	width: 100px;
	}
	
.bild-rahmen {
	float: left;
	border: 1px solid #A3A8D2;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	}
	
.bild-3-spaltig {
	float: left;
	border: 1px solid #2757A4;
	margin: 12px 22px 0px 0px;
	width: 100px;
	}
	
.bild-3-spaltig-rechts {
	float: left;
	border: 1px solid #2757A4;
	margin: 12px 0px 0px 0px;
	width: 100px;
	}
	
.bild-presse {
	float: left;
	border: 1px solid #A3A8D2;
	margin: 6px 15px 0px 0px;
	padding: 0px;
	width: 75px;
	height: 75px;
	background-color:#FFFFFF;
	text-align:center;
		
	}
	
.bildrahmen {
	BORDER-RIGHT: #A3A8D2 1px solid;
	BORDER-TOP: #A3A8D2 1px solid;
	BORDER-LEFT: #A3A8D2 1px solid;
	BORDER-BOTTOM: #A3A8D2 1px solid;
	height:75px;
	padding: 0px;
	width: 75px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
}

.bild-presse-ende {
	float: left;
	border: 1px solid #A3A8D2;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	width: 75px;
	height: 75px;
	background-color:#FFFFFF;
	text-align:center;
	}

.bild-polaroid {
	float: left;
	background-image:url(/img/hg_polaroid.gif);
	background-repeat:no-repeat;
	margin: 12px 15px 0px 0px;
	padding: 11px 0px 0px 11px;
	height: 135px;
	width: 100px;
	}
	
.bild-polaroid-rechts {
	float: left;
	background-image:url(/img/hg_polaroid.gif);
	background-repeat:no-repeat;
	margin: 12px 0px 0px 0px;
	padding: 11px 0px 0px 11px;
	height: 135px;
	width: 100px;
	}
	

.bild-links {
	float: left;
	margin: 3px 15px 0px 0px;
	border: 1px solid #A3A8D2;
	}
	
.bild-broschuere {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 90px;
	
	}
	
	
.formular-rahmen {
	BORDER-RIGHT: #A3A8D2 1px solid;
	BORDER-TOP: #A3A8D2 1px solid;
	BORDER-LEFT: #A3A8D2 1px solid;
	BORDER-BOTTOM: #A3A8D2 1px solid;
	padding: 0px;
	background-color:#E8E9F5;
	text-align:center;
}