/**
 * ---------------------------------------
 * CSS www.uta-gellert.de
 * --------------------------------------- 
 * 
 * info@l-vogel.de
 * erstellt: 2009-02-12
 * 
 *
 */
 
 @import url(navigation.css);
 

html {
    margin: 0;
    padding: 0;
}

body {
	
    padding: 0;
    border: 0;
    margin: 0 auto 0 auto;
	background-color: #fff;
	position: relative;
}
.clearer {
	clear: both;
}

#frame {
	margin: 0 auto;
	padding: 0;
	width: 820px;
	height: 560px;
    position: relative;
	
	
}




/* ------------------------------------
   Header
   ------------------------------------ */

#header {
	width: 360px;
	height: 140px;
	padding: 0 0 0 230px;
}


/* ------------------------------------
   Content
   ------------------------------------ */
#content {
	margin: 17px 0 0 0;
	padding: 56px 80px 0 295px;
	height: 279px;
	overflow: auto;
	clear:both;
}

/* ------------------------------------
   Navigation
   ------------------------------------ */
/* s. navigation.css */

/* ------------------------------------
   Footer
   ------------------------------------ */
#footer {
	
}

#footer a {
	
}

/* ------------------------------------
   Boxes
   ------------------------------------ */
   
 
   
/* ------------------------------------
   Text
   ------------------------------------ */

h1 {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 24px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;

}

h2 {
 	font-size: 15px;
	font-weight: normal;
}

h3 {
 	font-size: 12px;
	color: #155120;
}

h4 {

}

/* Text allgemein */
div, p, div p, p div, body {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 140%;
    font-size: 14px;	
}
.firstLetter {
	color: #ef3e36;
	font-size: 16px;
	font-weight: bold;
}

p {
	
}

.text2 {
	padding: 120px 0 0 120px !important;
	width: 155px  !important;
}
.text2 a { 
	text-decoration: underline;
	color: #7a7a7a;
	font-size: 11px; 
}
.text2, .text2 p {
	color: #7a7a7a !important;
	font-size: 11px !important;
	
}
.text2 h1 {
	font-size: 18px !important;
	color: #7a7a7a !important
}


/* ------------------------------------
   Listen
   ------------------------------------ */
ul {
    list-style-type: disc;
	
	list-style-position: outside;
	padding: 0 0 0 16px;
	margin: 3px 0 3px 0;
	
}
ul li {
	line-height: 140%;

}

.ug_list {
	list-style-image:url(../images/bullet_list.png);
}

/* ------------------------------------
   Links (andere)
   ------------------------------------ */

a { 
    color: #000;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
    font-weight:bold;
	text-decoration: none;
}



/* ------------------------------------
   Kontaktformular
   ------------------------------------ */

.boxForm {
	margin: 20px 0 30px 0;
}	   
   

.formbut {
	padding:1px;
	margin: 1px 0 1px;
	font-size: 12px;
	border:1px solid #666;
	background-color:#33a5e0;
	color: #fff;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* Tabelloses Forumlar */


.formfield {
    display: block;
	float: left;
	width: 200px;
	padding:1px;
	margin: 1px 0 1px;
	font-size: 12px;
	border:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



label {
    display: block;
	text-align: left;
	float: left;
	width: 180px !important;
	margin: 0 0 0 0;
	padding: 0 10px 0 2px;
	font-size: 12px !important;
}
textarea {
	margin: 4px 0 20px 0 !important;
	width: 200px;
	height: 100px;
	font-size: 12px;
	border:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#agb_icon {
	position: absolute;
	top: 368px;
	left: 482px;
	width:24px;
	height:24px;
}

/* ------------------------------------
   Table
   ------------------------------------ */
table {
	border: 0;
	padding: 0;
	margin: 0;
}   
table td {
	border: 0;
	padding: 1px;
	vertical-align: top;
} 

table  th {

}  


/* ------------------------------------
    Flash Film unter Layern
    ------------------------------------ */
.flashcontain {
	position: absolute;
	z-index: 1; 
}

.flashOverlay {
	position: absolute;
	z-index: 10;
	height:263px;
	width: 720px;
}


/* ------------------------------------
    Layout
    ------------------------------------ */

.startseite {
	background-image: url(../images/bg/startseite.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.agb {
	background-image: url(../images/bg/agb.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.leistungen {
	background-image: url(../images/bg/leistungen.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.firma {
	background-image: url(../images/bg/firma.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.impressum {
	background-image: url(../images/bg/impressum.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.anwaelte {
	background-image: url(../images/bg/anwaelte.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.kontakt {
	background-image: url(../images/bg/kontakt.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
