/* Stylesheet: www.kuhnle-foto.de */

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

html { height:101%; }

body  { 
	min-height: 101%;
        font-size: 90%;
	background-color:#ffffff;
	padding:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size:1.2em;
	text-transform:uppercase;
	letter-spacing:1px;
}
h2 {
	font-size:1em;
}
h3 {
	font-size:0.9em;
}
h4 {
	font-size:0.8em;
}

p {
	font-size:0.8em;
	line-height:1.3;
}
p#impressum {
	font-size:0.7em;
	line-height:1.3;
}

.text_klein {
	font-size:0.7em;
}
.text_klein_aktiv {
	font-size:0.7em;
	color:#AD1C23;
	font-weight: bold;
}
.text {
	font-size:0.9em;
}
.text_aktiv {
	font-size:0.85em;
	color:#AD1C23;
	font-weight: bold;
}

.text_gross {
	font-size:0.9em;
	font-weight: bold;
}

.number {
	font-size:1em;
	font-weight: bold;
	border: 1px solid #404040;
	background-color: #eeeeee;
	padding: 3px;
}
.number_block {
	font-size:0.7em;
	font-weight: normal;
	color: #000000;
	border: 1px solid #404040;
	background-color: #c0c0c0;
	padding: 7px 11px 7px 11px;
}

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

a:visited,
a:focus,
a:hover,
a:active {
	color:#AD1C23;
	text-decoration:none;
}
a:focus,
a:hover,
a:active {
	text-decoration:underline;
}

img, a img {
	border: 0;
}

/* * * * * * * * * * * * * * * * * * */
/* * Allgemeine Klassen  * * * * * * */
/* * * * * * * * * * * * * * * * * * */
.unsichtbar {
  display: block;
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}
.stopFloat{
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}
.rightFloat {
	float:right;
	margin:0 0 0 0.5em;
}
.leftFloat {
	float:left;
	margin:0 0.5em 0 0;
}
.rightAlign {
	text-align:right;
}
.leftAlign {
	text-align:left;
}

/* * * * * * * * * * * * * * * * * * */
/* * EBENEN Positionierung * * * * * */
/* * * * * * * * * * * * * * * * * * */

#wrapper {
	position:relative;
	width:770px;
}

	#skipnavigation {
		position:absolute;
		top:0;
		left:-10000px;
	}
	#skipnavigation a {
		display:block;
		width:15em;
		position:absolute;
		left:0;
		top:0;
	}
	#skipnavigation a:focus {
		z-index:100;
		left:10350px;
		top:15px;
	}

	#header {
		position:relative;
		height:37px;
		background-color:#fff;
		margin-bottom:3px;
	}

	#lightbox {
		float:right;
		width:550px;
		height:350px;
		margin-bottom:3px;
		margin-left:3px;
		background-color:#ffcc00;
	}
	#text_vertikal {
		position:relative;
		float:right;
		width:50px;
		height:350px;
		background-color:#fff;
	}

	#menu {
		float:left;
		width:162px;
		margin-bottom: 31px;
		padding-bottom: 10px;
		min-height: 338px;
		border:1px solid #808080;
	}

	#streifen {
		position:relative;
		float:right;
		width:550px;
		padding:5px 0px 5px 50px;
		margin-bottom:3px;
		background-color:#808080;
		color:#fff;
		font-weight: bold;
		font-size: 1.4em;
	}

	#streifen_druck {
		clear:both;
		width:550px;
		position:relative;
		padding:5px 0px 5px 0px;
		text-align: center;
		margin-top:3px;
		margin-bottom:3px;
		background-color:#808080;
		color:#fff;
		font-weight: bold;
		font-size: 1.4em;
	}

	#inhalt {
		position:relative;
		float:right;
		width:600px;
		margin-bottom:3px;
	}
	
	#untermenu {
		float:left;
		width:162px;
		border:1px solid #808080;
		margin-bottom:3px;
	}
	
	#footer {
		clear:both;
		width:760px;
		background-color:#fff;
		padding:5px;
		border:1px solid #808080;
		text-align:center;
	}
	
/* * * * * * * * * * * * * * * * * * */
/* * EBENEN Inhalte  * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */	

