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

@CHARSET "UTF-8";


body, table {
        margin:0;
        padding:0;
        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: "Courier New", Courier, mono;
	font-size: 90%;
}



/* Header styles */
#TopHead {
	clear: both;
	float: left;
	width: 100%;
	background-image: url('./images/draht-neu.jpeg'); 
	background-repeat: repeat-x;
	height: 150px;
	border-bottom: 1px solid #000;
	}

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

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

#HeadLogo {
	width: 250px;
	height: 100px;
	border: 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 {
	clear: both;
	float: left;
	width: 100%;
	height: 1px;
	background: #000;
	}

.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:left;
        width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}

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

.ThreeColumns .ColMiddle {
	float:left;
	width:200%;
	margin-left:-200px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#fff;    	/* Centre column background colour */
	}

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

.ThreeColumns .Col1Wrap {
	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 */
	}
	
/* Main column, middle of page*/	
.ThreeColumns .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;
	left:200%;
	overflow:hidden;
	color: #000000;
	margin-top: 30px;
	}

.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 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        font-size: 90%;
        right:15px;         	/* Width of the left-had side padding on the left column */
	}
    
/* Headlines properties equal to Menu styles*/
.Col2 h1 {
	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;
	}

.Col2 h2 {
	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;
	color: #c50c19;
	}

.Col2 h3 {
	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;
	color: #15c50c;
	}

.Col2 p, ul, li {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.86em;
	margin-left:20px;
	}

.ThreeColumns .Col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
	margin-top: 30px;
        position:relative;
        font-size: 110%;
        left:50%;
	}

.Col3 h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.99em;
	font-weight: bold;
	}

.Col3 h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.89em;
	font-weight: bold;
	color: #c50c19;
	}

.Col3 h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.89em;
	font-weight: bold;
	color: #15c50c;
	}

.Col3 p, ul, li {
	font-family: "Courier New", Courier, mono;
	font-size: 0.76em;
	}

/* 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: 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:left;
        width:100%;
	height: 60px;
	background-image: url('./images/mauer.jpeg'); 
	background-repeat: repeat-x;
	border-top:1px solid #000;
	}

#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;
    	}	clear: both;
	float: left;
	width: 100%;
	background-image: url('./images/draht-neu.jpeg'); 
	background-repeat: repeat-x;
	height: 150px;
	border-bottom: 1px solid #000;