/*

    Sitename: Pixelfly.net
    Design & Coding: Martin Aglas
    Recoding CSS and XHTML: Marco Petzold

*/


body, h1, h2, h3, p, ul, li, a, img, form, input, label, fieldset, hr
    {
    margin: 0;
    padding: 0;
    border: 0;
    }

body
    {  
    color: #7d7d7d;
    font-family: tahoma, verdana, sans-serif;
    font-size: 11px;
    text-align: center;
    background: #fbf0e0 url(img/background.jpg) repeat-x;
    }

html
	 {
	 	/* Scrollbar-Definitions IE only */
	 scrollbar-face-color: #f4f4f4; 
    scrollbar-highlight-color: #f4f4f4; 
    scrollbar-shadow-color: #f4f4f4; 
    scrollbar-3dlight-color: #fcfff9; 
    scrollbar-arrow-color: #dab682; 
    scrollbar-track-color: #ecdbbf; 
    scrollbar-darkshadow-color: #B1B7BA;
	 }

hr { display: none; }


/* Container
------------------------------------------------------------*/

#wrapper
    {
    width: 706px;
	 margin: auto;
    margin-top: 50px;
    background: url(img/bg-wrapper.gif) repeat-y;
    text-align: left;
    }


/* Header Logo
------------------------------------------------------------*/

h1
    {
    width: 706px;
    height: 216px;
	 margin-top: 0px;
    text-indent: -10000px;
    background: url(img/header.jpg) no-repeat;
    }


/* Navigation
------------------------------------------------------------*/

#nav
    {
    width: 100%;
    height: 84px;
    background: #eeeded url(img/bg-navi.jpg) no-repeat;
    }

#nav ul
    {
    list-style: none;
    padding: 7px 0 0 0;
    text-align: center;
    }

#nav ul li
    {
    display: inline;
    margin: 0 18px;
    padding: 0 0 0 5px;
    /*background: url(img/navi-arrow.gif) no-repeat;*/
    }

#nav a
    {
    color: #7d7d7d;
    font-family: georgia;
	 font-size: 14px;
    text-decoration: none;
    }

#nav a:hover
    {
    color: #a5a6a2;
    background: none;
    text-decoration: underline;
    }


/* Content
------------------------------------------------------------*/

#content
    {
    width: 610px;
    margin: 0 50px;
    line-height: 20px;
    overflow: hidden;
    }


/* Headline
------------------------*/

h2
    {
    margin: 0 0 15px 0;
    padding: 0 0 0 0px;
    color: #7d7d7d;
    font-family: georgia, "times new roman", serif;
    font-size: 16px;
    font-weight: normal;
    }


h3
    {
    margin: 20px 0 0px 0;
    color: #a4a4a4;
    font-family: georgia, "times new roman", serif;
    font-size: 14px;
    font-weight: normal;

    }	 
	 
#sidebar h3
    {
    margin: 0 0 10px 0;
    color: #7d7d7d;
    }


/* Text Absatz
------------------------*/

p
    {
    margin: 0 0 14px 0;
    }


/* Anker Verweise
------------------------*/

.content a
    {
    color: #7d7d7d;
	 text-decoration: none;
	 border-bottom: solid 1px #c39a6d;
    }

.content a:hover
    {
    color: #b5b5b5;
    background: #ececec;
	 text-decoration: none;
	 border-bottom: solid 1px #e6d1bb;
    }

a.image:link

	 {
		border: 0px;
		background: none;
    }
	 
a.image:visited

	 {
		border: 0px;
		background: none;
    }
	 
a.image:hover

	 {
		border: 0px;
		background: none;
    }
	 
a.image:active

	 {
		border: 0px;
		background: none;
    }
	 
/* ohne Hintergrund
------------------------*/

div.work p a,
#sidebar a:hover,
#awards a:hover,
div.work p a:hover,
#link-me a:hover
    {
    }


/* Inhalt Trenner
------------------------*/

div.hr-line
    {
    width: 100%;
    height: 21px;
    margin: 0 0 13px 0;
    background: url(img/hr-line.jpg) no-repeat;
    clear: left;
    }


/* Home Content
------------------------*/

#news
    {
    float: left;
    width: 330px;
    }

#news p { margin: 0 0 0 0; }

#sidebar
    {
    float: left;
    width: 230px;
    margin: 0 0 0 40px;
    }


