/*======================================================================================
Stylesheet für die Website von Stefan Freund Fotografie - http://www.stefanfreund.de
Stand:  Januar 2012
Datei:  bildschirm.css / Medium Screen
Autor:  Stefan Freund / http://www.stefanfreund.de

Das Copyright liegt beim Autor!
Ein Veränderung oder Bearbeitung ist nur mit ausdrücklicher Erlaubnis des Autors gestattet.
Der Autor übernimmt keinerlei Gewähr für die Aktualität, Korrektheit, Vollständigkeit oder Qualität der bereitgestellten Informationen. Haftungsansprüche gegen den Autor, welche sich auf Schäden materieller oder ideeller Art beziehen, die durch die Nutzung oder Nichtnutzung der dargebotenen Informationen bzw. durch die Nutzung fehlerhafter und unvollständiger Informationen verursacht wurden, sind grundsätzlich ausgeschlossen, sofern seitens des Autors kein nachweislich vorsätzliches oder grob fahrlässiges Verschulden vorliegt.
======================================================================================*/

*  { 
    padding: 0; 
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
}

a { text-decoration: none;
    outline: none;
}

html { 
    height: 140%;
   	font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #ffffff;
} 
html p { 
    margin-right: 10%;
} 

body {
    height: 176%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 12px;
    text-align: left;
	text-transform: lowercase;
	background-color: #ffffff;
}

#wrapper {
	padding-top: 10px;
    margin-left: 10%;
}

#space {
    margin-top: 80%;
    margin-left: 10%;
	color: #aaaaaa;
	background: none;
}
#space a {
    font-size: 100%;
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border-bottom: none;
}
#space a:hover, a:focus {
    font-size: 100%;
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
    background: none;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border-top: 2px solid #222525;
}
#space p {
    font-size: 80%;
}
#space img {
    position: absolute;
    margin-top: 1%;
    height: 75%;
    z-index: 4;
}

#space_kontakt {
    padding-top: 52%;
    margin-left: 10%;
	color: #aaaaaa;
	background: none;
}
#space_kontakt a {
    font-size: 100%;
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border-bottom: none;
}
#space_kontakt a:hover, a:focus {
    font-size: 100%;
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
    background: none;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border-top: 2px solid #222525;
}
#space_kontakt p {
    font-size: 80%;
}
#space_kontakt img {
    position: absolute;
    margin-top: 1%;
    height: 75%;
    z-index: 4;
}

.paginate {
	padding-bottom: 4px;
	font-size: 88%;
	color: #aaaaaa;
}
.paginate a {
	padding: 2px 5px 2px 5px;
	margin: 3px 0px 3px 0px;
    font-weight: normal;
	text-decoration: none;
	background: none;
	border: 1px solid #efeee8;
	color: #aaaaaa;
}
.paginate a:hover,
.paginate a:active {
	padding: 2px 5px 2px 5px;
	margin: 3px 0px 3px 0px;
    font-weight: normal;
    background-color: #ffffff;
	border: 1px solid #cccccc;
	color: #222;
}
.paginate span.current {
	padding: 2px 5px 2px 5px;
	margin: 3px 0px 3px 0px;
    font-weight: normal;
    background-color: #ffffff;
	border: 1px solid #cccccc;
    color: #666;
}
.paginate span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 3px 0px 3px 0px;
    font-weight: normal;
	border: 1px solid #efeee8;
    color: #dedede;
}

.clearing { clear: both; }

.eingabeI {
	background: none;
   	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 110%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #555555;
    width: 260px;
	height: 17px;
	border: #aaaaaa 1px solid;
	margin-top: 4px;
}
.eingabeII {
	background: none;
   	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 110%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #555555;
    width: 660px;
	height: 160px;
	border: #aaaaaa 1px solid;
	margin-top: 4px;
}
.submitbutton {
    font-size: 90%;
	line-height: 14px;
	font-style: normal;
	font-weight: normal;
	color: #aaaaaa;
	height: 28px;
	width: 100px;
	background: #ffffff;
	border: 2px solid #cccccc;
	margin-right: 8px;
    cursor: pointer;
}
.submitbutton:hover {
    font-size: 90%;
	line-height: 14px;
	font-style: normal;
	font-weight: normal;
	color: #555555;
	height: 28px;
	width: 100px;
	background: #efeee8;
	border: 2px solid #aaaaaa;
	margin-right: 8px;
}
.nosee { /*Spam*/
   	display: none;
}

#navi {
	margin-top: 12px;
    font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #aaaaaa;
	text-align: left;
}
#navi li { 
	  display: inline;
	  height: 20px;
}
#navi a {
    font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #aaaaaa;
	padding: 2px 0px 2px 0px;
	margin: 3px 6px 3px 0px;
	border-bottom: none;
}
#navi a:hover, a:focus {
    font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #666666;
    background: none;
	padding: 2px 0px 2px 0px;
	margin: 3px 6px 3px 0px;
	border-bottom: none;
}
#navi a.menupassive:hover {
    font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #666666;
    background: none;
	padding: 2px 0px 2px 0px;
	margin: 3px 6px 3px 0px;
	border-top: 2px solid #666666;
}
#navi a.menuactive {
    font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #666666;
    background: none;
	padding: 2px 0px 2px 0px;
	margin: 3px 6px 3px 0px;
}
#navi a.menuactive:hover {
    font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #666666;
    background: none;
	padding: 2px 0px 2px 0px;
	margin: 3px 6px 3px 0px;
}

