/*

 Style Definitionen f?r Startseite 
 
 Erstellt:       16.08.2005
 Autor:         Katrin Ackermann (unitb technology GmbH)
 Letzte ?nderung: 	30.11.2005 KAC IE5: Logo, Opera Fixes

*/

/*
 =========================================================
 		 		Global 
*/
/* 
 kill margins and paddings on all html elements
 technology explained at
 http://leftjustified.net/journal/2004/10/19/global-ws-reset/  
*/
* {
	margin:0;
	padding:0;
}

/*
 only way to solve full screen layouts in case 
 the html file runs in xhtml strict.
 NOTE: This can cause big trouble in IE Mac!
*/
body,html {
	height:100%;
	font-family:Arial,Helvetica,sans-serif;
	border: 0;
}

body {
	padding: 0;
	border: 0;
	/*background-color: #CDDCEF;*/
	background-color:#fff;
	
	
	background-image:url(/ka/kravag/images/background/wrapper_bg_index.gif);
	background-repeat:repeat-y;
	background-position:0px;
	font-size:92%;
	color:#3F4041;

}

abbr {
	cursor:help;
	border: 0;
}
/*
 =========================================================
 			Page structure
*/

#wrapper {
/*	min-width:1159px;*/
	min-width:980px;
	padding:0px;
	text-align: left;
	min-height:100%;
	height:100%;
}

#ContentWrapper {
	background-image:url(/ka/kravag/images/background/bgcontentwrapper.gif);
	background-repeat:repeat-x;
	min-height:187px;
	display:inline-block;
	width: 980px;
}


/*
 non-ie browsers reset the height of wrapper to auto,
 otherwise bottom border will apear behind text in case	
 you minimize the screen.
*/
body > #wrapper {
	height:auto;
}


/* 
 float clearing - technique explained 
 @ http://www.csscreator.com/attributes/containedfloat.php 
*/
#wrapper:after, 
#ContentWrapper:after,
#home:after {
	content:".";
	display:block;
 	visibility:hidden;
	clear:both;
	height:1px;
	font-size:0px;
}

#Header {
	height:107px;
	background-color:#fff;
	background-image:url(/ka/kravag/images/background/topheader_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 88px;
	width: 980px;
}

#Header img {
	display:none;
}

/*
#Header a.logo {
	display:block;
	padding:38px 0px 0px 26px;
	background-image:url(/ka/kravag/images/logos/ruvlogo_neu.gif);
	background-position:26px 34px;
	background-repeat:no-repeat;
	width:96px;
	height:37px;
}*/

#Header a.logo {
	display:block;
	padding:0;
	background-image:url(/ka/kravag/images/logos/kravaglogo_neu.gif);
	background-position:26px 34px;
	background-repeat:no-repeat;
 	width:192px;
 	height:75px;
}

#Header a {
	display: block;
}


#ContentBox {
	float:left;
	margin-right:250px;
	width:437px;
	min-height: 580px;
}

#Content {
	clear:both;
	width:95%;
}

#MarginalBox {
	float:left; 
	width: 250px;
	margin-left:-220px;
	padding: 60px 0px 0px 0px;
	overflow:hidden;
	font-weight:bold;
	font-size:90%;
	line-height:1.3em;
	
}

/*
 End Page structure
 ---------------------------------------------------------
*/




/*
 =========================================================
       		Content (HomeTeaser)	
*/

#HomeImageBox {
	height: 258px;
	display: block;
	background-image:url(/ka/kravag/images/teaser/startseite_437x232.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;

}
#HomeTextBox {
	display: block;
}

/* minimale h?he, damit preishinweis nicht ?ber den text fliesst (GA) */
#ContentBox {
	height: 570px;
}

.ContentTeaser {
	margin-bottom: 35px;
	margin-top: 0px;
}

.TeaserText {
	font-size:80%;
	line-height:1.3em;
	width:380px;
	margin:0px 30px 35px 30px; 

}

.HomeTextBox .ContentTeaser .TeaserText  {
	margin:0px 30px 0px 30px;	
}

.TeaserText a {
	color:#706f62;
	text-decoration:underline;
}

.HomeTextBox h3 {
	font-size: 85% !important;
}

.ContentTeaser .TeaserText a {
	display:block;
	background-image:url(/ka/kravag/images/buttons/mehr.gif);
	background-repeat:no-repeat;
	background-position: 0px 1px;
	padding-left:21px;
	margin-top:5px;
	color:#F37021;
	text-decoration:none;
}

.aktuell {
	list-style-type:none;
	margin: 7px 0px 0px 30px;
}

