@font-face {  
  font-family: BitLight10 ;  
  src: url( /css/BitLight10.TTF ) format("truetype");  
}  

body {
	padding: 0px;
	margin: 0px;
	background: #D2D2D2;
    color: #000000;
	width: 1250px;
}

#Head {
	position: relative;
    width: 1250px;
    height:75px;
    background: #ffffff;
}

#Head #Logo {
    position:absolute;
    top:22px;
    left:10px;
    border:0px;
}

#HeadMenu {
    position:absolute;
    top:40px;
    left:543px;
    width: 450px;

    text-align: right;

    font-family: BitLight10, Verdana, sans-serif;
    font-size: 7px;
    color: #EED7D8;
    letter-spacing:0.3em;
}

#HeadMenu a {
    color: #222;
    text-decoration: none;	
    text-transform: uppercase;
    padding-left: 20px;
}

#HeadMenu a:hover {
	color: #ff0000;
}

#HeadMenu img {
    border: 0px;
}


#Page {
    position:relative;
    width: 1250px;    
}

#MenuColumn {
    float:left;
    
    width: 198px;
    height: 661px;

    background-image:url(/img/bg_left.jpg);
    background-repeat:no-repeat;
}

#LeftColumn {
	float:left;
    
    width: 215px;
    height: 661px;

    background-image:url(/img/bg_centerleft.jpg);
    background-repeat:no-repeat;
}

#CenterColumn {
    float:left;
   
 	width: 332px;
    min-height: 661px;
    height: 661px;
    
    background-image:url(img/bg_center.jpg);
    background-repeat:no-repeat;
}

#CenterColumnLarge {
    float:left;

    width: 418px;
    height: 648px;
    
    padding: 0px;
	background: #ffffff;    

	/*background-image:url(/img/bg_center.jpg);
    background-repeat:no-repeat;*/
}

#RightColumn {
    float:left;
    
    width: 281px;
    background-image:url(/img/bg_centerright.jpg);
    background-repeat:no-repeat;
    height: 661px;
}

#RightColumnNeu {
    float:left;
    
    width: 356px;
    height: 661px;
    
    background-image:url(/img/bg_centerright.jpg);
    background-repeat:no-repeat;
}

#RightRightColumn {
    float:left;
    
    width: 127px; 
    height: 661px;

    background-image:url(/img/bg_right.jpg);
    background-repeat:no-repeat;
}

.Folder {
    position: relative;
    top: 0px;
    left: 0px;

    background: #ffffff;

    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;

    border-top: 1px #E5C0C2 solid;
    border-bottom: 1px #E5C0C2 solid;
    
}

.Folder h1 { /* Folderlabel */
    font-family: Verdana, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #FF3333;

    /*padding: 0px;*/
    /*padding: 0px 0px 3px 5px; */
    /*padding: 1px;*/

    margin-left: 12px;
    margin-bottom: 5px;
}

.Folder .Content {
    background: #EED7D8;

    padding-top: 12px;
    padding-left: 12px;
    padding-right: 10px;
    padding-bottom: 12px;

    font-family: Verdana, sans-serif;
    font-size: 8pt;
    color: #990000;

    overflow: auto;

    border-top: 1px #AA2E35 solid;
    border-bottom: 1px #AA2E35 solid;

    scrollbar-base-color:#FFFFFF;
    scrollbar-3dlight-color:#EE1D25;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-face-color:#EE1D25;
    scrollbar-highlight-color:#EE1D25;
    scrollbar-shadow-color:#EE1D25;
    scrollbar-track-color:#E9A5AB;
}

.h110 {
	height: 110px;
}

.h140 {
	height: 110px;
}
.h160 {
	height: 160px;
}

.h180 {
	height: 180px;
}
.h220 {
	height: 220px;
}
.h310 {
	height: 310px;
}
.h370 {
	height: 370px;
}
.h500 {
	height: 500px;
}
.h580 {
	height: 580px;
}
.h100p {
	height: 100%;
}
.Folder p, .Folder td {
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    margin-top: 0px;
    margin-bottom: 9px;
    color: #990000;
}

