/* style.css by H.J. Davey 02/2007 For use with the html file "tutorial.html"
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Listen */
ol,ul
{
	margin-left: -5px;
	list-style-type: disc;
	font-size : 10pt;
	line-height : 12pt;
	font-style : normal;
	font-variant: normal;
	text-align :left;
	color: black;
	text-decoration:none;
	list-style-position:outside;
}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* This sets the font weight to start with.*/

h1,h2,h3,h4,p,a,li{
	font-weight:normal;
}
/* Try insofar as possible to set all font sizes here. 
----- use em rather than px to allow more flexable font size changes in the browser */
h1{font-size: 22px; color:#5D0023; font-weight:bold; font-style:italic; margin-bottom:15px;}
h2{font-size: 16px; color:#5D0023; font-weight:bold; text-decortion:underline; margin-bottom:10px;}
h3{font-size: 12px; color:#5D0023; font-weight:bold; margin-bottom:5px; margin-top:10px}
h4{font-size: 14px; color:#000000; font-weight:bold; text-decortion:underline; margin-bottom:10px;}
h5{font-size:12px; color:#5D0023; font-weight:bold; line-height:12px;}
h6{font-size:12px; color:#000000; font-weight:bold; line-height:12px;}
p{font-size: 12px; margin: 5px 0px 15px 0px; line-height: 16px; text-align:left;}
li{font-size: 12px; margin:2px 18px;}


html{
	/* This sets the font styles for the entire html file.*/
	font-family: Arial, Verdana, sans-serif, Geneva, Helvetica; min-width:900px;
}
body{
	min-width:980px; 
	background:#fbfbf5; /* the sets the background color */
	color: Black; /* this sets the type color for this div and it's children */
}	

img{
	border:2px solid #5D0023; margin:5px;
}

/* ===== Titel ===== */
div#branding{
	width:100%;
	height:70px;
	background-color:#5D0023;
	background: url(../images/titel.gif) no-repeat center;
	margin:0px;
}
	
	
/* ===== Navigation ===== */

div#navigation{
	float:left;
	width:105px;
	margin:0px 0px 0px 10px;
}

#navigation ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
}


#navigation li {
	text-align: left;
	padding:12px 0px;
	margin: 0px 0px 0px 0px;	
	width: 100%;
	border-bottom: 1px solid #000000;
}

#navigation a{
	font-size:13px;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
#navigation a:hover {
	color: #5D0023;
	text-decoration: underline;
}


/* ===== lvl2menu ===== */

#lvl2menu {/* this 'box' holds the menu */
   	text-align: center; /* all the menu items are left aligned in the 'box' */
	font-weight: bold;	
	clear: both;
	margin: 10px 0 20px 0px;
}
#lvl2menu ul li {
	width: auto; /* lets the menu item buttons be sized as needed for menu title*/
  	display: inline; /* make this a horizontal menu */
  	list-style: none; /* no decoration on menu items.*/
  	text-align: center; /* place the menu titles in the center of the button.*/
  	font-size: 12px; 
  	padding: 0px; /* spacing between menu items  experiment with this*/

}
#lvl2menu li a{
 	color: #000000;
	text-decoration: underline;
	font-weight: bold;

}
#lvl2menu li a:hover{
 	color: #5D0023;
	text-decoration: underline;
	font-weight: bold;
}




/* ===== CONTENT ===== */

div#contentmain{
	width: 840px;
	margin:20px 0px 40px 0px;
	padding: 0;
	overflow: auto;
	}



/* ===== Trennlinie =====*/

div#spacer{
	clear:both;
	width: 100%;
	background-color:#5D0023;
	line-height:26px;
	font-size:14px;
	font-family: "Times New Roman";
	padding:0px 0px 0px 0px;
	color:#fbfbf5;
}


div#spacer2{
	clear:both;
	line-hgeight:2px;
	font-size:1px;
	width: 100%;
	background-color:#fbfbf5;
}
	


/* ===== comments ===== */
div.comments div{
	background: #EEEEEE;
	padding: 4px 3px;
	margin-bottom:10px;
	}
div.comments div.odd{
	background:#E7EEF8;
}
div.comments p{
	padding: 10px;
	margin:0;
}		
	/* =====================================================
div#content-main-title div,div#content-sub-title div{
	border:2px solid #1FA8EF;
	}	====================================================*/	
/* ===== Site Info ===== */
div#site-info{
	clear:both;
	width: 100%;
	background: #B0D5E5;
	padding:15px 0;
	text-align:center;
	}
div#site-info p{
	/*font-size: 0.6em;*/
}	
/* ===== navbar ===== */
#navbar {

	margin-top: 10px;
}
/* ===== Breadcrumbs ===== */
#breadcrumbs {
	width: auto;
	height: .6em;
	font-size: .6em;
	color: Black;
}


/* ===== Textabsätze ===== */


/* ===== Links ===== */

a.link2:link, a.link2:visited, a.link2:active 
{
	font-size : 1.0em;
	color: black;
    text-decoration: none;
    font-weight: bold;
}
  
  a.link2:hover 
{
	font-size : 1.0em;
	color: #5d0023;
    font-weight: bold;
    text-decoration: underline;
} 

A:LINK 
{
	 
	font-size : 10pt;
	line-height : 12pt;
	font-weight : normal;
	color: #000000;
	text-decoration:none;
}

A:VISITED 
{
	font-size : 10pt;
	line-height : 12pt;
	font-weight :normal;
	color: #505050;
	text-decoration:none;
}

A:ACTIVE 
{
	font-size : 10pt;
	line-height : 12pt;
	font-weight :normal;
	color: #5d0023;
	text-decoration:underline;
}

A:HOVER 
{
	font-size : 10pt;
	font-weight :normal;
	line-height : 12pt;
	color: #5d0023;
	text-decoration: underline;
}



/* ===== Journal post template styles ===== */

#post-style {
  float: left;
  width: 460px;
  margin: 20px 0 0 0;
  padding: 0 0 0 1em;
  line-height: 1.5em;
  background-color: #F5F5DC;
  word-wrap: break-word; 
  overflow: hidden;    
  }
h2.date-header {
  margin-top: 0;
  padding-left: 14px;
  font-size: 90%;
  color: #ff9933;
  }
.post-text h3 {
  margin-top: 0;
  font: normal bold 130% 'Lucida Grande','Trebuchet MS';
  letter-spacing: -1px;
  color: #ff6633;
  }
.post-text {
  margin: 0 0 1.5em 0;
  padding: 0 0 1.5em 14px;
  border-bottom: 1px solid #ddd;
  }
.post-text h3 a,
.post-text h3 a:visited { 
  color: #ff6633;
  text-decoration: none;
 }
.post-footer {
  margin: 0;
  padding: 0 0 0 14px;
  font-size: 88%;
  color: #999999;
  }




/* ========== End of CSS Styling MODX ========== */