/*

    Sitename: familiencafe.com
    Design & Code-Adaptation by: Martin Aglas
    Base-CSS-Coding by: Marco Petzold

*/

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

body
    {  
    color: #615980;
    font-family:  ms sans serif;
    font-size: 13px;
	word-spacing: 1px;
	text-align: center;
    background: #dfdde8 url('background1.jpg') repeat-x top left;
    }

html
	 {
	 	/* Scrollbar-Definitions IE only */
	scrollbar-face-color: #f4f4f4; 
    scrollbar-highlight-color: #f4f4f4; 
    scrollbar-shadow-color: #f4f4f4; 
    scrollbar-3dlight-color: #fcfff9; 
    scrollbar-arrow-color: #716C87; 
    scrollbar-track-color: #d5d3e0; 
    scrollbar-darkshadow-color: #bdbacb;
	 }

hr { display: none; }


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

#wrapper
    {
    width: 740px;
    margin: 0 auto;
    background: #fff url(bg-wrapper.gif) repeat-y;
    text-align: left;
    }


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

h1
    {
    width: 740px;
    height: 190px;
    text-indent: -10000px;
    background: url(header1.jpg) no-repeat;
    }


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

#nav
    {
    width: 100%;
    height: 50px;
    background: #eeeded url(navi1.jpg) no-repeat;
    }

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

#nav ul li
    {
    display: inline;
    margin: 0 0px;
    padding: 0 0 0 0px;
    }

#nav a
    {
    color: #443971;
	 font-size: 16px;
    font-family: times new roman;
	 font-weight: none;
    text-decoration: none;
	 background: #f0eff5;
    }

#nav a:hover
    {
    color: #443971;
    background: #f0eff5;
	font-weight: none;
    text-decoration: none; 
    border-bottom: solid 2px #c7c4d2;

	
    }


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

#content
    {
    width: 600px;
    margin: 0 65px;
    line-height: 17px;
    }

.textlarge
	{
	font-size: 24px;	
	}


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

h2
    {
    margin: 30px 0 40px 0;
    color: #615980;
    font-family: "times new roman", serif;
    font-size: 19px;
    font-weight: lighter;
	 word-spacing: 1px;
    }


h2 span
    {
    padding: 0 30px 0 0;
    }

h3
    {
    margin: 0 0 0 0;
    color: #615980;
    font-family: ms sans serif;
    font-size: 11px;
    font-weight: normal;
    }
	 
h4
    {
    margin: 0 0 0 0;
    color: #615980;
    font-family: times new roman;
    font-size: 17px;
    font-weight: none;
	 font-style: italic;
    }

h5
    {
	border: 1px #C0C0C0 solid;
	margin: 0 0 0px 0;
	color: #9B9B9B;
	font-family: ms sans serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #F2F2F2;
}


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


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

#content p
    {
    margin: 0 0 14px 0;
    }


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



#content a
    {
	color: #645B87;
	text-decoration: underline;
	}

#content a:hover
    {
    color: #645B87;
    background-color: #dfdde8;
	text-decoration: none;
    }


/* ohne Hintergrund
------------------------*/

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


/* 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: 300px;
    }

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

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


/* Bilder
------------------------*/

.imgcafe
    {
    margin-top: 80px;
	 margin-bottom: 20px;
    }


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

input,
textarea
    {
	 padding: 3px;
    color: #716C87;
    font-size: 13px;
	 font-family: Lucida Sans Unicode, "Times New Roman", serif;
    background: #f0efef;
    border: 1px solid #b4b4c4;
	 /* 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
    {
	 border: none;
    }

input#submit
    {
	 background: #eeeded url(img/bg-button.jpg) no-repeat;
    }

button
	{
	width: 50px;
		
	}

	 
textarea
    {
    width: 236px;
    height: 120px;
    }


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

#footer
    {
    width: 100%;
    height: 130px;
    background: #dfdde8 url(footer1.jpg) no-repeat 0 -10px;
    }

#footer p
    {
    padding: 110px 0 0 0;
    color: #aca7c2;
    font-family: ms sans serif; 
    font-size: 11px;  
    text-align: center;
    }

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

#footer a:hover
    {
    background: #d7dbdd; 
    }

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

p.error { 
    font-family: georgia; 
    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: georgia; 
    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
body                { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #716C87; font-size:10px; background-color: none; margin: 0px; padding: 0px; }
div.gb              { margin: 0px 0px 20px 0px; padding: 0px; border: 0px solid #EBF5F5; line-height: 17px; }
div.gb-author       { margin: 0px; padding: 1px 10px 1px 10px; border-bottom: 2px solid #D6D3E2; border-top: 0px solid #D6D3E2; background: #EEEDF3;  }
p.gb-author-left    { margin: 1px 0px 0px 0px; float: left; }
p.gb-author-right   { margin: 0px; text-align: right; }
div.gb-entry        { margin: 10px; padding: 0px; line-height: 11pt; }
p.gb-browse         { text-align: right; font-weight: bold; }
p.gb-admin-buttons  { margin: 0px 0px 0px 0px; text-align: right; }
.caution            { color: red; font-weight: bold; }
.small              { font-size: 11px; line-height:16px; }
.comment            { margin: 5px 0px 0px 0px; color: #898694; font-style: italic; }
img                 { border: 0px; }

textarea, select, option, input {
			font-family: Tahoma, Verdana;
			font-size: 12px;
			color: #716C87;
			scrollbar-face-color:#EFEFEF;
			scrollbar-highlight-color:#EFEFEF;
			scrollbar-3dlight-color:#ffffff;
			scrollbar-darkshadow-color:#EFEFEF;
			scrollbar-shadow-color:#E5E5E5;
			scrollbar-arrow-color:#A1A1B9;
			scrollbar-track-color:#f4f4f4;
			border: 1px solid #b4b4c4;
			background: #ffffff;
			}
.box		{
			border: 1px solid #b4b4c4;
			background-color: #ffffff;
			padding: 2px;
			padding-top: 2px;
			margin-bottom: 2px;
			}