/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   1.0
date:      07/05/07
author:    Engelke
email:     engelke@art-motion.de

website:   brinkkrug.de

version history: [location of file]
-----------------------------------------------------------------------------*/


/* Import other stylesheets
-----------------------------------------------------------------------------*/

/* @import url("otherstylesheet.css"); */


/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

*
	{
	margin: 0;
	padding: 0;
	outline:0;
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clear
	{
	clear:both;
}



.right
	{
	float: right;
}



.left
	{
	float: left;
}

/* Set up the document
-----------------------------------------------------------------------------*/

body {

    background-image: url(../imgs/bg.png);
    background-position:center top;
	font-family: serive;
	font-size:14px;	color:#464646;
	font-weight: normal;
	margin:0;
	padding:0;
	line-height:1.5em;
}



#wrapper
	{
	background-image: url(../imgs/wrapper.png);
	background-repeat:repeat-y;
	padding-left:21px;
	padding-right:20px;
	width: 751px; /* Set page width here - you can also use percentage */
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;

	clear:both;
	position:relative;

}


/* Typography
-----------------------------------------------------------------------------*/

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

h1
	{
	font-size: 1.6em; /* Equivalent to 22pt */
	margin-bottom:1em;
	clear:both;
}

h2
	{
	font-size: 1.4em; /* Equivalent to 20pt */
	margin-bottom:1em;
}

h3
	{
	font-size: 1.2em; /* Equivalent to 18pt */
	margin-bottom:1em;
}

h4
	{
	font-size: 1.1em; /* Equivalent to 18pt */
	margin-bottom:1em;
}

h5
	{
	font-size: 1.0em; /* Equivalent to 14pt */
	margin-bottom:1em;
}



ul, ol, dl
	{
	list-style: none;

}

li, dd, dt
	{

}

#umenu h3
{
	letter-spacing: 0.1em;
}

#umenu input
{

	background-image: url(../imgs/input.jpg);
	background-repeat:no-repeat;
	line-height:1em;
	width:180px;
	height:18px;
	padding:3px;
	padding-left:5px;
	color:#b89141;
	font-family: serive;
	overflow:hidden;

	/*border:1px solid #b89141;*/
}

/* Header
-----------------------------------------------------------------------------*/
div#topgrafik
{
top:0;
left:0;
position:absolute;
width:750px;
	height:169px;
	padding-left:21px;
	padding-right:20px;

}
div#imagebild
	{
	top:169px;
left:0;
margin-left:21px;
padding-right:20px;
position:absolute;
width:750px;
	background-repeat:no-repeat;
	text-align:left;
	background-color:transparent;
	height:184px;
	overflow:hidden;


}

/* Navigation
-----------------------------------------------------------------------------*/
div#hauptmenu {
	background-color:transparent;
	background-image:url(../imgs/menue2.png);
	background-repeat:no-repeat;
	height:240px;
	left:50%;
	margin-left:-370px;
	position:absolute;
	top:66px;
	width:264px;
	z-index:50;
	padding-top:120px;
	padding-left:30px;
	color:#ca9903;

}
div#hauptmenu ul
{
font-size:1px;
padding-top:15px;
display:block;
}
div#hauptmenu div ,div#hauptmenu div a
{
height:32px;
margin:3px;

display:block;
width:200px;

}
div#hauptmenu div a:hover
{
height:31px;
margin:3px;
margin-bottom:2px;
margin-left:-18px;
padding-right:27px;
display:block;
width:200px;

border-left:2px solid #ca9903;
border-right:2px solid #ca9903;

}
div#menue
{
width:240px;
}
div#umenu { /*gold  color:#b89141*/

	margin-left:5px;
	background-color:transparent;
	background-image:url(../imgs/uMenu.png);
	background-repeat:repeat-y;
	float:left;
	width:210px;
	z-index:10;
	padding-left:25px;
	padding-right:30px;
	padding-top:60px;
	color:#b89141;
	font-size:12px;
	line-height:1.5em;

}
div#umenu_ende {
	background-image:url(../imgs/uMenu_ende.png);
	background-repeat:no-repeat;
	height:26px;
	float:left;
	position:absolute;
	width:264px;

	margin-left:-25px;
	margin-top:0px;

	}

/* Footer
-----------------------------------------------------------------------------*/
div#footer
	{
	background-image: url(../imgs/wrapper_ende.png);
	background-repeat:repeat-y;
	padding-left:21px;
	padding-right:20px;
	width: 751px; /* Set page width here - you can also use percentage */
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	height:32px;
	clear:both;

}
#footer span
{
padding: 0 10px;
}



/* Homepage
-----------------------------------------------------------------------------*/
div#top
{
float:left;
width:750px;
height:350px;
}
div#inhalt /*gold color:#ca9903*/
{
width:450px;
padding:10px;
padding-top:20px;
color:#ca9903;
line-height:1.5em;
}
#inhalt img
{
margin-left:5px;
margin-right:5px;
}
div#cont
{
width:20px;
float:right;
}
div.line
{
width:750px;
height:1px;
display:block;
clear:both;
}

/* Your template
-----------------------------------------------------------------------------*/
.hr_main
{
background-image: url(../imgs/hr_main.gif);
background-repeat:no-repeat;
width:450px;
height:38px;
border:1px solid #fef3c7;
border-width:thin;

}

/* Forms
-----------------------------------------------------------------------------*/





/* Tables
-----------------------------------------------------------------------------*/



table

	{
  	border-spacing: 0;
	border-collapse: collapse;
}

td

	{
  	text-align: left;
	font-weight: normal;
}


.hidden
{
display:none;
margin:-1px;
padding:-1px;


}
.news
{
width:200px;
float:left;
display:block;

}
.red , .red a
{
float:right;
color:#631213;
display:block;
text-align: right;
width:200px;
}

HR
{
display:block;
background-image: url(../imgs/hr_main.gif);
background-repeat:no-repeat;
width:450px;
height:38px;

}
#popup
{
background-color:#000000;
height:100%;
left:0pt;
opacity:0.8;
position:fixed;
top:0pt;
width:100%;
z-index:1001;
display:none;
cursor:pointer;

}
.gal_link
{
margin:4px;
border:3px solid #FFFFFF;
}
.gal_link:hover
{
margin:4px;
border:3px solid #ca9903;
}