/* CSS Document */

/*  
Theme Name: irkutsk
Theme URI: http://www.undkonsorten.com/
Description: Deutsche Kulturtage in Irkutsk
Version: 0.1
Author: undkonsorten
Author URI: http://www.undkonsorten.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php	
*/

/* ************************************************** */
/* ********* SEITENSTRUKTUR / STRUCTURE / SPANNEND ** */
/* ************************************************** */

body {
	background: #FFFFFF url(images/body_hg_de.gif) repeat-x;
	background-position: 0px 100px;
	margin: 45px 0 0 0;
	padding: 0 0 0 0;  }

#page { /* 775px */
	border: 0px solid red; 
	margin: 0px auto;
	padding: 0px;
	width: 775px;
	text-align:left; } 
	
#header {
	padding: 0; /* vorher 78px 0 0 0; */
	margin: 0 auto;
	height: 70px;
	width: 100%;
	text-align: left;  
	vertical-align: top; }


#navi_links { 
	background: #FFFFFF;
	border: 1px solid white; 
	float: left;
	width: 162px; 
	padding: 0;
	margin: 0;
	min-height: 400px; }
	
.narrowcolumn {  /*380 px*/
	float: left; 
	background: #FFFFFF;
  	border: 0px solid silver;		
	padding: 10px 20px 10px 20px;
	margin: 0 0 0 35px;
	width: 340px;
	min-height: 400px; }

#rechts { 
	background: #FFFFFF;
	float: right; 
	width: 123px;
	margin: 0 0 0 0;
	padding: 10px 20px 10px 20px;	
	min-heigth: 400px; }
	
	
#footer { /* 775px */
	color: #cccccc;
	clear: both;
	text-transform: uppercase; 
	font-size: 11px; 
	padding: 16px 0 0 0;
	height: 35px; 
	margin: 0px;
	text-align: center; 
	width: 775; }
	
.post {
	border-bottom: 1px dotted silver;
	margin: 0 0 20px 0;
	text-align: justify; }

.narrowcolumn .postmetadata {
	color: #BBBBBB;
	background: url(images/postmetadata_hg.jpg_) repeat-x bottom;
	padding-top: 0px; }

.sitemap_links { width: 200; border-right: 20px solid white; float: left; margin: 0 0 20px  0px; }
.sitemap_rechts { width: 200; ; float: left; margin: 0 0 20px 0; }

#mypicsgallery	{ text-align: left; }

/* ********* ENDE: SEITENSTRUKTUR / STUCTURE ******** */
/* *************************************************** */


/* ************************************************** */
/* ********* FONTS, FARBEN // TYPO, COLORS ********** */
/* ************************************************** */


body {
	font-size: 11px; 
	font-family: Arial, Tahoma, Verdana, sans-serif;
	line-height: 16px;
	background-color: #FFFFFF;
	color: #666666;
	text-align: center; }

/* *********** SCHAFFT DEN CONTENT IN DIE MITTE	*/
.narrowcolumn .postmetadata {
	padding: 2px 0 2px 0;
	margin: 0;
	text-align: center; }

p { margin: 0 0 16px 0; }
/*********** UEBERSCHRIFTEN ****************/
/* ************************************************** */

h1, h1 a, h1 a:hover, #headerimg .description {	
	display: none; }
	
h1, h2, h3 {
	color: #666666; 
	text-transform: uppercase; }
	
h2 { 
	font-size: 12px; 
	padding: 0; }

h2.pagetitle {
	text-align: left; }

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0; }	

h2, h3, cite {
	font-weight: bold; 
	text-decoration: none; 
	margin: 0px 0 10px 0; }

h2 a, h2 a:hover, h2 a:visited, h3 a, h3 a:hover, h3 a:visited {
	font-weight: bold; 
	margin: 20px 0 0px 0; 
	text-decoration: none; }

h3, small {
	padding: 0px; }

	
/*********** DIE LINKS ****************/
/* ************************************************** */

a, a:hover, a:visited, a:active {
	text-decoration: none; }
	
