/* General styles */
	
	html, 
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		height:100%;
		width:99%;
		background:#fff;
		text-align:center; /* fix for IE<6 to centre container in browser window */
		}
	#container{
		width: 90%; 
		min-width: 785px; /*to prevent too much content squeezing in smaller windows*/
		max-width: 1200px;/*to prevent too long text lines in oversized windows*/			
		position: relative; /* to position inner elements absolute */
		margin-left: auto; margin-right: auto;  /* for centering div */
		margin-top: 10px; margin-bottom: 0px;
		padding: 0;
		background-color:#f0f2f4;
		border: thin solid #CFCFCF;
		text-align:left; /*fix for IE<6 to override centre in body tag */		
				}
		
	h1 {
	font-family: Verdana,Arial,sans-serif;
	font-size: 150%;	
	color: #334d55;
	}
	
	h2 {
	font-family: Verdana,Arial,sans-serif;
	font-size: 120%;	
	color: #334d55;	
	}
	
	h3 {
	font-family: Verdana,Arial,sans-serif;
	font-size: 100%;	
	color: #334d55;
	}
	
	h4 {
	font-family: "Lucida Grande", "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 75%;
	color:#010000;
	}
	
	h4_underline {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 75%;
	color:#010000;
	text-decoration: underline;	
	}
	
	h5{
	font: bold 11px "Lucida Grande", "Trebuchet MS",  Verdana, Helvetica, sans-serif;
		color:#FFFFFF;
		}
		
	/* Header styles */
	#header {
	clear:both;
	width:100%; margin:0;
	height:100px;
	background-image: url(Bilder/IMG_0061.JPG);
	background-color: #f0f2f4;
	border-bottom:1px solid #000;
	}
	
	#headerbox {
	float:left; 
	height:100px;
	padding-top: 0.4em;
	padding-left: 15px;
	}
	#logo {
	margin-top: 10px;
	background-color: #ffffff;
	}
	#logoheader {
	float:left;
	height:100px;
	}
			
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#bf001d;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;	
		}
		
	#layoutdims a{		
		font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		color:#FFFFFF;	
			}
	
	#layoutdims a:hover {
	color:#6C6C6C;
	background-color: #000000;
		}
	#layoutdims a#current {
	color:#6C6C6C;
	background-color: #000000;
		}
		
	
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		border: thin solid #CFCFCF;
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
		border: thin solid #CFCFCF;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here */
			}
	/* 3 Column settings */
	.threecol {
		background:#dddddd		/* right column background colour */
		
		}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
		
			}
	.threecol .colleft {
		right:57%;			/* width of the middle column */
		background:#f4f4f4;	/* left column background colour */
	
	}
	.threecol .col1 {
		width:53%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:30%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
	clear:both; 
	width:100%;
	float:left;
	border-top:1px solid #000;	
	background-color: #bf001d;
	}
	#footer p {
		text-align:center;
		padding:10px;
		margin:0;
		font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		color:#FFFFFF;
	}
#menu1 {
margin-left: auto; margin-right: auto;  /* for centering div */
margin-top:10px;

} 

#menu1 ul
{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
} 

#menu1 li
{
display: inline;
/* for IE5 and IE6 */
} 
#menu1 a
{
background: white url(Bilder/glossybacka.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px;
text-decoration: none;
} 
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}


#menu1 a:link, #menu1 a:visited
{
	color: #EEE;
	text-decoration: none;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
} 
#menu1 a:hover
{
background-image: url(Bilder/glossybackb.gif);
color: #fff;
} 
#menu1 li a#current
{
border-bottom: 3px solid #DAD6B7;
background-image: url(Bilder/glossybackc.gif);
} 
#emailbox {
border: 1px solid #9A9A9A;
padding-top: 5px; 
margin-top:15px; 
}

#updatebox {
border: 1px solid #9A9A9A;
padding-top: 5px; 
margin-top:15px; 
text-align: center;
font-family: "Lucida Grande", "Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 75%; 
color: #bf001d;
}

.floatright { 
float: right;
margin: 0px 0 3px 8px;
}
.floatleft {
float: left;
padding: 0px 8px 3px 0;
}
/* Controls all input,textarea,submit,reset,option,select tags*/

input,textarea,submit,reset,option,select{
font-family: Verdana,Arial,sans-serif;
	font-size: 80%;	
	color: #334d55;
}

table#dienstplan {
   background-color:#FFFFFF; 
   border: 0;
   width: 100%;   
}

.blankrow {
	background-color: #FFFFFF;
}
.rowone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #334d55;
	text-align: left;
	background-color: #f0f2f4;
	font-weight: bold;
	padding-left:0.5em;
	
}
.rowtwo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #334d55;
	text-align: left;
	background-color:#f0f2f4;
	font-weight: bold;
	padding:10em;
}
.rowthree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;	
	color: #334d55;
	text-align: left;
	background-color:#f0f2f4;
	padding:10em;
}

#losung {
	margin-top:15px;
	padding:0.3em;
	background-color: #8A8A8A;	
	}
#h2div {
	padding:0 0 0 0.5em; 
	margin-top:10px; 
	background-color: #f0f2f4;
}

#large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #334d55;
	text-align: left;
	background-color: #f0f2f4;
	font-weight: bold;
	padding:0.5em 0.2em 0.5em 0.5em; 
	margin:1.0em 0 0 0;
	}
	
#medium{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #334d55;
	text-align: left;
	background-color:#f0f2f4;
	font-weight: bold;
	padding:0 0.2em 0.5em 0.5em;
	margin:0;
	}

#small{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;	
	color: #334d55;
	text-align: left;
	background-color:#f0f2f4;
	padding:0 0.2em 0.5em 0.5em; 
	margin:0;
	}
	
#galery {
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #334d55;
	text-align: left;
	background-color:#f0f2f4;
	font-weight: bold;
	padding:0 0.2em 0.5em 0.5em;
	margin:0;
	}

	
#popupcontent{ 
    position: absolute;
	visibility: hidden; 
	overflow: hidden; 
	border:1px solid #CCC;
	background-color:#F9F9F9; 
	border:1px solid #333;
	padding:5px;
	}
	
	.clear{
	clear:both;
	}
	
#centre {
	text-align: center;
}