body {
margin:0;
padding:0;
text-align: center;	/* Für fixes Layout */
border:0;	/* This removes the border around the viewport in old versions of IE */
width:100%;
background: #fff;
min-width:600px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.69em;
line-height: 1.7em;
font-weight: normal;
color: #777777;
font-size: small;
}

* html body {
font-size: x-small; /* für IE5/Win */
f\ont-size: small; 	/* für andere IE-Versionen */
}

a {
color:#177bb1;
text-decoration: none;
}

a:hover {
color:#cecece;
text-decoration:none;
}

h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.5em;
font-style: italic;
font-weight: normal;
}

.col1 h1 {color: #177bb1;} 
h1 {font-size: 190%}
h2 {font-size: 160%}
h3 {font-size: 130%}
h4 {font-size: 100%}
p {font-size: 100%}
ul li {font-size: 100%}

blockquote {
font-size: 150%;
background: #f9f9f9;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: normal;
line-height: 1.5em;
margin-left: 15px;
padding: 5px 5px 10px 15px;
border-left: 5px solid #177bb1;
}

p {
margin:.4em 0 .8em 0;
padding:0;
}

img {
margin:10px 0 5px;
}

/* ######## Fixes Layout ######### */
#wrapper {
margin: 0 auto;
width: 70em;		/*you can use px, em or % */
text-align: left;
}

p.float_rechts {
margin: 0;
float: left;
text-align: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 150%;
line-height: 1.5em;
font-style: italic;
font-weight: normal;
padding-right: 30px;
width: 33%;
}

/* ######## Header styles ######### */
#header {
clear:both;
float:left;
width:100%;
background-image:url(../images/5.gif);
background-repeat:no-repeat;
background-position: top right;
background-attachment: scroll;  
}

#header p,
#header h1,
#header h2,
#header h3 {
padding:.4em 0 0 0;
margin:0;
}

#header .layout {
display: inline-block;
}
#header h1 a {
background:url(../images/94.gif) no-repeat;
width:220px;
height:68px;
text-indent:-9000px;
margin:0 30px 0 0;
overflow:hidden;
float:left;
}

#header h1 a:hover {
background:url(../images/95.gif) no-repeat; 
}
		
#logo {
position: absolute;
float:left;
padding-top: 40px;
padding-bottom: 0px;
}	

#header p,
#header h1,
#header h2 {
padding:.4em 15px 0 15px;
margin:0;
}
	
/* ######### Navigation ######### */
#nav {
clear: both;
float: right;
margin-top: -14px;
padding-bottom: 70px;
}
	
#nav li {
display: inline;
padding-bottom: 5px;
}

#nav a {
color: #999;
font-size: 175%;
text-decoration: none;
padding: 70px 30px 5px 10px;
float: left;
display: block;
border-left: 1px solid #cccccc;
}

#nav a.active {
color: #177bb1;
}

#nav a:hover {
color: #177bb1;
background: #f9f9f9;
border-left: 1px dotted #ccc;
}
	
/* ######## Subnavigation in zweiter Spalte ####### */
.subnavlist {
margin: 0;
padding:0;
border-top:1px dotted #ccc;
}
.subnavlist li {
list-style:none;
padding: 6px 0;
border-bottom:1px dotted #ccc;
color:#666;
font-size: 85%;
}
.subnavlist li:hover {
background:#f9f9f9;
}
.subnavlist li a {
text-decoration: none;
color: black;
}

.subnavlist li a:hover {
text-decoration: none;
color: #177bb1;
}

/* ######### Einleitung ######### */
#layoutdims {
clear:both;
font-size: 350%;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.5em; 
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin:0;
padding:6px 0 !important;
text-align: left;
}
#layoutdims span {color: #177bb1;
}

div.trennung {
margin: 2em 0;
text-align: center;
}

/* ####### Inhalt ######## */

#inhalt ol {
margin: 0;
padding: 0 0 0 30px;
}
#inhalt ul li  {
margin: 0 0 0 25px;
padding: 0 0 0 15px;
}
.aufzaehlung {
vertical-align : top;
text-align : justify;
width : 100%;
padding-left : 3%;
}


