/*
-----------------------------------------------------
Schlagsdorf.de master CSS Datei fuer screen media, normal fonts
FileName:    mediastyle.css
Version:     25-AUG-2008 M.Finkenthei
-----------------------------------------------------
*/

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	background: rgb(192,192,192);
	min-width:600px; 
	font-size:90%;
	}
	
/* Durchgaengiger Oberteil der Seite mit Logo und Claim */
/* ----------------------------------------------------- */

#TopHead {
/*	background:url("images/bg-top.gif") repeat-x; */
/*	background: #ffcc99;  alter Farbton hellrosa*/
	background: #ff9933; 
	height: 210px;
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 3px solid #fe6700;
	}

#HeadWappen {
	width: 200px;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	}

#HeadLogo {
	text-align: center;
	padding: .5em .5em 0em .8em;
	position: absolute;
	top: 0px;
	left: 200px;
	right: 200px;
	}

#HeadLogo h1 {
	font-size: 2.59em; 
/*	font-weight: bold; */
	line-height: 2.6em; 
	color: #ffc600; 
	text-align: left;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

#HeadLogo h2 {
	font-size: 1.59em; 
/*	font-weight: bold; */
	line-height: 1.6em; 
	color: #ffc600; 
	text-align: left;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

#HeadLogo h3 {
	font-size: 1.05em; 
/*	font-weight: bold; */
	line-height: 1.2em; 
	color: #ffc600; 
	text-align: left;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

#HeadMenu {
	background: #330099; 
	min-height: 30px;
	height: auto;
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 3px solid #fe6700;
	overflow: visible;
	padding-top: 4px;
	padding-bottom: 2px;
	}

.HeadMainMenu {
	background: #330099; 
	left: 200px;
	height: auto;
	right: 200px;
	position:absolute;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 0.89em;
	line-height: 1.31em;
	overflow: hidden;
	clear: both;
	float: left; 
	z-index: 10;
	}

