/*
-----------------------------------------------------
SG 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: #ff0000;
	height: 160px;
	clear: both;
	float: left;
	width: 100%;
	}

#HeadLogo {
	width: 98%;
	text-align: left;
	padding: .01em .05em 0em 2.15em;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	}

#HeadContent {
	height:120px;
	left:210px;
	position:absolute;
	right: 0;
	text-align:center;
	top:0px;

	}

#HeadContent h1 {
	font-size: 3.19em; 
	line-height: 2.6em; 
	color: #444444; 
	text-align: left;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

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

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

#HeadMenu {
	background: #ff0000;
	margin-top: 130px; 
	height: auto;
	min-height: 30px;
	margin-left:200px;
	clear: both;
	width: 100%;
	overflow: visible;
	padding-top: 0.21em;
	pading-bottom: 0.11em;
	}

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

.HeadMainMenu a:link {color: #3a3a3a; }
.HeadMainMenu a:visited {color: #3a3a3a; }
.HeadMainMenu a:hover {color: #efefef; }
.HeadMainMenu a {text-decoration: none }
.GreenMainMenu a img {border-style: none; }

/* 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: #ffffff;    	/* 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: 3px solid #ff0000;
    }
    
.Columns3 .ColLeft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background: #ffffff;  	/* Left column background colour */
	border-right: 3px solid #ff0000;
    }
    
.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: #880000; 
	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: #880000; 
	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: #880000; 
	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: #880000; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
	
.Col2, .Col3 h2 {
	font-size: 1.1em; 
	font-weight: bold; 
	line-height: 1.4em; 
	color: #880000; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 	}

.Col2, .Col3 h3 {
	font-size: 1.0em; 
	font-weight: bold; 
	line-height: 1.4em; 
	color: #880000; 
	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: #ff5500;
	text-decoration: underline; }
a {text-decoration: none; }
a img {border-style: none; }

/* Menuepunkte*/
/* ----------------------------------------------------- */
.MenuLeft {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	margin-bottom: 3em;
	width: 100%;
	font-size: 1.0em;
	}

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

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

.MenuLeftLayer2 {
	position:relative;
	font-size: 1.10em; 
	line-height: 1.5em; 
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 2.3em;
	border-bottom: 1px solid #ababab;
	overflow:hidden;
	}
	
.MenuLeftLayer3 {
	position:relative;
	font-size: 1.0em;
	line-height: 1.6em; 
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 3em;
	border-bottom: 1px solid #ababab;
	overflow:hidden;
	}

.MenuLeftLayer1Active {
	position:relative;
	font-size: 1.28em; 
	line-height: 1.6em; 
	text-align: left;
	font-weight: bold; 
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 1.5em;
	border-bottom: 3px solid #ff0000;
	overflow:hidden;
	}

.MenuLeftLayer2Active {
	position:relative;
	font-size: 1.10em; 
	line-height: 1.5em; 
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 2.3em;
	border-bottom: 1px solid #ff0000;
	overflow:hidden;
	}
	
.MenuLeftLayer3Active {
	position:relative;
	font-size: 1.0em;
	line-height: 1.6em; 
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 3em;
	border-bottom: 1px solid #ff0000;
	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; 
	margin-top:5px;
	margin-left: 210px;
	margin-bottom:5px;
	font-size: 0.96em;	
	}	


/*  tt-news */
/* ----------------------------------------------------- */

.clearer {
	clear:both;
	}
.news-list-container {
	background-color: #ffffff;
	border: none;
	}

.news-list-item {
	background-color: #ffffff;
	border: none;
	}

.news-single-item {
	background-color: #ffffff;
	border: none;
	}	

.news-list-item h1 {
	font-size: 1.5em; 
	font-weight: bold; 
	line-height: 1.8em; 
	color: #880000; 
	background-color: #ffffff;
	border: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}

.news-list-item h2 {
	font-size: 1.3em; 
	font-weight: bold; 
	line-height: 1.8em; 
	color: #880000; 
	background-color: #ffffff;
	border: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}

.news-list-item h3 {
	font-size: 1.1em; 
	font-weight: bold; 
	line-height: 1.8em; 
	color: #880000; 
	background-color: #ffffff;
	border: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}

.news-list-container h1 {
	font-size: 1.5em; 
	background-color: #ffffff;
	border: none;
	font-weight: bold; 
	line-height: 1.8em; 
	color: #880000; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}

.news-list-container h2 {
	font-size: 1.3em; 
	font-weight: bold; 
	line-height: 1.8em; 
	color: #880000; 
	background-color: #ffffff;
	border: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}

.news-list-container h3 {
	font-size: 1.1em; 
	font-weight: bold; 
	line-height: 1.8em; 
	color: #880000; 
	background-color: #ffffff; 
	border: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}

.news-single-item h1 {
	font-size: 1.5em; 
	font-weight: bold; 
	line-height: 1.8em; 
	color: #880000; 
	background-color: #ffffff;
	border-bottom: 1px solid #880000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}

.news-single-item h2 {
	font-size: 1.3em; 
	font-weight: bold; 
	line-height: 1.8em; 
	color: #880000; 
	background-color: #ffffff;
	border-bottom: 1px solid #880000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}

.news-single-item h3 {
	font-size: 1.1em; 
	font-weight: bold; 
	line-height: 1.8em; 
	color: #880000; 
	text-align: left;
	background-color: #ffffff;
	border: none;
	border-bottom: 1px solid #880000;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
	}

.news-list-container H3 A:link, .news-list-container H3 A:visited {
	color : #880000;
	}

.news-list-container H3 A:hover {
	color: #ff0000;
	}

.news-list-container img {
	clear:both;
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:2px;
}

.news-single-timedata {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.78em;
	text-align: right;
	float: right;
	padding: 1.21em 0.1em 0.1em 0.1em;
	}

	}
/*.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 {
        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;
	}

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

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


/*  macina searchbox im top-Menu */
/* ----------------------------------------------------- */

.HeadMainMenu .tx-macinasearchbox-pi1 {
	position: absolute;
/*	left: 26em; */
	top: 1px; 
	right: 200px; 
	}