.aktuell li {
	padding-bottom:5px;
	background-image:url(/ka/kravag/images/buttons/mehr.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left: 23px;
font-size:80%;
}

.aktuell a {
	font-size:100%;
	font-weight:bold;
	text-decoration:none;

	color:#706f62;
	text-decoration:underline;
}

.aktuell a:hover {
	color:#E1001A;
	cursor:pointer;
}

#ContentBox h1 { 
	float:none; 
	color:#E1001A; 
	font-weight:bold; 
	font-size: 110%; 
	margin: 0 0 20px 30px;
}

#ContentBox h1 a { 
	float:none; 
	color:#E1001A; 
	font-weight:bold; 
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#ContentBox h2 { 
	float:none; 
	color:#E1001A; 
	font-weight:bold; 
	font-size: 110%; 
	margin:0px 0px 20px 30px;
}


#ContentBox h3 {
	margin: 0 0px 2px 30px;
/*	margin:20px 0px 2px 30px;	*/
	font-size:100%;
}

#ContentBox h3 a { 
	float:none; 
	color:#0072BC; 
	font-weight:bold; 
	font-size: 12px;
	margin:0px 0px 0px 0px;
}

/*
 End Content
 ---------------------------------------------------------
*/

/*
 =========================================================
       		MarginalBox (MarginalTeaser)	
*/

.MarginalLinkTeaser {
	line-height:130%;
	width:180px;
	margin:0px;
	font-size: 91%;
}

.MarginalTextTeaser {
	width:180px;
	margin:0px 0px 18px 0px;
	font-size: 91%;
	line-height:150%;
}

.MarginalLinkTeaser a {
	display:block;
	background-image:url(/ka/kravag/images/buttons/mehr.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	padding-left:21px;
	margin-top:4px;
	color:#F37021;
	font-size: 98%;
	font-weight: normal;
	text-decoration:none;
}

#MarginalBox h2 {
	float:none; 
	color:#E1001A; 
	font-weight:bold; 
	font-size: 120%; 
	margin:0px 0px 17px 0px;
}

#MarginalBox h4 {
	margin-top:17px;
	margin-bottom:0px;
	font-size: 95%;
}


#MarginalBox h4 a {
	background-image:none;
	color:#706f62;
	padding-left:0px;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}

#preishinweis {
	margin-top:-38px;
	width:220px;
/*	width: expression(950+'px');	*/
	font-size: 75%;
	float:left;
	padding: 0px 0px 0px 717px;
}

#preishinweis span {
	font-size: 152%;
	font-weight: bold;
	display:block;
	float:left;
	width:0.6em;
	padding-bottom:3.5em;
 }
.preishinweisStern {
	font-size:152%;
}

/*
 End Marginalspalte
 ---------------------------------------------------------
*/

/*
 =========================================================
 				TopTeaser (oben rechts)

*/
#TopTeaser {
	height:200px;
	width:250px;	
}

#TopTeaser p {
	width:209px;
	color:#FFF;
	font-size: 92%;
	font-weight: normal;
	line-height:130%;
}

#TopTeaser h2 {
	font-size: 92%;
	margin-bottom: 2px;
}

#TopTeaser h2 a {
	text-decoration: underline;
	color:#FFF;
	background-image: none;
	margin-left: 0;
	padding-left: 0;
}

#TopTeaser h5 {
	color:#FFF;
	font-size: 92%;
	text-decoration: underline;
}

#TopTeaser a {
	display:block;
	background-image:url(/ka/kravag/images/buttons/mehr.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	text-decoration:none;
	padding-left:23px;
	color:#E1001A;
	font-size:98%;
	margin-top:5px;
}


/*
 End TopTeaser oben rechts
 ---------------------------------------------------------
*/

/*
 =========================================================
 Standard Elemente
*/
.hide,.unsichtbar,hr  {
	display:none;
}

fieldset,img {
	border:0px;
}

.print, #PrintFooter {
	display: none;
}

ul {
	list-style-type:none;
}

/*
 =========================================================
 Menue ?berspringen
*/

.skipmenue {
	display: none;
}




/*
 =========================================================
 Linke Navigationsspalte
*/

#ColumnNavigation  li { 
	display:inline;
}

#ColumnNavigation {
	width:252px;
	float:left;
/*	height: 185px;
	background-color:#00254F;
	padding-bottom:80px;	
	padding:26px 0px 23px 0px;
	border-bottom:1px solid #F37021;*/
}


#NavWrapper  li { 
	display:inline;
}

#NavWrapper {
	height: 185px;
	background-color:#53513D;
	padding:29px 0px 20px 0px;
	border-bottom:1px solid #E1001A;
}

#ebene1 {
	border-top:1px solid #B7B5A9;
}

#ebene1 a {
	color:#FFF;
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:80%;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #B7B5A9;
	padding:5px 0px 2px 27px;
}


#ebene1 a.ebene1aktiv {
	background-color:#0072BC;
	background-image:url(/ka/kravag/images/buttons/malist.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
}


/*
 End Linke Navigationsspalte
 ---------------------------------------------------------
*/

/*
 =========================================================
       		Teaser links (Navigationsspalte)
*/