/* HEADER */
#header img#wernerkuhnle
{
	position:absolute;
	bottom:5px;
	left:0;
}
#header img#bildjournalist
{
	position:absolute;
	bottom:0;
	right:0;
}

/* Navigationselemente in Haupt- und Unter-MENU */
ul.navigation {
	margin:10px 10px 0px 10px;
	list-style:none;
}
ul.navigation li {
	font-size:0.8em;
	background:#fff url(/img/gif/hauptnav-li-bg.gif) 0 8px no-repeat;
	padding-left:8px;
	line-height:1.5;
	margin-top: 3px;
}
ul.unternavigation {
	font-size:0.8em;
	list-style:none;
	margin:0 5px 5px 11px;
}
ul.unternavigation li {
	font-size:0.85em;
	background:#fff url(/img/gif/hauptnav-li-li-bg.gif) 0px 8px no-repeat;
	padding-left:8px;
}

ul.unternavigation li.aktiv a:link,
ul.unternavigation li.aktiv a:visited,
ul.unternavigation li.aktiv a:focus,
ul.unternavigation li.aktiv a:hover,
ul.unternavigation li.aktiv a:active,
ul.unternavigation li.aktiv li.aktiv a:link,
ul.unternavigation li.aktiv li.aktiv a:visited,
ul.unternavigation li.aktiv li.aktiv a:focus,
ul.unternavigation li.aktiv li.aktiv a:hover,
ul.unternavigation li.aktiv li.aktiv a:active {
	font-weight:bold;
	color:#AD1C23;
}
ul.unternavigation li.aktiv li a:link,
ul.unternavigation li.aktiv li a:visited,
ul.unternavigation li.aktiv li a:focus,
ul.unternavigation li.aktiv li a:hover,
ul.unternavigation li.aktiv li a:active {
	font-weight:normal;
	color:#AD1C23;
}


ul.navigation li a:link,
ul.navigation li a:visited,
ul.navigation li a:focus,
ul.navigation li a:hover,
ul.navigation li a:active {
	color:#404040;
	text-decoration:none;
}
ul.navigation li a:focus,
ul.navigation li a:hover,
ul.navigation li a:active {
	color:#AD1C23;
	text-decoration:underline;
}	
ul.navigation li.aktiv a:link,
ul.navigation li.aktiv a:visited,
ul.navigation li.aktiv a:focus,
ul.navigation li.aktiv a:hover,
ul.navigation li.aktiv a:active,
ul.navigation li.aktiv li.aktiv a:link,
ul.navigation li.aktiv li.aktiv a:visited,
ul.navigation li.aktiv li.aktiv a:focus,
ul.navigation li.aktiv li.aktiv a:hover,
ul.navigation li.aktiv li.aktiv a:active {
	font-weight:bold;
	color:#AD1C23;
}
ul.navigation li.aktiv li a:link,
ul.navigation li.aktiv li a:visited,
ul.navigation li.aktiv li a:focus,
ul.navigation li.aktiv li a:hover,
ul.navigation li.aktiv li a:active {
	font-weight:normal;
	color:#AD1C23;
}
	
/* TEXT_VERTIKAL */
#text_vertikal #textgrafik_vertikal {
	position:absolute;
	bottom:0;
	left:0;
}

/* STREIFEN */
#streifen p {

}

/* INHALT */
#inhalt p,
#inhalt h1,
#inhalt h2,
#inhalt h3,
#inhalt h4 {
	padding:0 50px;
	margin:1em 0;
}
#inhalt ul {
	list-style:none;
	font-size:0.8em;
	line-height:1.3;
	margin:0.75em;
	padding:0 50px;
}
#inhalt li {
	background:#fff url(/img/gif/hauptnav-li-bg.gif) 0 6px no-repeat;
	padding-left:10px;
}

/* FOOTER */
#footer p {
	font-size:0.65em;
	line-height:1.3;
}

/*Kontakt-Form*/
.maintext {
	color: #000000;
}
.field {
	clear:both;
	background-color:#fff;
	padding:1px;
	border:1px solid #808080;
}

.button {
	clear:both;
	background-color:#eee;
	padding:1px;
	border:1px solid #808080;
}