/* ######## Galerie ####### */

.galerie img {
width: 81px;
height: 81px;
padding: 2px;
border: 1px solid #ddd;
}

.galerie a:hover img  {
border: 1px solid #bbb;
}



/* ######## Float Boxen ######## */
span.rightfloated, span.leftfloated {
width: auto;
}
span.rightfloated {
float: right;
}


.tweet	{
padding: 10px; margin: 5px 0; background: url(images/transpOrange25.png); }








span.leftfloated {
float: left;
}
h1.clear, h2.clear, h3.clear p.clear {
clear: both;
}

/* ######### Subspalten ######### */

.spalten-layout {
border-collapse : collapse;
width : 100%;
}
.links_2 {
vertical-align : top;
text-align : right;
width : 31%;
padding-right : 2%;
}
.links_2 h2 {
line-height : 125%;
}
.links_2 span {
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.5em;
font-style: italic;
font-weight: normal;
font-size: 150%;
}
.rechts_2 {
vertical-align : top;
text-align : justify;
width : 62%;
padding-left : 2%;
}
.links_3, .mitte_3, .rechts_3 {
vertical-align : top;
text-align : left;
}
.links_3 {
padding-right : 1%;
width: 10em;
}
.mitte_3 {
width: auto;
padding-left : 1%;
padding-right : 1%;
}
.rechts_3 {
padding-left : 1%;
}
/*
#spalten {
border-top : 1px solid #cccccc;
clear : both;
padding : 0;
margin : 0;
}
#linkespalte {
float : left;
width : 50%;
text-align : left;
margin : 0 10px 0 0;
padding : 0;
background : transparent;
border-right : 1px solid #cccccc;
}
#linkespalte .text {
padding : 0 10px 0 20px;
}
#linkespalte .zitat {
font-size : 300%;
padding : 0 10px 0 20px;
}
#rechtespalte {
margin : 0 0 0 345px;
padding : 0;
text-align : left;
}*/

/* ######## Blog ####### */
h1 .blog {padding-top: 15px;}

h1 .blogdetail {
text-align: right;
}

p.float_datum {
margin: 0;
padding-bottom:10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 125%;
line-height: 1.7em;
font-style: italic;
font-weight: normal;
}

.bildstart {
width: 97%;
height: auto;
clear: both;
padding: 3px;
border: 1px solid #ccc;
}



.bildlinks { 
width: 97%;
height: auto;
clear: both;
text-align: left;
margin-right: 15px;
padding: 3px;
border: 1px solid #ccc;
}

.bildrechts { 
width: 97%;
height: auto;
clear: both;
text-align: right;
margin-left: 15px;
padding: 3px;
border: 1px solid #ccc;
}

.bildvorschau { 
width: 150px;
height: auto;
clear: both;
float: right;
margin-left: 15px;
padding: 3px;
border: 1px solid #ccc;
}
.listennav {
text-align: center;
}
.metadaten {
width: 100%;
text-align:left;
padding: 10px 5px 10px 5px;
background: #f9f9f9;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.small {
width: 100%;
text-align:left;
padding: 10px 5px 10px 5px;
background: #f9f9f9;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.comments li {
margin-top: 25px;
}

#txpCommentInputForm {
margin-top: 25px;
}

/* ######## Archiv ######## */
.archiv_titel {
font-size: 300%;
}
.archiv_titel span {
color: #777777;
}

/* ######## Spalten Container ######## */
.colmask {
position:relative;	/* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
/*
background-image:url(../images/26.gif);
background-repeat:no-repeat;
background-position: right 15%;
background-attachment: scroll;
*/
width:100%;		/* width of whole page */
overflow:hidden;	/* This chops off any overhanging divs */
}
	
/* ########## Spalten settings ########## */


.col1 .start {

background-repeat:no-repeat;
background-position: right bottom;
}

