/* CSS-Datei Euroheli-Vorlage */


@media all
{

/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 


	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/

body {
background-color: #FFFFFF;
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 11px;
}


#container {
margin-left: 0;
margin-right: auto;
width: 1000px; 
}

#gallery_left_teaser {
display:inline;
margin-top:30px;
}

#image_header {
margin-bottom:0px;
}

#flash_header {
margin:0px;
padding:0px;
height:110px;
margin-bottom:3px;
z-index:1;
}


#lang_menu {
position:absolute;
left:900px;
top:90px;
width:90px;
height:18px;
z-index:100;
}

#lang_menu img {
margin-right:5px;
}

#content_container {
float:left;
width: 800px; 
}


#main_content {
float:left;
margin-top:0px;
margin-left:0px;
width:580px;
border: 0px #00f solid;
}


#content_height {
height:300px;
float:left;
width:1px;
border: 0px #000 solid;
}

#clear_content_height {
clear:both;
height:1px;
overflow:hidden;
}

#clear_content_container {
clear:both;
height:1px;
overflow:hidden;
}


#picture_bar {
height:110px;
width:980px;
margin-top:30px;
/*background-image:url(../images/background_picture_bar.jpg);*/
}

#random_image div {
float:left;
margin-right: 3px;
}



/*

#shadow_bottom {
height:7px;
width:740px;
background-image: url(../images/shadow_bottom.png);
background-position: center top;
background-repeat: no-repeat;

}

#footer_height {
height:29px;
float:left;
width:1px;
border: 0px #000 solid;
}

#clear_footer_height {
clear:both;
height:1px;
overflow:hidden;
}


*/

/*
######################################################################################################
** ### Meta-Navigation ######################################################
** ######################################################################################################
*/


/*

#shadow_meta_navigation {
float:right;
width:7px;
height:102px;
margin-top:7px;
background-image: url(../images/shadow_right.png);
background-position: left top;
background-repeat:repeat-y;

}

#meta_navigation {
position:absolute;
left:547px;
top:42px; /* 7 *
z-index:21;
width:186px;
height:96px;
background-color:white;
border: 0px #00f solid;
}


#search_field {
display:none;
margin-left:1px;
margin-top:3px;
width:178px;
height:35px;
background-image: url(../images/b_sortiment_2.gif);
background-color:white;
background-position: left top;
background-repeat:repeat-x;
border: 0px #00f solid;
}




#meta_navigation form {
width:172px;
height:14px;
}

#meta_navigation input {
float:left;
position:relative;
top:1px;
left:-5px;
height:14px;
width:155px;
font-size:10px;
}

#meta_navigation #search_button {
position:relative;
top:3px;
border: 0pt none; 
width:6px; 
height: 10px; 
float:right;
}

#button_deutsch {
float:right;
margin-top:5px;
}

#button_francais {
float:right;
margin-top:5px;
margin-right:3px;


}

#meta_navigation ul {
	margin:0px;
	margin-top:5px;
	margin-left:1px;
	padding:0px;
	border:0px;
	border: 0px #00f solid;
	list-style-type: none;
}



#meta_navigation li {
	color: #5F8ECC;
	display:block;
	background-color:#DCE7F4;
	width:171px;
	padding-left:7px;
	margin: 0px;
	margin-top:1px;
	height:17px;
	border: 0px;
	border-right: 0px #FFFFFF solid;
}

#meta_navigation a{
	text-decoration:none;
	color: #5F8ECC;
	font-size:10px;
	font-weight:bold;
}


/*
######################################################################################################
** ###  Menü  ######################################################
** ######################################################################################################
*/


div#main_menu ul{
	width: 980px;
	height:32px;
	list-style-type: none;
}



div#main_menu ul li {
	float: left;
	margin: 0px;
	margin-top:3px;
	height:26px;
	border: 0px;
	border-right: 1px #FFFFFF solid;
}




#sub_menu {
float:left;
width:200px;
}

#gallery_left_teaser {
float:none;
}

div#sub_menu ul{
	float:none;
	list-style-type: none;
}

#sub_menu_height {
height:200px;
float:left;
width:1px;
border: 0px #000 solid;
}

#clear_sub_menu_height {
clear:both;
height:1px;
overflow:hidden;
}


ul.sub_menu li {
	margin: 0px;
	margin-top:3px;
}

ul.sub2menu  {
	float:none;
	margin-top:5px;
	margin-bottom:10px;
}

ul.sub2menu li {
	margin: 0px;
	padding:0px;
	padding-top:5px;
	color:#2E4A71;
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
	line-height:12px;
}

ul.sub2menu li a {
	display:block;
	width:135px;
	height:auto;
	padding:0px;
	padding-left:11px;
	padding-bottom:3px;
	color:#2E4A71;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

ul.sub2menu li a:hover {
	color:#33C4F3;
}

li#active a {
	color:#33C4F3;
}



/*
######################################################################################################
** ### Two Columns, zwei Spalten ######################################################
** ######################################################################################################
*/


#left_content {
float:left;
width:280px;
}


#right_content {
float:left;
width:280px;
margin-left:5px;
}

#clear_two_columns {
clear:both;
height:1px;
overflow:hidden;
}



/*
######################################################################################################
** ### Three Columns, drei Spalten ######################################################
** ######################################################################################################
*/


#tc_left_content {
float:left;
width:180px;
}

#tc_middle_content {
float:left;
width:180px;
margin-left:8px;
}


#tc_right_content {
float:left;
width:150px;
margin-left:8px;
}

#clear_three_columns {
clear:both;
height:1px;
overflow:hidden;
}



/* ######################################################################################################
** ### Formatierungen für normalen Text und Überschriften  ######################################################
** ######################################################################################################
*/


