/* 
CSS Stylesheet for www.die-lautmaler.de
Common Styles for Pages
last edit: 03.06.2007
*/

/* ==== common styles for Pages ====================================================== */
#wrapper_mainbox{
	width: 760px;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#wrapper_top{
	width: 760px;	
	height: 59px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background: url(../images/page_wrapper_top.gif);
}
#wrapper {
	width: 760px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background: #FFFFFF url(../images/page_wrapper_bg.gif) repeat-y ;

}

#wrapper_bottom {
    width: 760px;
	height: 59px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background: url(../images/page_wrapper_bottom.gif) no-repeat;
}

#page
{
    font-family: verdana;
	font-size: 11px;
	width:740px; 
    margin-top:0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

.content
{
  	margin-left: auto;
  	margin-right: auto;
  	width: 738px;
  	text-align: left;
}

.code {
	width: 400px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:50px;
	font-style:italic;
	}

#page .column
{
  	width: 500px;
	padding-top:20px;
	padding-left:15px;
  	float: left;
  	background: url(../images/column_bg.gif) 100% 0 repeat -y;
}

#page .column img
{
	border:0px;
	padding: 5px;
	clear: both;
	
}

.floatP{
	float:right;
}

#page .column.inside
{
  	margin-right: 70px;
 }

#page p {
	padding-left: 5px;
	padding-top: 0.5em;
}

#page li{
	margin-left: 35px;
}



#page a:link {
  	text-decoration:none;
  	color: #426794;
}
  
#page a:visited {
  	text-decoration:none;
  	color: #426794;
}
  
#page a:hover {
  	text-decoration:underline;
}


/* 
Navigation
*/
#navigation { 
	font-family: verdana;
	text-align:right;
	vertical-align:right;
	width:730px;
	white-space:nowrap;
	font-size: 13px;
	padding-right: 15px;
	padding-top: 15px;
}
  
#navigation li {
 	display: inline;
  	padding-right: 5px;
	padding-left: 5px;
  	border-right: 1px dotted  #426794;
  	
}
  
#navigation li.last {
  	border-right: none;
}
  
#navigation li a:link {
  	text-decoration:none;
  	color: #426794;
}
  
#navigation li a:visited {
  	text-decoration:none;
  	color: #426794;
}
  
#navigation li a:hover {
  	text-decoration:underline;
}

/*
Subnavigation on page
*/
#subnavigation { 
	font-family: verdana;
	font-size: 12px;
	width: 180px;
	float: right;
	white-space:nowrap;
	padding-top: 50px;
	padding-right:20px;
}

#subnavigation img {
	padding-left:20px;
	padding-top: 20px;
}
  
#subnavigation li {
  	list-style-type:none;
  	border-left: 1px solid #426794;
  	padding-left: 10px;
}
  
#subnavigation li a:link {
  	text-decoration:none;
  	color: #426794;
}
  
#subnavigation li a:visited {
  	text-decoration:none;
  	color: #426794;
}
  
#subnavigation li a:hover {
  	text-decoration:underline;
}