.colright,
.colmid,
.colleft {
float:left;
width:100%;
position:relative;
}

.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
}

.col2 h1, 
.col2 h2,
.col2 h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
line-height: 1.2em;
}

.col2 h1 {
font-size: 165%;
}

.col2 h2 {
font-size: 145%;
}
	
.col2 h3 {
font-size: 125%;
}
	
.col2 p {
line-height: 1.5em;
}					 
		
/* 2 Column (right menu) settings */
.rightmenu {
}

.rightmenu .colleft {
right:30%;	/* right column width */
border-right: 1px solid #ddd;
}

.rightmenu .col1 {
width:66%;	/* left column content width (left column width minus left and right padding) */
left:30%;	/* (right column width) plus (left column left padding) */
	}

.rightmenu .col2 {
width:28%;	/* right column content width (right column width minus left and right padding) */
left:36%;	/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

.zweispaltig{
width: 100%;
}

.spalte1 h1, .spalte2 h1 {
border-bottom: 1px dotted #ccc;
}


.spalte1 {
float:left;
padding:0;
margin:0;
border:0px solid #ccc;
width:47%;
height:100%;
}

.spalte2 {
float:right;
padding:0;
margin:0;
border:0px solid #ccc;
width:47%;
height:100%;
}

/* ######## Kontaktformular ####### */
fieldset{
margin: 0;
padding: 0;
border: none;
}
legend {
display:none;
}


/* ######## Stichwortsuche ######## */
.stichwortsuche h1 {
font-size: 135%;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.5em;
font-style: italic;
font-weight: normal;
}

	
/* ######## Footer styles ######### */

#footer {
clear:both;
margin-bottom: 50px;
float:left;
width:100%;
text-align:left;
border-top:1px solid #ddd;
}

#footer p {
padding:10px;
margin:0;
text-align: center;
}

#footer a.rss {
padding : 0 0 0 16px;
background : url(../images/73.png) no-repeat 2px 50%;
}

#footer_information {
margin : 0;
padding : 10px 0;
float : right;
}
#footer_copyright {
margin : 0;
padding : 10px 0;
float : left;
} 





/*
  #foot-container  {
margin : 0 auto;
width : 890px;
font-size : 1.1em;
text-align : left;
}
#foot-container a {
color : #ccc;
text-decoration : none;
}
#foot-container a.rss {
padding : 0 0 0 16px;
background : url(../_img/style-pill/rss.png) no-repeat 2px 50%;
}
#foot-container a:hover, #foot-container a:focus, #foot-container a:active {
background-color : #000;
color : #fff;
text-decoration : none;
}

*/















/* ######## Tabnavigation ######## */

#subNav {margin-top: 15px;}
#subNav span {font-weight:bold;}
#subNav h1 span {color: #177bb1; font-weight:normal;}
div, ul { margin: 0; padding: 0; }
h1, p { margin-bottom: 5px; }
div#container { margin: 20px auto 0; width: 100%; }
ul.tabNav { float: left; list-style: none; width: 100%; }
ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0; }
ul.tabNav li.current { padding-top: 0;}
ul.tabNav a { background: #f9f9f9; border: 1px solid #ccc; border-width: 1px 1px 0; color: #333; display: block; padding: 4px 4px 5px 4px; text-decoration: none; }
ul.tabNav a:hover { background: #fff; color: #177bb1;}
ul.tabNav li.current a { background: #177bb1; color: #fff; border: none; padding: 8px;}
div.tabContainer { clear: both; float: left; width: 100%; }
div.tabContainer div.tab { border-top: 1px solid #ccc; color: #666666; display: none; padding-top: 10px; }
div.tabContainer div.current { display: block; }
/*
div.tab p:last-child { margin-bottom: 0; }
*/


#twitter h1 {
border-bottom:1px dotted #ccc;
padding-bottom: 5px;
}
 
.tweet	{ 
padding: 0 0 3px 0; margin: 5px 0;
border-bottom:1px dotted #ccc;
}

.tweet p {font-size: 85%; line-height: 1.75em;}