.Folder a:link {  color: #990000; text-decoration:underline }
.Folder a:visited { color: #990000; text-decoration:underline }
.Folder a:hover { color: #FF3333; text-decoration:underline }
.Folder a:active { color: #990000; text-decoration:underline }
.Folder a:focus { color: #990000; text-decoration:underline }

.Folder dd {
	margin-left: 0px;
}

.Folder input {
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    color: #990000;
    background: #ffffff;
    border: 1px #AA2E35 solid;
}

.Folder input#submit {
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    color: #ffffff;
    
    background: #ED1D24;
    border: 1px #ED1D24 solid;
}

.Folder img.photo {
	border: 2px #990000 solid;
	margin-top: 2px;
	margin-bottom: 2px;
}
.Folder textarea {
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    color: #990000;
    background: #ffffff;
    border: 1px #AA2E35 solid;
    width: 320px;
}

.Folder h3 {
    font-size: 8pt;
    font-weight: bold;
    color: #FF3333;
    margin-top: 1px;
    margin-bottom: 6px;
}


.Folder h4, .Folder dt {
    font-size: 8pt;
    font-weight: normal;
    color: #FF3333;
    margin-top: 1px;
    margin-bottom: 6px;
}

.Folder h5 {
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    margin: 0px;
}

.FolderTeaser {
	/*background-image: url(/img/teaser.png);
	background-repeat:no-repeat;*/
    height: 55px;
    
	padding-top: 5px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 5px;
    
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    background: #EB161C;
    color: #ffffff;

    overflow: hidden;
    border-top: 0px;
    border-bottom: 0px;    
    
}

.FolderTeaser a:link {  color: #ffffff; text-decoration:underline }
.FolderTeaser a:visited { color: #ffffff; text-decoration:underline }
.FolderTeaser a:hover { color: #ffffff; text-decoration:underline }
.FolderTeaser a:active { color: #ffffff; text-decoration:underline }
.FolderTeaser a:focus { color: #ffffff; text-decoration:underline }



/* .Folder a:before { content:url(img/link.png); } */

.FolderSep {
    height: 10px;
    background-image:url(/img/foldersep.png);
    background-repeat:repeat-x;
    padding: 0px;
    margin: 0px;
}


#Menu {
    font-family: Verdana, sans-serif;
    font-size: 9pt;

    width: 198px;

    background: #ffffff;
}

#Menu img {
 	margin-left: 2px;
} 

.MenuFirst {
    list-style-type: none;
    margin-left: 10px;
    padding-left: 17px;
    padding-bottom: 35px;
}

ul {
    list-style-type: none;
    margin-left: 10px;
    padding-left: 17px;
}

ul a:link { font-weight: bold; color: #666666; text-decoration:none }
ul a:visited { font-weight: bold; color: #666666; text-decoration:none }
ul a:hover { font-weight: bold; color: #FF3333; text-decoration:none }
ul a:active { font-weight: bold; color: #666666; text-decoration:underline }
ul a:focus { font-weight: bold; color: #666666; text-decoration:underline }

.MenuFirst a:link { font-weight: bold; color: #666666; text-decoration:none }
.MenuFirst a:visited { font-weight: bold; color: #666666; text-decoration:none }
.MenuFirst a:hover { font-weight: bold; color: #FF3333; text-decoration:none }
.MenuFirst a:active { font-weight: bold; color: #666666; text-decoration:underline }
.MenuFirst a:focus { font-weight: bold; color: #666666; text-decoration:underline }

#selected:link { font-weight: bold; color: #660000; text-decoration:none;  }
#selected:visited { font-weight: bold; color: #660000; text-decoration:none;  }
#selected:hover {font-weight: bold;  color: #660000; text-decoration:none; }
#selected:active {font-weight: bold; color: #660000; text-decoration:none;   }
#selected:focus { font-weight: bold; color: #660000; text-decoration:none; }

.MenuSecond {
    list-style-type: none;
    margin-left: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.MenuSecond a:link { font-weight: bold; color: #993333; text-decoration:none }
.MenuSecond a:visited { font-weight: bold; color: #993333; text-decoration:none }
.MenuSecond a:hover { font-weight: bold; color: #FF3333; text-decoration:none }
.MenuSecond a:active { font-weight: bold; color: #993333; text-decoration:underline }
.MenuSecond a:focus { font-weight: bold; color: #993333; text-decoration:underline }

.MenuThird {
    list-style-type: none;
    margin-left: 10px;
    padding-left: 10px;
}
.MenuThird a:link { font-weight: normal; color: #993333; text-decoration:none }
.MenuThird a:visited { font-weight: normal; color: #993333; text-decoration:none }
.MenuThird a:hover { font-weight: normal; color: #FF3333; text-decoration:none }
.MenuThird a:active { font-weight: normal; color: #993333; text-decoration:underline }
.MenuThird a:focus { font-weight: normal; color: #993333; text-decoration:underline }

@media (max-width: 1000px) {
	body {
	font-size: 1em;
	-webkit-text-size-adjust: 100%;
	}

	#LeftColumn, #RightColumnNeu {
		display: none;
	}
	
	#MenuColumn {
		background-image: none;
	}
	#Head {
		position: static;
	}
	
	#Head #Logo {
		position: static;
		padding: 1em;
	}	
	
	#HeadMenu {
		position: relative;
		bottom: 0px;
		left: 0px;
		top: auto;
		
		padding: 1em;
		font-size: 1em;
		width: auto;
		height: auto;
		text-align: left;
	}
	
	#HeadMenu a {
		padding-left: 0px;
		padding-right: 2em;
	}
	
	#Head, #MenuColumn, #CenterColumnLarge, #CenterColumnLarge, .FolderTeaser {
		width: 100%;
		height: auto;
		float: none;
	}
	
	#Menu, body, #Page {
		width: auto;
	}
	
	#Menu img {
		display: none;
	}
	
	
	.FolderTeaser {
		padding: 0;
	}
	
	.FolderTeaser p {
		padding: 1em;
	}
	
	
	.Folder h1 {
		font-size: 1.5em;
	}
	
	.MenuFirst {
	    margin-left: 0;
    	padding: 1em;
	}
	
	.Folder .Content, .Folder p, .Folder td, .Folder h3, .Folder h4, .Folder h5, .Folder dt, .FolderTeaser, #Menu {
		font-size: 1em;
	}
	
	.h110, .h140, .h160, .h180, .h220, .h310, .h370, .h500, .h580, .h100p {
		height: auto;
	}
}