/*************************************************************
	MAIN CSS FILE
**************************************************************
	Datei:	style.css
	Author:	Wolfgang Malgadey (mail@malgadey.de)

	Historie:
		03.08.2006 - WM
		Datei erstellt.
*************************************************************/

/* IE PNG Fix */
img, div { behavior: url(/iepngfix.htc) }

/*************************************************************
	Definition der wichtigsten HTML Standardelemente
*************************************************************/
body {
	background:  #999 url(/images/bg.gif) repeat-x; 
	color:       #FFFFFF;
	
	margin:  0;
	padding: 50px;	
}

body, input {
	font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size:   80%;
}
	
div, span, p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin:  0;
}

h1 {
	font-size: 1.6em;
	font-weight: 900;
}
h2 {
	font-size: 1.4em;
	font-weight: 900;
}
h3 {
	font-size: 1.3em;
	font-weight: 450;
}

/* Links */
a, a:link {
	color:           #800022;
	text-decoration: none;
	font-weight:     normal;
}
a:visited {}
a:hover{
	font-weight:     normal;
	color:           #f00;
	text-decoration: underline;
}
a:active {
	color: #E00;
}

img {
	border: none;
}

/* Formatierungen */
abbr, acronymn {font-style: normal;border-bottom: 1px dotted;}
em {font-style: italic;}
strong {font-weight: bold;}
strike {text-decoration: line-through;} 

/*************************************************************
	Boxformatierung von Container IDs
*************************************************************/
#Container {
	clear:      both;
}

#Siteheader {
	z-index:      -1;
	margin-top:   -45px;
	white-space:  nowrap;
}

#Sitenavigation {
	position:     absolute;

	top:          8px;
	right:        50px;
	height:       2em;
	width:        100%;

	white-space:  nowrap;
	overflow:     hidden;

	margin:  0;
	padding: 0;
}

#Sitecontent {
	margin-top:   25px;
}

#Sitemeta {
	clear: both;
}

#Sitefooter {
	min-height: 150px;

	overflow:  hidden;
	clear:     both;
}

/*************************************************************
	Allgemeine Textformatierungen
*************************************************************/
.smaller {
	font-size: 0.75em;
}
.error {
	color:     #f00;
	font-size: 1em;
}
.heavy {
	font-weight: 900;
}
a.topLink {
	font-size:   1em;
	font-weight: 700;
}

/*************************************************************
	Spezielle Textformatierungen
*************************************************************/
#Siteheader p, #Siteheader a, #Siteheader h1{
	display:       inline;
	font-weight:   900;
	padding-right: 0.2em;
}
#Siteheader a {
	color: #fff;
}

#Sitefooter p{
	margin: 25px 0px;
}

#Sitenavigation, #Sitenavigation a, #Search input {
	font-size:      0.9em;
	letter-spacing: 0.07em;

	color:      #fff;
	text-align: center;
}
#Sitenavigation {
	text-align: right;
}

/*	Navigations Textformatierungen  */
body#Fotolog li#Fotolog_nav a,
body#Blog li#Blog_nav a,
body#Impressum li#Impressum_nav a,
body#Entry li#Entry_nav a {
	color: #606A75;
}

/*************************************************************
	Listen, die in einer anderen Form dargestellt werden
*************************************************************/
ul#Navigation.top {
	list-style-type: none;
	margin:0;
	padding:0;
}
ul#Navigation.top li {
	margin:  0;
	padding: 0;
	
	display:      inline;
	margin-right: 0.3em;
	margin-top:   0.2em;
}

#Search input {
	position: relative;
	top:      -15px !important; 
	top:      -35px; /* nur für den IE */
	left:     -22em;

	width:  150px;
	height: 15px;

	border: 1px solid #606A75;	
	
	background: transparent;
	margin:0;
	padding:0;
}

/*************************************************************
	Spezialelemente
*************************************************************/
a#TooCool {
	position: fixed;
	z-index:  10;
	right:    0;
	bottom:   0;
	
	display: block;
	
	height: 80px;
	width:  80px;
	
	background: url(/images/too_cool.png) bottom right no-repeat;
	
	text-indent:     -999em;
	text-decoration: none;
}

/*************************************************************
	Ausblenden von Inhalten, die im Screendesign nicht 
	angezeigt werden
*************************************************************/
#Sitenavigation h3 {display: none;}
a#TooCool {display:  none;}