body
{
	background-color : #d3d3d3;
	color: #000000;
	font-family : verdana;
	font-size : 11px;
	font-style : normal;
	background-image : url(../img/bg.jpg);
	background-repeat:repeat-y;
}

a:link
{
 text-decoration : none;
 color : #222266;
 font-style : normal;
}

a:visited
{
 text-decoration : none;
 color : #222266;
 font-style : normal;
}

a:active
{
 text-decoration : none;
 color : #222266;
 font-style : normal;
}

a:hover
{
 text-decoration : none;
 color : #444499;
 font-style : normal;
}

.fix
{
 background-image : url(../img/bg.jpg);
 background-repeat:repeat-y;
 position : fixed;
 top : 0px; 
 left: 0px;
 width : 1016px;
 height: 260px;
}

.logo
{
 position : fixed;
 top : 0px;
 left: 20px;


 border-style : none;
 border-color : #000000;
 border-width : 0px;
 
 
 width : 150px;
 height : 150px;
 
 background-image: url(../img/logo.gif);
 background-repeat : no-repeat;
}

.free
{
 position : fixed;
 top : 50px;
 left: 700px;


 border-style : none;
 border-color : #000000;
 border-width : 0px;
 
 
 width : 200px;
 height : 93px;
 
 background-image: url(../upload/free.png);
 background-repeat : no-repeat;
}

.umbau
{
 position : fixed;
 top : 10px;
 left: 10px;


 border-style : none;
 border-color : #000000;
 border-width : 0px;
 
 
 width : 1016px;
 height : 250px;
 
 background-image: url(../upload/umbau.jpg);
 background-repeat : no-repeat;
}

.banner
{
 position : fixed;
 top : 110px; 
 left: 0px;


 border-style : none;
 border-color : #000000;
 border-width : 0px;
 
 
 width : 1016px;
 height : 150px;
 
 background-image: url(../img/Skizze.jpg);
 background-repeat : no-repeat;
}

.navmenu_left
{
 position : fixed;
 top : 270px;
 left :  2px;
 
 border-style : none;
 border-color : #444;
 border-width : 1px;
 
 width : 220px;
 height : 300px;
 
 
 background-color : #f3f3f3;
}

.navmenu_right
{
 position : fixed;
 top : 270px;
 left : 792px;
 
 border-style : none;
 border-color : #444;
 border-width : 1px;
 
 width : 220px;
 height : 300px;
 
 
 background-color : #f3f3f3;
}

.main_content
{
 position : absolute;
 top : 270px;
 left: 235px;
 
 padding : 10px;
 
 border-style : none;
 border-width : 1px;
 border-color : #444;
 
 
 width : 530px;
}

.error_message
{
 color : #AA0000;
 font-family : "Courier New", "Courier", "Arial" !important;
}

.intern_link
{
 color : #0000AA;
}

.news_post
{

}

.news_title
{
 font-weight : bold;
}

.news_text
{
 padding-top : 2px;
 padding-left : 3px;
 padding-right : 2px;
 padding-bottom : 1px;
}

.news_date
{
 text-align : right;
}

.news_author
{

}

hr.print_line
{
	width : 200px;
	color : #000000;
}

hr.print_newsline
{
	width : 400px;
	color : #000000;
}

.line_cont
{
 position : relative;
 left : 2px;
 width : 200px;
}

.news_line_cont
{
 position : relative;
 left : 2px;
 width : 400px;
}

.page_numbers
{
	text-align : center;
}

.nav_link_cont
{
 position : absolute;
 top : 100px; 
 left: 204px;
 
 color : #f7da18;

 background-color : #f3f3f3;
 
 padding : 6px;
 
 
 padding-top : 0px;
 padding-left : 0px;
 padding-right : 0px;
 padding-bottom : 0px;

 border-style : solid;
 border-color : #f7da18;
 border-width : 1px;
}

.nav_link
{
 text-decoration : none;
 font-weight : normal;
 color: #222266;
}

.nav_pipe
{
	display:block;
	padding:5px;
 padding-left : 0px;
 padding-right : 0px;
	background:#f3f3f3;
	text-decoration:none;
}

.link_list
{
 text-decoration : none;
}

.main_title
{
 font-weight : bold;
 font-size : +1;
}

.nav_1
{
 background-image : url(../img/nav_1.gif);
 background-repeat : no-repeat;
 width : 10px;
 height : 22px;
 position : absolute;
 left : 0px;
 top : 0px;
}

.nav_2
{
 background-image : url(../img/nav_2.gif);
 background-repeat : no-repeat;
 width : 10px;
 height : 22px;
 position : absolute;
 right : 0px;
 top : 0px;
}

.nav_center
{
 background-image : url(../img/nav_center.gif);
 background-repeat : repeat-x;
 width : 200px;
 height : 22px;
 position : absolute;
 left : 10px;
 top : 0px;
}

.nav_text
{
 border-color : #f7da18;
 border-style : solid;
 border-width : 1px;
 width : 218px;
 height : 300px;
 overflow : auto;
 
 position : absolute;
 left : 0px;
 top : 22px;
  background-color : #f3f3f3;
}


.html_code
{
 padding-top : 2px;
 padding-left : 5px;
 padding-right : 2px;
 padding-bottom : 1px;
}


.nav_code
{
 padding-top : 2px;
 padding-left : 2px;
 padding-right : 2px;
 padding-bottom : 1px;
}

.motto
{
 font-weight : bold;
 font-size : 14px;
 position : fixed;
 top : 40px;
 left: 175px;
}

#nav{

 position : fixed;
 top : 83px; 
 left: 180px;
 
 color : #f7da18;

 background-color : #f3f3f3;
 
 padding : 6px;
 
 
 padding-top : 0px;
 padding-left : 0px;
 padding-right : 0px;
 padding-bottom : 0px;

 border-style : solid;
 border-color : #f7da18;
 border-width : 1px;
	list-style:none;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	/* Clear floats 
	float:left;
	/*width:100%;
	 Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	position:relative;
}
#nav a{
	display:block;
	padding:5px;
	background:#f3f3f3;
	text-decoration:none;
}
#nav a:hover{
	/*color:#fff;
	background:#f3f3f3;
	text-decoration:underline;*/
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#f3f3f3; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	/*padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	padding-left:0px;
	float:none;
 border-style : solid;
 border-color : #f7da18;
 border-width : 1px;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left: -40px; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#f3f3f3;
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#f3f3f3;
}