#InfoTeaser {
/*	margin-top:22px;*/
	margin-left: 25px;
	color:#FFF;
}

#InfoTeaser p {
	font-size:80%;
	line-height:130%;
	width:209px;
}

#InfoTeaser h4 {
	font-size: 110%;
	margin-top:22px;
	margin-bottom: 18px;
}

#InfoTeaser a {
	display:block;
	background-image:url(/ka/kravag/images/buttons/mehr.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	text-decoration:none;
	padding-left:23px;
	color:#F37021;
	font-size:105%;
	margin-top:5px;
}

#InfoTeaser .banner {
	margin-top: 25px;
}

#InfoTeaser .banner a {
	background-image: none;
	padding: 0px;
	margin: 0px;
}
/*
 End InfoTeaser links 
 ---------------------------------------------------------
*/


/*
 =========================================================
 MetaNavigation
*/

#MetaNavigation {
	height:19px;
	width:689px;
	margin-top:13px;
	background-color:#fff;
	overflow:hidden;
}
/* opera fix */
#fnav {
	width: 328px;
}


#MetaNavigation div, 
#MetaNavigation a {
	float:left;
}

#MetaNavigation form label {
	display:none;
	
}  

#MetaNavigation fieldset {
	float:right;	
	border:0px;
	margin-top:-1px;
		
	/* opera fix */
	display: table-cell;
} 

#MetaNavigation a {
	padding:0px;/*
	width:auto;*/
	color:#706F62;
	font-size:11px;
	text-decoration:none;
	padding-left:5px;
	font-family:Arial;
	height:19px;
	margin-top:2px;
	font-weight: bold;
}

#home {
	border-left:20px solid #9DA294;	
	background-image:url(/ka/kravag/images/background/topheader_bg.gif);
	background-repeat:repeat-x;
	width:232px;
	height: 22px;
}

#MetaNavigation .nav2suchefeld {
	color:#706F62;
	font-size:11px;
	border:1px inset;
	width:76px;
}

#MetaNavigation .nav2lupe {
	overflow:hidden;
	background-color:transparent;
	background-image:url(/ka/kravag/images/buttons/search.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	border:0px;
	width:15px;
	height:21px;
	height:expression(15+'px');
	margin:0px 4px 0px 0px !important;
	padding:0px;
	font-size:1px;
	color:#FFF;
	cursor: pointer;
}

.nav2lupe  span {
	display:none;
}

/*
 End MetaNavigation
 ---------------------------------------------------------
*/


#textLinker1 {
	position:absolute;
	border:1px solid #F37021;
	background-color:#BCD0EB;
	width:165px;
	padding:5px;
	font-weight:bold;
	font-size:78%;
	display:none;
}


#Verbund {
	position:relative;
	margin:-35px 0px 0px 10px;
	width: 226px;
	clear:both;
	float:left;
	}



/*
 =========================================================
	   Generalagentur-Header 
		
*/
#gaHeader {
	position:absolute;
	left:548px;
	top:10px;
	text-align:right;
	width: 400px;
	height: 63px;
}

#gaHeader h1 {
	color: #0172BE;
	font-size: 180%;
	font-weight: normal;
	line-height: 1.2em;
}

#ga_preishinweis {
	position:absolute;
	font-size: 75%;
	width:220px;
	bottom:10px;
}
#gaPic01 {
	position:absolute; 
	top:400px; left:520px;
}
#gaPic01hg {
	border:16px solid #D9E5F5; 
	position:absolute; 
	top:400px; left:527px;
}

/*
 =========================================================
		Mac Safari fixes
*/


#ContentWrapper {
	display: table;
/*	width: 100%; */

}
#TableWrapper {	
	width: 980px;
}	
div#TableWrapper:first-child {
	display: table-row; /* recreate a valid like table structure to fix mozilla */
	padding: 0;
	margin: 0;
}

#ColumnNavigation {
	display: table-cell;	
}

#ContentBox {
	display: table-cell;	
}

#MarginalBox {
	display: table-cell;
}
/*
 End Safari fixes
 ---------------------------------------------------------
*/

/* mail-addy verschleiern */

.at { background-image:url("/ka/kravag/images/icon/at.gif"); width:14px; }
.dot { background-image:url("/ka/kravag/images/icon/dot.gif"); width:3px; }
.del{width:1px; display:none;}
.addy {float:left; display:block; margin-top:-16px; margin-left:40px; border-bottom:1px solid #0171B9; height:14px;
_margin-left:20px;
}
.addy *{ float:left; margin-bottom:8px; text-decoration:none !important; cursor:pointer;}
.addy span {font-size:100%;}
.del, .dot, .at {
background-position:0px 3px;
background-repeat:no-repeat;
display:block;
font-size:1px !important;
height:14px;
overflow:hidden;
}
.nospam {color:white;}