#main_content a {
color:#33C4F3;
}

.bodytext  {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 11px;
color: #121646;
line-height:15px;
margin-top:10px;
}

.contenttable {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 11px;
color: #121646;
line-height:15px;
}


p {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
margin-bottom: 8px;
font-size: 8pt;
color: #121646;
}

h1 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 12pt;
color: #121646;
padding-bottom: 20px;
/*padding-bottom: 22px;*/
}

.csc-header {
display:inline;
}

.csc-header img {
margin-bottom: 10px;
}


.csc-header-n1 {
display:block;
}

.csc-header .csc-header-n2 {
display:inline;
}

.csc-textpic-caption {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 10px;
color: #000000;
margin: 0px;
margin-top:5px;
}

h2 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 10pt;
color: #33C4F3; /*#96C0E6; */
margin-bottom:5px;
margin-top:15px;
}

h3 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 11px;
font-weight: bold;
color: #121646;
margin-bottom:10px;
}


h4 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 11px;
font-weight: bold;
color: #121646;
margin-bottom:0px;
padding-bottom:0px;
padding-top:8px;
}

ul {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 8pt;
}


.csc-textpic-imagewrap {
margin-bottom:10px;
}

/* ######################################################################################################
** ### Email-Formular ######################################################
** ######################################################################################################
*/

.csc-mailform-field label{
display:block;
margin-top:10px;
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size:11px;
color:#000000;
}

.csc-mailform-field textarea {
   width:234px;
}


#mailformanrede legend {
display: none;
}
.csc-mailform-radio {
float:left;
margin-right:5px;
}

.csc-mailform-radio label {
float:left;
margin-top:0px;
margin-right:20px;
}



/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}





/*
######################################################################################################
** ### Teaser ######################################################
** ######################################################################################################
*/


#teaser_container {
float:right;
width:180px;
margin-right: 18px;
border:0px;
border: 0px black solid;
}


#teaser_container_temp {
float:right;
position:relative;
right:0px;
width:175px;
border:0px;
border: 0px black solid;
}

#teaser_container .csc-header {
margin:0px;
margin-top:10px;
border: 0px #E5EFF9 solid;
background-color:#33C4F3;
padding:8px 10px 8px 10px; /* top right bottom left */
color:#FFFFFF;
}

#teaser_container h2 {
color:#FFFFFF;
margin:0px;
}

#teaser_container .csc-textpic {
padding-top:8px;
background-color:#33C4F3;
color:#FFFFFF;

}

#teaser_container p {
margin:0px; 
border: 0px #E5EFF9 solid;
background-color:#33C4F3;
padding: 5px 10px 10px 10px; /* top right bottom left */
color:#FFFFFF;

}

#teaser_container a {
color: white;
}

#teaser_container .csc-textpic-imagewrap {
padding-top:8px;
background-color:#33C4F3;
color:#FFFFFF;

}

#teaser_container .csc-textpic-caption {
font-size:11px;
color:white;
}


/*
######################################################################################################
** ### Player ######################################################
** ######################################################################################################
*/
	
#player {
margin-right: 0px;
margin-bottom: 5px;
}

* html #player {
	margin-right: 0px;
}

#playlist {
float:left;
margin-left:10px;
}

#flvcaption	{
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 11px;
font-weight:bold;
color: #121646;
line-height:15px;
width: auto;
margin-bottom:5px;
}


#loadingMessage {
width: auto;
margin: 50px 0px 0px 19px;
}



.flvplayer_listpic {
  height: 51px;
  width: 68px;
  padding: 0px;
  margin: 0px 0px 5px 5px;
}


.flvplayer_listpic_firstofrow {
  height: 51px;
  width: 68px;
  padding: 0px;
  margin: 0px 0px 5px 5px;
}

.flvplayer_listpic_lastofrow {
  height: 51px;
  width: 68px;
  padding: 0px;
  margin: 0px 0px 5px 5px;
}

#header_container{
/* z-index:5; */
}

.flash_header {
z-index:1;
}

/*
######################################################################################################
** ### Gallery ######################################################
** ######################################################################################################
*/


#wtgallery_singlepic_area {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 11px;
color: #121646;
line-height:15px;

}

.wtgallery_singlepic_fwdback {
width:400px;
height:30px;
}

.wtgallery_singlepic_fwd {
float:right;
}

.wtgallery_singlepic_back {
float:left;
}

.wtgallery_listpic {
margin: 0px 5px 5px 0px;
}

/*
######################################################################################################
** ### Google Maps ######################################################
** ######################################################################################################
*/


div.tx_lumogooglemaps_pi1_sidebar {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 11px;
color: #121646;
line-height:15px;
}


.tx-lumogooglemaps-pi1 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 12px;
color: #121646;
line-height:17px;
}

.gmapDir {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif;
font-size: 11px;
color: #121646;
line-height:15px;
display:none;
}

.tx_lumogooglemaps_pi1_infobox {
   padding:10px;
}


/*
######################################################################################################
** ### Border for Pictures ######################################################
** ######################################################################################################
*/


DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image img {
  padding:0 4px 4px 0;
  background:url(../images/shadow.gif) right bottom no-repeat;
}


IMG.wtgallery_singlepic_pic {
  padding:0 4px 4px 0;
  background:url(../images/shadow.gif) right bottom no-repeat;
}

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
  border: 0px solid black;
  padding:0px;
}

span.abgerechnet-header_text a {
background-color:green;
color:white;
}

span.abgerechnet-header_bullet {
display:block;
float:left;
width:160px;
height:160px;
background-image:url(/fileadmin/material_kameras/cineflex/bilder/logo-cineflex-01.jpg);
color:white;

}


	
}