/* Work/About Content
------------------------*/

div.work img
    {
    margin: 8px 2px;
	 border: 0px;
    }


#awards,
#rules
    {
    float: left;
    width: 230px;
    }

#awards img
    {
    margin: 5px 5px 0 0;
	 border: solid 0px;
    }
	 
#content p#side-txt
    {
    float: left;
    width: 100px;
    margin: 0 0 0 26px;
    padding: 2px 0 2px 6px;
    border-left: solid 1px #ddd;
    }


/* Linkage Liste
------------------------*/

div.links ul
    {
    list-style: none;
    margin: 0 0 20px 0;
    overflow: hidden;
    }

div.links ul li
    {
    float: left;
    width: 100px;
    padding: 0 0 0 10px;
	 margin-bottom: 5px;
    background: url(img/linkdot.gif) no-repeat;
    }

div.links .linkbox,
div.formbox
    {
    float: left;
    width: 230px;
	 margin: 0 0 0px 0;
    }

#link-me p
    {
    float: left;
    margin: 0 20px 0 0;
    }


/* Formular
------------------------------------------------------------*/

input,
textarea
    {
	 padding: 3px;
    color: #7c7c7c;
    font-size: 11px;
	 font-family: tahoma;
    background: #f0efef url(img/bg-input.jpg) no-repeat -4px 0;
    border: 1px solid #ccc;
	 /* Scrollbar-Definitions IE only */
   scrollbar-face-color: #f4f4f4; 
   scrollbar-highlight-color: #f4f4f4; 
   scrollbar-shadow-color: #f4f4f4; 
   scrollbar-3dlight-color: #fcfff9; 
   scrollbar-arrow-color: #EE8292; 
   scrollbar-track-color: #F0EFEF; 
   scrollbar-darkshadow-color: #CCCCCC; 
    }

input
    {
    width: 170px;
    }

input#submit
    {
    width: 100px;
	 background: #eeeded url(img/bg-button.jpg) no-repeat;
	 border: 0px solid;
    }

	 
textarea
    {
    width: 230px;
    height: 150px;
    }


/* Footer
------------------------------------------------------------*/

#footer
    {
    width: 100%;
    height: 140px;
    background: url(img/footer.jpg) no-repeat 0 -10px;
    }

#footer p
    {
    padding: 110px 0 0 0;
    color: #c39a6d;
    font-family: arial; 
    font-size: 12px;  
    text-align: center;
    }

#footer a
    {
    color: #c39a6d;
    text-decoration: none;
    }

#footer a:hover
    {
	 color: #ffffff;
    background: #c39a6d; 
    }

	 
/* Error-Message Contactform
------------------------------------------------------------*/	

p.error { 
    font-family: tahoma; 
    font-size: 12px; 
    color: #EE8292;
	 background: url("img/errormsgback.gif");
    font-weight: bold;
	 text-align: center;
	 border: #CCCCCC 1px solid;
	 line-height: 25px;
	 margin-top: 15px;
	 margin-bottom: 15px;
}

p.noerror { 
    font-family: tahoma; 
    font-size: 12px; 
    color: #80B18F;
	 background: url("img/errormsgback.gif");
    font-weight: bold;
	 text-align: center;
	 border: #CCCCCC 1px solid;
	 line-height: 25px;
	 margin-top: 15px;
	 margin-bottom: 15px;
} 


/* Guestbook
------------------------------------------------------------*/	 
	 
.guestbook
	 
h1                  { margin: 0px 0px 0px 0px; font-weight:bold; }
div.gb              { margin: 0px 0px 30px 0px; padding: 0px; border: 0px solid #EBF5F5; }
div.gb-author       { padding: 5px 10px 5px 10px; border-bottom: 1px solid #D7D7D7; background: #F0F0F0; }
p.gb-author-left    { margin: 0px 0px 0px 0px; float: left; }
p.gb-author-right   { margin: 0px 0px 0px 0px; text-align: right; }
div.gb-entry        { margin: 10px; padding: 0px; }
p.gb-browse         { text-align: right; font-weight: normal; }
p.gb-admin-buttons  { margin: 0px 0px 0px 0px; text-align: right; }
.caution            { color: red; font-weight: bold; }
.small              { font-size: 10px; line-height:16px; }
.comment            { margin: 10px 0px 0px 0px; color: #ACACAC; font-style: italic; }