* {
	font-family: Calibri, Arial, Helvetiva, sans-serif;
	/*font-size: 13pt;*/
}

h1 {
	font-size: 16pt;
	color: #b4132b;
	padding-top: 16px;
	padding-bottom: 10px;
}

p {
	padding-bottom: 8px;
	margin: 10px 0;
	font-size: 13pt;
}

a{
	/*font-weight: bold;*/
	text-decoration: none;
	color: #b4132b;
}

li {
	font-size: 12pt;
}

img {
	padding-right: 5px;
}

input[type="text"] {
	width: 300px;
}

input[type="submit"] {
	/*background-color: #f88;*/
	/*border: 1px solid #666;*/
}

textarea {
	width: 300px;
}



#content ul {
	margin: 0px;
	margin-bottom: 30px;
}

#content ul > li{
	list-style-image: url('../images/circ.png');
}

#wrapper {
	margin: auto;
	width: 1024px;
}

#header {
	height:370px;
	display: block;
	background: #eee no-repeat url('../images/header.jpg') center;
	border-bottom: 3px solid #c50c20;
	
	
	font-size: 22pt;
	color: #b4132b;
}

#breadcrumbs{
	font-size: 10pt;
	color: #666;
	width: 50%;
	margin-left: 102px;
	margin-top: 40px;
	border-bottom: 1px solid #ddd;
}

#breadcrumbs a{
	color: #666;
}

#navibox{
	/*background-color: #ddd; 			weg weil .alpha80 */
	width: 100%;
	/*opacity: 0.8;*/
}

#naviframe{
	width: 1024px;
	margin: auto;
	height: 40px;
	margin-top: -43px;
	margin-bottom: 20px;
}


	
#box{
	width: 35%;
	height: 352px;
	padding-left: 3%;
	margin-top: 20px;
	margin-bottom: 50px;
	float:right;
	background: url('../images/logo_ot.png') no-repeat;
}


#textinbox{
	padding-top: 190px;
	padding-left: 174px;
	font-size: 11pt;
}

#textinbox a{
	font-size: 9pt;
	color: #000;
	font-weight: normal;
}

#textinbox a:hover{
	color: #666;
}

#content {
	width: 50%;
	margin-left: 102px;
	line-height: 130%;
}

#footer{
	clear: both;
	border-top: 3px solid #c50c20;
	height: 140px;
	padding: 4px 0px 0px 0px;
	margin-top: 50px;
	
	background-color: #eee;
	font-size: 10pt;
	text-align: right;
}

#footerframe{
	width: 1024px;
	margin: auto;
	
	font-size: 10pt;
	text-align: right;
	
	padding-right: 32px;
}

#footer a{
	font-size: 10pt;
	color: #000;
	font-weight: bold;
}

.nospace {
	margin: 0px;
}

.nopasp {
	border-collapse: collapse;
	margin-top: 7px;
	margin-bottom: 7px;
}

.nopasp td{
	padding: 0px;
	margin: 0px;
	padding-right: 2px;
	vertical-align: top;
}

.tblgal td{
	padding: 0px 15px 15px 0px;
	font-size: 11pt;
	font-style: italic;
}

.tblgal li{
	font-style: normal;
	/*font-size: 12pt;*/
}

.tblgal p{
	font-style: normal;
}

.tinynav, #mobilebox { display: none; }


.alpha80 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(221, 221, 221);
    /* RGBa with 0.6 opacity */
    background: rgba(221, 221, 221, 0.8);
    /* For IE 5.5 to 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCDDDDDD, endColorstr=#D);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCDDDDDD, endColorstr=#CCDDDDDD)"; 
}

.red {
	color: #b4132b;
}


/* Menü-Leiste */

#navi{
	margin-left: 102px;
	position: absolute;
}

#navi a{
	display: block;
	color: #000;
	font-size: 13pt;
	margin-top: 9px;
	margin-right: 50px;
	position:relative;
	font-weight: bold;
}

#navi a:hover{
	color: #b4132b;
}

#navi a.active{
	color: #b4132b;
}

#navi ul {
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
}

#navi>ul>li {
	float:left;
}

#navi li>ul {
	display:none;
	/*border-top: 2px solid #c50c20;*/
	background-color: #ddd;
	position: absolute;
	padding: 10px;
	padding-top:15px;
	opacity: 1;
}

#navi li:hover > ul {
  display:block;  
  z-index:500;
}

#navi .submenu {
	position: static;
	padding-top: 2px;
	clear:both; /* special IE6 */
	overflow: visible;
}

#navi .submenu a{
	font-size: 0.9em;
	font-weight: normal;
	display: block;
	margin: 0px;
}




/* Mobile Devices */

@media screen and (max-width: 1024px) {
	.tinynav, #mobilebox { 
		display: block;
	}
	
	#nav, #box {
		display: none;
	}
	
	#navi {
		margin-top: 10px;
	}
	
	#breadcrumbs, #navi, #content {
		margin-left: 10%;
	}
	
	#header{
		background-size: 100%;
		width: 100%;
		padding-top: 35%;
		height: 0;
	}
	
	#wrapper, #footerframe, #naviframe{
		width:100%;
		margin:0px;
	}
	
	#footerframe 	{ padding-right: 0px; width: 99%; }
	
	input[type="text"], textarea {
		width: 100%;
	}
	
	.tblgal td {
		float: left;
	}
	
	.tblgal td a{
		display: block;
	}
	
	#mobilebox{
		margin-left: 10%;
		margin-top: 20px;
		margin-bottom: 50px;
		background: url('../images/logo_ot.png') no-repeat;
	}
	
	#textinbox{
		padding-top: 175px;
		padding-left: 205px;
		font-size: 11pt;
	}
}

@media screen and (max-width: 640px) {
	#content {
		width: 85%;
	}
	
	#mobilebox {
		background-size: 80%;
	}
	
	#textinbox{
		padding-top: 50%;
		padding-left: 0px;
		font-size: 9pt;
	}
}

@media (max-device-width: 640px) {
	#content {
		width: 85%;
	}
	
	#mobilebox {
		background-size: 80%;
	}
	
	#textinbox{
		padding-top: 50%;
		padding-left: 0px;
		font-size: 9pt;
	}
}