a, a:visited, a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h3 a:visited, h3 a {
	color: #990033; }
	
.narrowcolumn h2 a, .narrowcolumn h2 a:visited {
		#990000; }

.post a  { border-bottom: 1px dotted silver; }
a:hover { border-bottom: 1px dotted	#990033; background: url(images/link_hg.jpg) repeat-x bottom; }
.narrowcolumn h2 a, .narrowcolumn h2 a:hover, .narrowcolumn h2 a:visited, .narrowcolumn  h3 a, 
.narrowcolumn h3 a:hover, .narrowcolumn h3 a:visited {
	color: #99000;
	border: 0; }

#sitemap #level1 li a, #sitemap #level2 li a, #sitemap #level3 li a {
	color: #666666;
	font-size: 11px; }

.narrowcolumn .postmetadata a {	
	border: 0; }
	
/* ********* LISTEN / LISTS ************************* */
/* ************************************************** */

.entry ol {
	padding: 0 0 0 35px;
	margin: 0; 	}

.entry ol li {
	margin: 0;
	padding: 0; 	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none; 	}
	
div#sitemap a, div#sitemap a:visited; div#sitemap a:hover { font-size: 11px ; }
div#sitemap ul { 
	margin: 16px 0 0 16px; padding: 0;	 }
div#sitemap ul li {
	list-style-image:url(images/content_symbol_sheet.gif);
	margin: 16px 0 0 0;
	font-weight: normal; }
div#sitemap ul li ul { 	
	margin: 0 0 0 20px; padding: 0;	  }
div#sitemap ul li ul li {
	margin: 0 0 0 10px; 
	font-weight: normal; }

/* ********* NAVI_LINKS ********************** */
/* ************************************************** */

#navi_links, #navi_links a {	
	color: #333333;
	text-transform: uppercase;
	border: 0;
	text-align: left;	}

#navi_links ul li {
	border-bottom: 1px solid silver; 
	list-style-type: none;
	list-style-image: none; }
	
#navi_links ul li ul li {
	border: 0; 
	margin: 0; 
	padding: 0;}
	

#level1 a, #level1 a:visited {
	font-weight: normal; 
	color: #BBBBBB;  }
#level1 a:hover, #level1active a#level1current {  
	color: #666666; }	

#level2 a, #level2 a:visited {  
	color: #BBBBBB; }	
	
#level2 a:hover, #level2active #level2current {  
	color: #666666; }

#level3 a, #level3 a:visited {  
	font-weight: normal;
	font-size: 11px; 
	color: #BBBBBB; }	
#level3 a:hover, #level3active #level3current {  
	font-weight: normal;
	color: #00305E; }	


.postmetadata a {
	color: #BBBBBB; }
.postmetadata a:hover {
	color: #666666; }	
	
	
/* End Entry Lists */


/* ****** END: FONTS, FARBEN // TYPO, COLORS ******** */
/* ************************************************** */
	

/*********** IMAGES, BILDER ****************/
/* ************************************************** */

/******* DAS BILD FÜR DEN CONTENT-EINTRAG ******************** */

.headerbild_links { float: left; }
.headerbild_rechts { float: right; }
p img {
	padding: 0;
	max-width: 100%; 	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto; 	}
	
img.alignright {
	padding: 0;
	margin: 0 0 2px 7px;
	display: inline; 	}

img.alignleft {
	float: left; 
	padding: 0;
	margin: 0 7px 10px 0;
	display: inline; 
	border: 0px solid black;	}

/* Für die Artikelnavigation */
.alignright {
	float: right; 	}	
.alignleft {
	float: left 	}

a img {
	border: none; 	}
		
/* End Images */




/* ********* ALLES UEBER FORMULAR-FELDER ********************** */
/* ************************************************** */

input, textarea, select  {
	width: 80%;
	border: 1px solid silver; margin: 2px;
	background: #EFEFEF; 
	font-size: 11px; }
	
input, textarea, select, form {	
	text-align: left; }

input:hover, input:focus, textarea:focus, textarea:hover { 
	border: 1px solid black; 
	background-color: #FFFFFF; }

#content .fehler_font { color: #FF0000; }
#content .fehler_input input, #content .fehler_input textarea { border: 1px solid #FF0000; }

/* End Form Elements */

/* Begin Sidebar */
#sidebar form {
	margin: 0; 	}
/* End Sidebar */

/* Begin Various Tags & Classes */
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd; 	}

blockquote cite {
	margin: 5px 0 0;
	display: block; 	}

.center {
	text-align: center; 	}

hr {
	display: none; 	}
	
	
/* End Various Tags & Classes*/


/* ********* TABELLEN / TABLES ********************** */
/* ************************************************** */

td { 
	vertical-align: top; }

table {
	margin: 0 0 20px 0; 
	padding: 0;}
	
/* ********* VERSCHIEDENES  ********************** */
/* ************************************************** */

p.impress { display: none; }