/*
 * fixed parts of page layout
 */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 * >>> global definitions --- 
 * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */

* {
    margin:0px;
    padding:0px;
    border:none;
}

li {
    list-style: none;
}

html {
    background-color: #000000 !important;
    height: 100%;
    overflow-y: scroll;
}

body {
	color: #cccccc;
	font-family:  Verdana;
	font-size:11px;
	text-align:left;
	font-style: normal;
	font-weight: lighter;
	line-height: 20px;
    height: 100%
}


a, a:visited,    a:link {
	color: #f1f1f1;
	text-decoration: none;
	outline: none;
	
	}
	
a,  a:active, a:hover{
	color: #9f1f6f;
	text-decoration: none;
	outline: none;
	
	}
	
	a.selected {
   color:#9f1f6f !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.hidden {
    visibility:hidden;
}

.transparent { 
    -moz-opacity:.70; 
    -ms-filter:”alpha(opacity=70)”; 
    filter:alpha(opacity=70); 
    opacity:.70; 
} 


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 * >>> fixed elements 
 * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */
#container {
    top: 0px;
    margin: 0px auto;
    width:950px;
	min-height: 100%;
	background-image: url('../images/background_main_b.png');
    background-repeat: repeat-y;
	background-color:#191919;
}


/* #background-image {
    width: 950px;
    z-index: 1;
    min-height: 100%;
    background-image: url('../images/background_main_b.png');
    background-repeat: repeat-y;
    background-color:#191919;
} */

#fixed-content {
    width: 950px;
    position: fixed;
    z-index: 4;
}
/* Impressum */

#adress{
	height: 20px;
    padding-top: 10px;
	background-color: #000000;
    width: 100%;
}

/* Logo */

#logo-container {
    background-image:url('../images/background_main_b.png');
	position: absolute;
	top: 30px;
    padding-top: 5px;
}


#logo {
    height:130px;
    width:200px;
    background: url('../images/Ostkreuz-Logo_weiss_65.png') 20px 20px no-repeat;
}

/*search*/

#search-box {
    top: 165px;
    position:absolute;
    width: 199px;
    margin-right: 1px;
    text-align: left;
    color: #666666;
	font-size:11px;
	
}



#search-field{
    background-color: #666666;
	margin-left: 20px;
    width: 100px;
    color: #f4f4f4;
    line-height: 18px;
    height: 18px;
	padding-left:5px;
	padding-top:2px;
	
    border: inset 1px #666666;
}



.suche_d { 
    margin-right:5px;
}

/*main menue*/

#header{
	position: absolute;
	top: 30px;
	left: 200px;
	width: 749px;
	height: 60px;
	background-color: #191919;
    padding-top: 5px;
}

#header-menu {
	width: 600px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 75px;
}
/*margin header menu left???*/


#header-menu ul li {
	float: left;
	
}

/* seiten Menue allgemein */

#menu-left a  {
	color: #cccccc;
	font-size:12px;
	
}
#menu-left  a:hover {
	
	color: #9f1f6f;
	text-decoration: none;
	outline: none;
	
}

/* inhalt allgemein*/

.background {
	background-color:#191919; 
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 * >>> scrolling elements 
 * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */


#menu-left {
    padding-top: 210px;
    width:200px;
    margin: 0px;
}

#menu-left.fixedMenu {
    position: fixed;
    z-index: 3;
}

#menu-left.scrollMenu {
    float: left;
}


#menu-left ul {
    display: block;
    width: 175px;
    text-align: right;
    color:#CCCCCC;
    font-size:12px;
    font-weight:lighter;
    margin-top: 5px;
	line-height:26px;
}

#scroll-content{
    z-index: 2;
}


#main {	
	padding-top: 110px;
	width: 750px;
}

#main.scrollMenu {
    float: left;
}

#main.fixedMenu {
    margin-left: 200px;
}

#line{margin:15px 20px 0 20px;}


/*pagination*/

.controlls .pagination a, .controlls .pagination {
    color:#cccccc;
    font-size:100%;
}

.controlls .pagination a:hover, .controlls .pagination {
    color:#9f1f6f;
    font-size:100%;
}

.controlls .pagination a, .controlls .pagination span {
	float: left;
	margin-right: 3px;
	color:#9f1f6f;
	font-size:100%;
}

.controlls .pagination a, .controlls .pagination span .page {
   color:#cccccc;
}



.controlls .pagination a, .controlls .pagination span .next {
    color:#cccccc;
}

.controlls .pagination a.gap, .controlls .pagination span.gap {
   color:#cccccc;
}

.controlls .pagination a.next, .controlls .pagination span.next {
	font-size:15px;
}

.controlls .pagination a:hover.next, .controlls .pagination span.next {
	   color:#9f1f6f;
}

.controlls .pagination a.prev, .controlls .pagination span.prev {
 color:#cccccc;
	font-size:15px;
}

.controlls .pagination a:hover.prev, .controlls .pagination span.prev {
	   color:#9f1f6f;
}

.controlls .pagination a.disabled, .controlls .pagination span.disabled{
 color:#333333;
	font-size:15px;
}



#start_menue {
	display:block;
	width:150px;
	height:50px;
	padding-left: 25px;
	font-size: 10px;
	line-height:22px;
	color:#CCC;
}

.fett {
	font-size: 15px;
	line-height:30px;
	color:#CCC;
}	

#start_bild {
	margin-top:-50px;
	display:block;
	width:600px;
	height:500px;
	padding-left: 300px;
	font-size: 11px;
	color:#CCC;
	float:left;
}
	
#suchbutton {
	font-size:12px;
	color:#9f1f6f;
	background-color:#191919;
	cursor: pointer;
	padding-top:4px;
	text-transform:uppercase;
}

input {
    font-size:12px;
}

.movie {
    display: block;
    width: 600px;
    height: 505px;
}