#inhalt {
	text-align: left;
	background: none;
	color: #aaaaaa;
}
#inhalt p {
    padding-top: 0.5%;
	font-size: 100%;
	color: #aaaaaa;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}
#inhalt p span {
    padding-top: 0.5%;
	font-size: 86%;
	color: #cccccc;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
#inhalt img {
    position: absolute;
    height: 75%;
    z-index: 4;
	border: none;
}
#inhalt a {
    font-size: 100%;
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border: none;
}
#inhalt a:hover, a:focus {
    font-size: 100%;
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
    background: none;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border: none;
}

#inhalt_paginate {
	font-size: 100%;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin-top: 8px;
	background: none;
}

#inhalt_kontakt {
    padding-top: 8%;
	text-align: left;
	background: none;
	color: #aaaaaa;
}
#inhalt_kontakt p {
	font-size: 100%;
	color: #aaaaaa;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
#inhalt_kontakt p span {
    /*padding-top: 1%;*/
	font-size: 86%;
	color: #444444;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
#inhalt_kontakt img {
    margin-top: 8px;
	border: none;
}
#inhalt_kontakt a {
    font-size: 100%;
	color: #aaaaaa;
	font-style: normal;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border-bottom: none;
}
#inhalt_kontakt a:hover, a:focus {
    font-size: 100%;
	color: #555555;
	font-style: normal;
	font-weight: bold;
    background: none;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border-top: 2px solid #555555;
}

#inhalt_network {
    padding-top: 20px;
	font-size: 86%;
	text-align: left;
	background: none;
	color: #aaaaaa;
}
#inhalt_network img {
	border: none;
}
#inhalt_network a {
    font-size: 100%;
	color: #aaaaaa;
	font-style: normal;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border: none;
}
#inhalt_network a:hover, a:focus {
    font-size: 100%;
	color: #555555;
	font-style: normal;
	font-weight: bold;
    background: none;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border: none;
}


#inhalt_formular {
	margin: 3%;
	font-size: 100%;
	color: #aaaaaa;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	min-height: 250px;
	padding-top: 6px;
	background: none;
}
#inhalt_formular img {
	margin-top: 2px;
	margin-left: 4px;
}
#inhalt_formular a {
    font-size: 100%;
	color: #555555;
	font-style: normal;
	font-weight: normal;
}
#inhalt_formular a:hover, a:focus, a:active {
    font-size: 100%;
	color: #555555;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
    background: none;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border-top: 2px solid #555555;
}
#inhalt_formular li {
	color:#555555;
	font-style: italic;
	list-style-type:square;
	margin-left: 2%;
}
#inhalt_form {
	color:#aaaaaa;
}
#inhalt_form p {
	font-size: 100%;
	color: #aaaaaa;
}


#inhalt_impressum {
	font-size: 100%;
	color: #aaaaaa;
	margin: 3%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	background: none;
}
#inhalt_impressum a {
    font-size: 100%;
	color: #aaaaaa;
	font-style: normal;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border: none;
}
#inhalt_impressum a:hover, a:focus, a:active {
    font-size: 100%;
	color: #dddddd;
	font-style: normal;
	padding: 2px 0px 2px 0px;
	margin: 3px 0px 3px 0px;
	border-top: 2px solid #222525;
    background: none;
}

#inhalt_kunden {
	font-size: 120%;
	line-height: 15px;
	color: #222525;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	min-height: 270px;
	padding-top: 210px;
	padding-left: 6%;
	padding-right: 6%;
	background: none;
}
#inhalt_kunden a {
    font-size: 100%;
	color: #aaaaaa;
	font-style: normal;
	border: none;
}
#inhalt_kunden a:hover, a:focus, a:active {
    font-size: 100%;
	color: #dddddd;
	font-style: normal;
	border: none;
	text-decoration: none;
    background: none;
}

#footer {
    position: absolute;
    bottom: 8px;
	padding-top: 2px;
	padding-bottom: 12px;
	padding-left: 10%;
	width: 90%;
    font-size: 100%;
	color: #333333;
	text-align: left;
	background: #f0efe8;
	border-top: #e8e6dc 6px solid;
	border-bottom: #e8e6dc 6px solid;
}
#footer p {
	font-size: 100%;
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
}

#footer_index {
    position: absolute;
    bottom: 8px;
	padding-top: 2px;
	padding-bottom: 36px;
	padding-left: 10%;
	width: 90%;
    font-size: 100%;
	color: #333333;
	text-align: left;
	background: #f0efe8;
	border-top: #e8e6dc 6px solid;
	border-bottom: #e8e6dc 6px solid;
}
#footer_index p {
	font-size: 100%;
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
}
#footer_index p span{
	font-size: 70%;
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
}

#footer_kontakt {
    position: absolute;
    bottom: 8px;
	padding-top: 2px;
	padding-bottom: 36px;
	padding-left: 10%;
	width: 90%;
    font-size: 100%;
	color: #333333;
	text-align: left;
	background: #f0efe8;
	border-top: #e8e6dc 6px solid;
	border-bottom: #e8e6dc 6px solid;
}
#footer_kontakt p {
	font-size: 100%;
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
}
#footer_kontakt p span{
	font-size: 70%;
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
}

/*======================================================================================
   E N D E   D E S   S T Y L E S H E E T S / Copyright by Stefan Freund
======================================================================================*/