/* Created by TopStyle Pro Trial Version - www.bradsoft.com */
/*fr editierbares Design im Homepagebuilder ist die Zusammenlegung einiger css-Dateien erforderlich*/
/*basemod.css, basemod_vlines.css, content.css*/
@import url(base.css);
/*aus basemod.css:*/
@media all
{
/* Formatierung der Seite */
body { background: #99a; padding: 10px;	}
/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 1px #667 solid; background: #fff; }
#page_margins {border: 1px #889 solid; min-width: 756px; max-width: 100em; margin:auto;}
/* Formatierung der Kopfbereiches */
#header { color: #fff; background-color: #ff0000;float:left;width:100%;}
.logo{ float: right; font-size: 2.6em;padding:1em 1em 0 0;margin:0;}
#header img{
float: left;
   margin: 0 1em 0 0;
  padding: 0;
}
/* Formatierung der Fu�eile */
#footer { color:#888; background:#fff; margin: 0em; padding: 1em 1em; border-top: 1px #ddd solid; line-height: 2em;}
/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { background: #fff ; padding: 1em 0; } 
/* linke Spalte 
#col1 {	width: 22.5%; }	
#col1_content { margin-left: 1em; margin-right: 1em; color: #444; background:inherit; }*/
/* Rechte Spalte */
#col2 {display:none; }
#col2_content {display:none; }
/*#col2 p {text-align: center; padding: 10px 0px 10px 0px;} */
/* Mittlere Spalte */
#col3
{
  	margin-left: 22.5%; 
	border-left: 0px dotted #ddd;
}
#col3_content { margin-left: 1em; margin-right: 1em; }
#col3 h2.titel {text-align: right;padding-top:0.6em;}
/*aus content.css:*/
/* ### schriften, Fließtexte ###################################################################### */
body { color: #444; font-size: 81.25%; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; } /* 13px */
h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}
h1 {font-size: 1.6em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; }
h2 {font-size: 1.4em; color: #600; margin: 0 0 0.25em 0; padding-top: 1.5em; border-bottom: 2px #ddd solid; }
h3 {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold; }
h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }
strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }
hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #eee solid; 
}
acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}
/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {color: #900; text-decoration:none;}
a:hover {background-color: #fee; text-decoration:underline;}
a:focus {background-color: #fee; text-decoration:underline;}
#footer a { color: #669; text-align:center;}
#footer a:hover {background-color: #eef; }
#footer a:focus {background-color: #eef; }
#main a.imagelink {
	padding-left: 0;
	background: transparent;
}
/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/
table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }
form {overflow:hidden;}
input, textarea {
    width: auto;
	border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
	color: #777;
}
input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}
/* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/
/* ###  Textformatierungen ################################################################## */
/* Grundlagen */
.wichtig { background-color: #fee; border: 1px #fcc solid; padding: 0.5em; margin-bottom: 0.5em; }
.hinweis { background-color: #eef; border: 1px #ccf solid; padding: 0.5em; margin-bottom: 0.5em; }
/* Beispieldateien */
p.demo { background-color: #fee; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em; }
/* Navigation am Seitenende */
p.navlink { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.navlink a { color: #353;}
p.navlink a:hover { font-weight: bold; background: transparent; }
blockquote { 
	color: #444; 
	background: #f8f8f8; 	
	border: 1px #ddd solid;
	border-left: 8px #ddd solid;
	padding: 1em 1em 0 1em;
	margin: 0 0 1em 1em;
}
/* Browser-Kompatibilit�sliste */ 
ul.browsers { margin: 0  0 .4em 0; }
ul.browsers li {
	margin: 0;
	list-style-type: none;
	background: #f8f8f8; color: #444; 
	padding: 0.1em 0.1em 0.2em 0.5em; 
	font-weight: normal;
	text-align: left; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}
ul.browsers li img { vertical-align:bottom;
}
ul.browsers li.title {
	font-weight: bold;
	background: #eee; color: #444; 
	padding: 0.2em 0.2em 0.2em 0.5em; 
}
/*aus nav_vlist.css:*/
/* ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/
	#submenu { 
		width: 100%; 
		overflow: hidden;
		margin: 2.4em 0 1.5em 0; 
		list-style-type: none; 
		border-top: 2px #ddd solid; 
		border-bottom: 2px #ddd solid; 
	}
	#submenu a { display:block; text-decoration: none; }
	#submenu li { float:left; width: 100%; margin:0; padding: 0 }
	#submenu li span { 
		display:block; 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		background-color:#f4f4f4; 
		color: #444; 
		font-weight: bold; 
		border-bottom: 1px #ddd solid;
	}
	#submenu li a { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		background-color:#fff; 
		color: #444; 
		border-bottom: 1px #eee solid;
	}
	#submenu li a:hover { background-color:#f63; color: #fff; }
	#submenu li ul { list-style-type: none; margin:0; padding: 0; }
	#submenu li ul li { float:left; width: 100%; margin:0; padding:0; }
	#submenu li ul li a { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		background-color:#f8f8f8; 
		color: #666; 
		border-bottom: 1px #ddd solid; 
	}
	#submenu li ul li a:hover { background-color:#f63; color: #fff; }
	#submenu li#title { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #444; 
		background-color: #fff; 
		border-bottom: 4px #888 solid; 
	}
	#submenu li#active { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #fff; 
		background-color:#aab; 
		border-bottom: 1px #eee solid;
	}
	#submenu li ul li#active { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		font-weight: bold; 
		color: #fff; 
		background-color:#aab; 
		border-bottom: 1px #fff solid;
	}
} 
/*aus basemod_vlines.css:*/
@media screen
{
/* Spaltentrenner */
#col3 {border-left: 2px #ddd dotted;}
} 
/* Counter */
#counter{
padding-left: 10%;
}

/*edit_css_start*/
body{background-color: #FFCC00; }
#header{background-color: #FFCC00; }
#header p{color: #fff;}
#main{background-color: #FFFF99; }
#col3 h2{color: #660000;}
#footer{background-color: #FFCC00; color: #fff; }
#submenu li a{background-color: #FFCC00; color: #444; }
#submenu li ul li a{background-color: #FFCC00; color: #444; }
#submenu li a:hover{background-color: #FF9900; color: #FF0000; }
#submenu li ul li a:hover{background-color: #FF9900; color: #FF0000; }
#submenu li a#current{color: #FFFF66; }
div.comment{background-color: #FFFF00; color: #000000; }
div.album{background-color:#606060} 
/*edit_css_links*/
a{color: #FF3366; }