.HeadMainMenu a:link {color: #ffffff; }
.HeadMainMenu a:visited {color: #ffffff; }
.HeadMainMenu a:hover {color: #ffcc99; }
.HeadMainMenu a {text-decoration: none }
.HeadMainMenu a img {border-style: none; }


/* Macina Searchbox wird über html direkt ins Topmenu eingebaut. Falls doch noch mal über Extension: 
.HeadMainMenu .tx-macinasearchbox-pi1 {
	position:absolute;
	right: 0em;
	top: 3px;
	}
*/

/* Drei Spalten im Mittelteil */
/* ----------------------------------------------------- */

.MainContent {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
        width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}

.Columns3 {
	background: #ff9933;    	/* Right column background colour */
	}
	
.Columns3 .ColMiddle  {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background: #ffffff;    	/* Centre column background colour */
	border-right: 2px solid #000000;
    }
    
.Columns3 .ColLeft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background: #ff9933;  	/* Left column background colour */
	border-right: 2px solid #000000;
    }
    
.Columns3 .ColRight  {
        float:left;
	width:50%;
	position:relative;
	right:200px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	border-left: 2px solid #000000;
	}
	
.Columns3 .Col1  {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
        padding-top: 2em; 	/* move content top border down a bit */
	left:200%;
	overflow:hidden;
	}
	
.Columns3 .Col2  {
        float:left;
        float:right;			/* This overrides the float:left above */
        width: 180px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right: 5px;         	/* Width of the left-had side padding on the left column */
        padding-top: 1.05em; 	/* move content top border down a bit */
    }
    
.Columns3 .Col3  {
        float:left;
        float:right;			/* This overrides the float:left above */
        width: 180px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right: 25px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
	padding-top: 2.5em; 	/* right column top padding. Leave it out if it's zero */
    }

.Col2 .ContentLeft {
        padding-top: 30px;
        padding-bottom: 20px;
        } 
   
/* Schriftarten, -farben und -groessen */
/* ----------------------------------------------------- */

h1 {
	font-size: 1.5em; 
	font-weight: bold; 
	line-height: 1.8em; 
	color: #330099; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}

h2 {
	font-size: 1.3em; 
	font-weight: bold; 
	line-height: 1.8em; 
	color: #330099; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}
h3 {
	font-size: 1.1em; 
	font-weight: bold; 
	line-height: 1.8em; 
	color: #330099; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}
	
p, ul {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.8em;
	color: #000000;
	}
	
		
.Col2, .Col3 h1 {
	font-size: 1.28em; 
	line-height: 1.5em; 
	color: #330099; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
	
.Col2, .Col3 h2 {
	font-size: 1.1em; 
	font-weight: normal; 
	line-height: 1.4em; 
	color: #330099; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 	}

.Col2, .Col3 h3 {
	font-size: 1.0em; 
	font-weight: normal; 
	line-height: 1.4em; 
	color: #330099; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

.Col2, .Col3 p, ul {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: normal; 
 	color: #000000;
	}	

	
	
/* Links und Bilder*/
/* ----------------------------------------------------- */
a:link {color: #0000ff; }
a:visited {color: #0000ff; }
a:hover {color: #000099;
	text-decoration: underline; }
a {text-decoration: none; }
a img {border-style: none; }



/* Menuepunkte*/
/* ----------------------------------------------------- */
.MenuLeft {
/*	position: fixed; */
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	margin-bottom: 3em;
	margin-left:0.1em;
	width: 180px;
	font-size: 1.20em;
/*	background: #330099; */
	}

.MenuLeft a:link {color: #ffffff; }
.MenuLeft a:visited {color: #ffffff; }
.MenuLeft a:hover {color: #ffcc99; }
.MenuLeft a {text-decoration: none }
.MenuLeft a img {border-style: none; }

.MenuLeftLayer1 {
	position:relative;
	width: 150px;
	font-size: 1.25em; 
	line-height: 1.6em; 
	text-align: left;
	font-weight: bold; 
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 1.5em;
	background: #330099; 
	border-bottom: 3px solid #fe6700;
	overflow:hidden;
	}

.MenuLeftLayer2 {
	position:relative;
	width: 141px;
	font-size: 0.97em; 
	line-height: 1.6em; 
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 2.3em;
	background: #330099; 
	border-bottom: 3px solid #fe6700;
	overflow:hidden;
	}
	
.MenuLeftLayer3 {
	position:relative;
	width: 136px;
	font-size: 0.97em;
	line-height: 1.6em; 
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 3em;
	background: #330099; 
	border-bottom: 3px solid #fe6700;
	overflow:hidden;
	}

.MenuLeftLayer1Active {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	width: 150px;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1.6em;
	position:relative;
	margin: 0 0 0 0;
	padding-left: 1.5em;
	padding-top: 0em;
	padding-bottom: 0em;
	background-color: #6882ca; 
	border-bottom: 3px solid #fe6700;
	background-image:url("images/muehle-activemenuback.gif"); 
	background-repeat:no-repeat; 
	background-position: left;
	overflow:hidden;
	}

.MenuLeftLayer2Active {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	width: 141px;
	font-size: 0.97em;
	line-height: 1.6em;
	position:relative;
	margin: 0 0 0 0;
	padding-left: 2.3em;
	padding-top: 0em;
	padding-bottom: 0em;
	background-color: #6882ca; 
	border-bottom: 3px solid #fe6700;
	background-image:url("images/muehle-activemenuback.gif"); 
	background-repeat:no-repeat; 
	background-position: left;
	overflow:hidden;
	}
	
.MenuLeftLayer3Active {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	width: 136px;
	font-size: 0.97em;
	line-height: 1.6em;
	position:relative;
	margin: 0 0 0 0;
	padding-left: 3em;
	padding-top: 0em;
	padding-bottom: 0em;
	background-color: #6882ca; 
	border-bottom: 3px solid #fe6700;
	background-image:url("images/muehle-activemenuback.gif"); 
	background-repeat:no-repeat; 
	background-position: left;
	overflow:hidden;
	}


/*  Fuss der Seite */
/* ----------------------------------------------------- */

#Bottom {
	clear: both;
	float: left;
	width: 100%;
	height: 60px;
	border-top: 2px solid #888888;
	background: #ffcc99;
	}
	
#Bottom .BottomContent {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px; 
	width: 100%;
	margin-top:5px;
	margin-bottom:5px;
	font-size: 0.96em;	
	}	


/*  tt-news */
/* ----------------------------------------------------- */
.news-list-container {
	background-color: #ffffff;
	border:0px solid #fe6700; 
	}

.news-list-item h3 {
	background-color: #6882ca;
	border:1px solid #fe6700; 
	padding: 0.3em 0.3em 0.3em 0.3em;
	}

.news-list-item {
	border:0px solid #fe6700; 
	}

.news-list-date, .news-single-rightbox {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	color: #ffffff;
	padding: 0.6em 0.6em 0.6em 0.6em;
	}


.news-single-item {
	border:0px solid #fe6700;
	}

.news-single-item h1 {
	background-color: #6882ca;
	border:1px solid #fe6700;
	color: #ffffff;
	padding: 0.3em 0.3em 0.3em 0.3em;
	}

.news-single-item h2 {
	background-color: #6882ca;
	border:1px solid #fe6700;
	color: #ffffff;
	padding: 0.3em 0.3em 0.3em 0.3em;
	}

.news-single-item h3 {
	font-size: 0.8em;
	background-color: #6882ca;
	border:1px solid #fe6700;
	color: #ffffff;
	padding: 0.3em 0.3em 0.3em 0.3em;
	}

/*.news-single-timedata {
	margin-top: 0.4em;
	margin-right: 0.1em;
	padding-top: 0.4em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	background: #ffffff;
	color: #000000;
	} */

/*  ve-guestbook */
/* ----------------------------------------------------- */


.tx-guestbook-clear{
	width: 100%;
	margin-top: 2em;
	}

.tx-guestbook-header {
	background-color: #6882ca;
	border:1px solid #fe6700;
	width: 100%;
	color: #ffffff;
	padding-left: 0.6em;
	}

.tx-guestbook-header h2 {
	background-color: #6882ca;
	border:1px solid #fe6700;
	color: #ffffff;
	padding-left: 0.6em;
	}

.tx-guestbook-date {
	margin-top: 0.3em;
	margin-right: 0.1em;
	padding-top: 0.4em;
	background: #ffffff;
	color: #000000;
	}

.tx-guestbook-left {
	float: left;        
	width: 15em;	
	min-width: 15em;		
	height: 100%;
	padding-left: 1em;
        background: #ffcc99;    	/* left column background colour */
	font-size: 0.87em;
	border-right: 1px solid #000000;
	}

.tx-guestbook-right {
/*        width: 60%;        	*/
        margin-left: 15em;  	
	padding-left: 2em;
	margin-right: 1em;
	padding-right: 1em;
	background: #ffffff;    	/* right column background colour */
	}

.tx-guestbook-field label  {
	display: block;
	text-align: right;
	padding-right: 1em;
	float: left;
	width: 15em; /* Breite.*/
	}

.tx-guestbook-field input, select {
	display: block;
	text-align: left;
	padding-right: 1em;
	float: left;
	width: 12em; /* Breite.*/
	}

.csc-mailform-field label {
	display: block;
	text-align: right;
	padding-right: 1em;
	float: left;
	width: 15em; /* Breite.*/
	}


.tx-guestbook-field input#submit { /* der Submit-Button */
	float: none;
	padding-right: 13em;
	width: auto;
	text-align: center;
	}
	
.tx-srfreecap-pi2-image {
	padding-top: 1em;
	padding-left: 0.1em;
	}

/*  macina banners */
/* ----------------------------------------------------- */

#BannerTop {
	text-align: center;
	}

/*  timtab social bookmarks */
/* ----------------------------------------------------- */

.tx-timtabsociable-pi1 img {
	padding: 0.2em;
	}


/*  KS_sitemap */
/* ----------------------------------------------------- */

.ksSitemapHeadline {color:#ffdf06; font-size:1.12em; font-weight:bold;}
.ksSitemapFullWidTable {width:75%; border:0px;}
.ksSitemapLeftMargMin {margin-left:0px;}
.ksSitemapL0TD {background-color:#ffdf06; height:35px; padding-left:10px; border:solid 1px #375475;}
.ksSitemapL1TopSpace {margin-top:15px;}
.ksSitemapL1TD {
	border-top:solid 1px #375475;  border-bottom:solid 1px #375475;
	border-right:solid 1px #375475; border-left:solid 1px #375475;
	padding-left:10px; height:35px;
}
/* Sitemap Level 0:*/
a.ksSitemap0, a.ksSitemap0:link, a.ksSitemap0:visited, a.ksSitemap0:active {
	font-size:1.12em;	color:#000000;	font-weight:bold;	text-decoration:none;
}
a.ksSitemap0:hover {font-size:1.12em; color:#000000; font-weight:bold; text-decoration:underline;}
/* Sitemap Level 1:*/
a.ksSitemap1, a.ksSitemap1:link, a.ksSitemap1:visited, a.ksSitemap1:active {
	font-size:0.98em;	color:#000000;	font-weight:bold;	text-decoration:none;
}
a.ksSitemap1:hover {font-size:0.98em;	color:#e23322; font-weight:bold; text-decoration:underline;}
/* Sitemap Level 2:*/
a.ksSitemap2, a.ksSitemap2:link, a.ksSitemap2:visited, a.ksSitemap2:active {
	font-size:0.83em;	color:#000000; text-decoration:none;
}
a.ksSitemap2:hover {font-size:0.83em;	color:#000000; font-weight:bold; text-decoration:underline;}
/* Sitemap Level 3:*/
a.ksSitemap3, a.ksSitemap3:link, a.ksSitemap3:visited, a.ksSitemap3:active {
	font-size:0.79em;	color:#000000;	text-decoration:none; font-weight:normal;
}
a.ksSitemap3:hover {font-size:11px;	color:#e23322; text-decoration:underline;}
/* Sitemap Level 4:*/
a.ksSitemap4, a.ksSitemap4:link, a.ksSitemap4:visited, a.ksSitemap4:active {
	font-size:0.79em;	color:#375475;	text-decoration:none; font-weight:normal;
}
a.ksSitemap4:hover {font-size:11px;	color:#e23322; text-decoration:underline;}
