/* 	Grenzhus Schlagsdorf - Main CSS file 
 	04-JUN-2008 Michael Finkenthei
 	General styles */



body, table {
        margin: 1px;
        padding: 1px;
        border: 0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
}



/* Header styles */
#TopHead {
	clear: both;
	float: none;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0px;
	background-image: url('./images/draht.jpeg'); 
	background-repeat: repeat-x;
	height: 150px;
	top: 0px;
	border-bottom: 1px solid #000;
	page-break-after: avoid;
	}

#HeadContent {
	top: 0px;
	right: 0px;
	left: 250px;
	height: 150px;
	position: absolute;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0px;
	overflow: auto;
	font-size: 140%;
	}

#HeadContent h1 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.69em;
	font-weight: bold;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	color: #000000;
}
#HeadContent h2 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.98em;
	font-weight: bold;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	color: #000000;
}
#HeadContent h3 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.68em;
	font-weight: bold;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	color: #000000;
}
#HeadContent ul, li {
	font-family: "Courier New", Courier, mono;
	font-size: 0.72em;
}

#HeadLogo {
	width: 250px;
	height: 120px;
	border: 0px;
	left: 0px;
	text-align: center;
	padding: 0 0 0 0;
	background-image: url('images/GrenzHusSchlagsdorf-Logo-tr.jpeg'); 
	background-repeat:no-repeat;
	background-position: 0 0;
}

#HeadFence {
	display: none;
	}

.macinabanner {
	width: 100%;
	text-align: center;
	}

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

/* 3 column settings */
.ThreeColumns {
    	background:#caf0ca;    	/* Right column background colour */
	}

.ThreeColumns .ColMiddle {
	margin-left:10px; 	/* Width of right column */
	position:relative;
	right:10px;
	}

.ThreeColumns .ColLeft {
	float: none;
	width: 100%;
	margin-left: 0;
	position: relative;
	left: 0px;         	/* Left column width + right column width */
	background: #ffffff;    /*	 Left column background colour */
	}

.ThreeColumns .Col1Wrap {
	float: none;
	width:100%;
	position:relative;
	right:2px;        	/* Width of left column */
	padding-bottom:1px; 	/* Centre column bottom padding. Leave it out if it's zero */
	page-break-before: avoid;
	page-break-after: avoid;
	}
	
/* Main column, middle#HeadFence {
	clear: both;
	float: left;
	width: 100%;
	height: 1px;
	background: #000;
	}
 of page*/	
.ThreeColumns .Col1 {
        margin: 0;	     	/* 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: 0px;
	overflow:hidden;
	page-break-before: avoid;
	page-break-after: avoid;
	}

.Col1 h1 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.49em;
	font-weight: bold;
	}

.Col1 h2 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.49em;
	font-weight: bold;
	color: #c50c19;
	}

.Col1 h3 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.49em;
	font-weight: bold;
	color: #15c50c;
	}

.Col1 ul, li {
	font-family: "Courier New", Courier, mono;
	font-size: 1em; 
	}
	
.csc-textpic-caption {
	font-size: 0.79em;
	font-weight: bold;
	margin-top: 20px;
	padding-top: 20px;
	}
		
/* Left Side, includes Main Menu and contents */	
.ThreeColumns .Col2  {
	display: none;
	}
   
.ThreeColumns .Col3  {
	display: none;
	}

.Col2 .ContentLeft {
	display: none;
	}
   
/* Left Side  Main Menu styles */

.MenuLeft {
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 10px;
	}

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

.MenuLeftLayer1 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.36em;
	line-height: 1.5em;
	margin-left: 0px;
	margin-right:10px;
	position:relative;
	}

.MenuLeftLayer2 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.175em;
	line-height: 1.4em;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	}
	
.MenuLeftLayer3 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.10em;
	line-height: 1.4em;
	margin-left:20px;
	margin-right:10px;
	position:relative;
	}

.MenuLeftLayer1Active {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.42em;
	line-height: 1.5em;
	margin-left: 0px;
	margin-right:10px;
	position:relative;
	}

.MenuLeftLayer2Active {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.175em;
	line-height: #HeadFence {
	clear: both;
	float: left;
	width: 100%;
	height: 1px;
	background: #000;
	}
1.4em;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	}
	
.MenuLeftLayer3Active {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.16em;
	line-height: 1.4em;
	margin-left:20px;
	margin-right:10px;
	position:relative;
	}


.LanguageMenu {
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 0.88em;
	line-height: 1.5em;
	margin-left: 0px;
	margin-right:10px;
	position:relative;
	}

.LanguageMenuActive {
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 0.91em;
	line-height: 1.5em;
	margin-left: 0px;
	margin-right:10px;
	position:relative;
	}

.LanguageMenu a:link {color: #b0472b; }
.LanguageMenu a:visited {color: #b0472b; }
.LanguageMenu a:hover {color: #e0481f; }
.LanguageMenu a {text-decoration: none }
.LanguageMenu a img {border-style: none; }


/* Styles for web forms*/

#mailformUserEMail {
	margin-left: 0.5em;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.81em;
	margin: 0.1em;
	}
#mailformUserFullName {
	margin-left: 0.5em;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.81em;
	margin: 0.1em;
	}
#mailformUserPhone {
	margin-left: 0.5em;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.81em;
	margin: 0.1em;
	}
#mailformUserComment {
	margin-left: 0.5em;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.81em;
	margin: 0.1em;
	}

.csc-mailform-field label {
	margin-top: 0.8em;
	vertical-align: top;
	}

/* Footer styles */
#footer {
        clear:both;
    	float: none;
        width:100%;
	height: 60px;
	background-image: url('./images/mauer.jpeg'); 
	background-repeat: repeat-x;
	border-top:1px solid #000;
	page-break-before: avoid;
	page-break-after: avoid;
	}

#footer p {
    	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    	font-size: 0.79em;
    	font-weight: normal; 
        padding-top: 1.89em;
	text-align: center;
        margin:0;
    	}