/* ######################################################################################################

** ### 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% }

	

	

/* ######################################################################################################

** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################

** ######################################################################################################

*/



	/* Clearfix-Methode zum Clearen der Float-Umgebungen */

	 .clearfix:after {

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;

	}

	

	/* Diese Angabe benötigt der Safari-Browser zwingend !! */

	.clearfix { display: block; } 

	

	/* Overflow-Methode zum Clearen der Float-Umgebungen */

	.floatbox { overflow:hidden; }

	

	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */

	#ie_clearing { display: none }

	



	

/* ####################################### Ende Clearing ####################################### */

/* ######################################################################################################

** ### Skiplink-Navigation ##############################################################################

** ######################################################################################################

*/





body { 
	background: #e3e5e6; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#5e5e5e;
	}
	
#info {
	width: 120px;
	height: 120px;
	position: absolute; 
	top: 13px;
	left:50%;
	margin-left:-400px;
	margin-top:;
	background-position: bottom left;
	background-repeat: no-repeat;
	z-index:1;
	background-repeat: no-repeat;
}


#info {
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='http://www.value-communications.at/image/news/hogastinfo2.png');
}

html > body #info {
background: url(http://www.value-communications.at/image/news/hogastinfo2.png);
background-repeat: no-repeat;
} 


	
#cfm {
	width: 191px;
	height: 192px;
	position: absolute; 
	top: 0%;
	right:0%;
	background-repeat: no-repeat;
	z-index:1;
}


#cfm {
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='http://www.value-communications.at/cfm.png');
}

html > body #cfm {
background: url(http://www.value-communications.at/cfm.png);
background-repeat: no-repeat;
} 



/* Layoutpositionierung | Randgestaltung */
#hold_floats {
 padding:0px; 
	margin: 0px;
	
}

#kuh {
	width: 202px;
	height: 365px;
	position: absolute; 
	top: 495px;
	left:50%;
	margin-left:400px;
	margin-top:;
	background-position: bottom left;
	background-repeat: no-repeat;
	z-index:1;
	background-repeat: no-repeat;
	background: url(http://www.value-communications.at/image/kuhvalue.jpg);
background-repeat: no-repeat;
}

#cityfoto {
	width: 202px;
	height: 365px;
	position: absolute; 
	top: 110px;
	left:50%;
	margin-left:400px;
	margin-top:;
	background-position: bottom left;
	background-repeat: no-repeat;
	z-index:1;
	background-repeat: no-repeat;
	background: url(http://www.value-communications.at/image/cityfotobannerhoch.jpg);
background-repeat: no-repeat;
}



#page_margins {
	width: 776px; 
	position: relative;  
	margin: 0px auto 0px auto;
	background: #ffffff;
}

#space {
	height:10px;
}
	
#top {
	margin: 0px 10px 10px 10px;
	background: #ffffff; 
	text-align:right;
}	


/* ############### Top Navigation ############### */

#topnavi {
	width: 776px; 
	position: relative;   
	margin: 0px auto 0px auto;
	text-align: right;
	padding: 10px 10px 50px 0;

}

#topnavi ul{
	display:inline;		/* Fix f?r IE Doubled Float Margin Bug    */ 
    margin: 0;			/* Standard-Listendefinition zur?cksetzen */
	padding: 0;
}

#topnavi li{
	float: right;
	display:inline;     /* Fix f?r IE Doubled Float Margin Bug    */ 
	list-style-type: none;
	padding: 0 13px 0 13px;
}


/* ############### Navigation ############### */

#navigation {
	float: left;
	margin: 76px 0 0 0;
	padding: 0 0 0 10px;
	font-size:11px;
}

#navigation ul{
	display:inline;		/* Fix f?r IE Doubled Float Margin Bug    */ 
    margin: 0;			/* Standard-Listendefinition zur?cksetzen */
	padding: 0;
}


#navigation li{
	float: left;
	display:inline;     /* Fix f?r IE Doubled Float Margin Bug    */ 
	list-style-type: none;
	padding: 0 13px 0 13px;
}

#navigation ul li a, #topnavi ul li a{
	color:#5e5e5e;
	text-decoration:none;
}

#navigation ul li a:hover, #topnavi ul li a:hover{
	color:#06415B;
	text-decoration:underline;
}

#navigation #current {
	color:#06415B;
	text-decoration:underline;
}

#topnavi #current {
	color:#06415B;
	text-decoration:underline;
}

#navigation .backimg, #topnavi .backimg{
	background: url("../image/nav_hg.gif") no-repeat center left;
}

/* ############### ENDE Navigation ############### */


#main {
	margin: 10px 10px 0px 10px;
	background: #e3e5e6; 
	text-align:right;
	padding:0;
}	

#content {
	margin: 10px 10px 0px 10px;
	background: #eeeeee; 
	text-align:left;
	padding:10px;
}	

#footer {
	width: 756px; 
	position: relative;   
	margin: 25px auto 30px auto;
	text-align: right;
	color:#3c3c3c;
}
a {
		color:#06415B;
		text-decoration: underline;
}

a:hover {
		color:#06415B;
		text-decoration: underline;
}


.newsdate {
		font-size:10px;
		color:#919191;
}


/* ############### ContentBereich ############### */


.absatz, .absatz_image_float {
	margin:  20px 0 15px 0;
	padding: 0 0 0px 0;
}

.absatz_b, .absatz_image_float_b {
	margin:  20px 0 15px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #bababa;
}

.float_image_left {
	padding-right:20px; 
	padding-left: 5px;
	float:left;
	margin-bottom:10px;
}

.float_image_right {
	padding-left:20px; 
	float:right;
	margin-bottom:10px;
}

img.headline {
	margin: 5px 0 0px 0px;
}



#content p {
	margin-bottom: 15px;
}



/* ####################################### Clearing image absatz float ####################################### */
		/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .absatz_image_float:after, .absatz_image_float_b:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.absatz_image_float, .absatz_image_float_b {display: inline-block;}

/* Hides from IE-mac \*/
* html .absatz_image_float, .absatz_image_float_b {height: 1%;}
.absatz_image_float, .absatz_image_float_b {display: block;}
/* End hide from IE-mac */

	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.absatz_image_float, .absatz_image_float_b { display: block; } 

	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.absatz_image_float, .absatz_image_float_b { overflow:hidden; }

	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }
/* ####################################### Ende Clearing image absatz float ####################################### */
/* ######################################################################################################

** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################

** ######################################################################################################
*/
	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }

/* ####################################### Ende Clearing ####################################### */


#kuh {
    width: 202px;
    height: 365px;
    position: absolute; 
    top: 500px;
    left:50%;
    margin-left:400px;
    margin-top:;
    background-position: bottom left;
    background-repeat: no-repeat;
    z-index:1;
    background-repeat: no-repeat;
background-repeat: no-repeat;
}

#kuh {
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='http://www.cityfotomagazin.at/images/kuh.png');
}

html > body #kuh {
background: url(http://www.cityfotomagazin.at/images/kuh.png);
background-repeat: no-repeat;
}