/* ++++++++++ STYLESHEET KANZLEI-POPAL.DE / PYRAMEDIA MEDIENGESTALTUNG 2010 / TIM R. GLOYSTEIN ++++++++++ */
@import url('../_css/reset.css');
@import url('../_css/navigation.css');

/* ++++++++++ ALLGEMEINES ++++++++++ */
html
 {
		overflow-x: hidden;
	}

body, html
 {
	 font-family:Georgia, "Times New Roman", Times, serif;
		color: #222222;
		background:#f0f0f2;
 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */



/* ++++++++++ LAYOUT ++++++++++ */
#container
 {
		position:relative;
		width:824px;
	 margin:5px auto;
	}
	
#content
 {
		float: right;
		width:790px;
		margin:376px 0px 0px 0px;
		padding:50px 0 0 34px;
		z-index:50;
		overflow:hidden;
 	background:url(../_images/background-container.png) repeat-y;
	}
	
#text_home
 {
		width: 475px;
		padding: 0;
	}
	
#text
 {
		width: 750px;
		padding: 0;
	}	

#header
 {
		position:absolute;
		top:0px;
		left:0px;
		width:824px;
		height:381px;
		background:url(../_images/background-header.png);
	}
	
#logo
 {
	 position:absolute;
		top:50px;
		left:0px;
		width:824px;
		height:75px;
		text-align:center;
	}
	
#right-column
 {
		position: absolute;
		top: 488px !important;
		top: 105px;
		left: 540px;
		width: 250px;
		padding: 0px;
		font-size: 12px;
		background: #d3d0c5;
	}
	
#right-column h2
 {
		margin-bottom: 10px;
		padding-left: 10px;
		font-weight: bold;
		font-size: 14px;
		line-height:20px;
		color: #76200a;
		background:#9e9472;
	}
	
#right-column p
 {
		margin-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 12px;
		line-height: 18px;
	}
	
#footer
 {
  width: 824px;
		height: 50px;
		padding-top:60px;
		background: url(../_images/background-footer.png) no-repeat;
		text-align:center;
	}
	
#footer p
 {
		font-family: Georgia, serif;
		font-size: 12px;
		line-height: 14px;
		color: #76200a;
		margin: 0 0 8px 0;
		padding: 0
	}
	
#footer a
 {
		color: #76200a;
		text-decoration:none;
	}
	
#footer a:hover
 {
		text-decoration:underline;
	}
			
		
#image
 {
	 position:absolute;
		top:176px;
		left:12px;
		width:800px;
		height:200px;
		z-index:0;
	}
	
#language
 {
	 position:absolute;
		top: 20px;
		left: 655px;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ NAVIGATION ++++++++++ */
#navigation
 {
		position:absolute;
		top:150px;
		left:12px;
		width: 778px;
		padding-left:22px;
	 background:#9e9472;
		text-align:center;
	}
/* ++++++++++ ENDE NAVIGATION ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
  margin-bottom:30px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:24px;
		font-weight:normal;
		line-height:26px;
		color:#76200a;
	}
	
h2
 {
	 font-size:18px;
		line-height: 24px;
		font-weight:bold;
		margin-bottom: 5px;
	}

p
 {
		margin-bottom:24px;
		font-size:16px;
		line-height:24px;
	}
	
a
 {
		text-decoration:underline;
  color:#59431e;
	}
	
a:visited
 {
		text-decoration:underline;
	}	
	
a:hover
 {
  text-decoration:none;
		color: #59431e;
	}

ul
 {
	 list-style-type: disc;
		margin-left:25px;
		margin-bottom:12px;
		font-size:16px;
		line-height:24px;
	}
	
ul li
 {
		margin-bottom: 25px;
	}
	
table
 {
		width: 100%;
  font-size:12px;
		line-height:18px;
	}
	
	.small
 {
 font-size:10px;
	line-height:14px;
	}	
	
.center
 {
		text-align:center;
	}
	
.align_right
 {
		text-align:right;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ FORMULAR-FORMATIERUNGEN ++++++++++ */
#kontakt_formular
 {
	 width:451px;;
		font-size:12px;
		line-height:24px;
	}
		
#kontakt_formular fieldset 
 {
		color:#141414;
		border: none;
 }

#kontakt_formular input, #kontakt_formular select
 {
		height:21px;
		width:291px;
		font-size:14px;
		padding:5px 1px 1px 3px;
		margin-bottom:15px;
		vertical-align:middle;
		color:#fff;
		background:#193862;
		border: none;
 }
	
#kontakt_formular select
 {
	 height:20px;
	} 
	
#kontakt_formular .input_aktiv
 {
	 background:#B20005;
		color:#FFFFFF;
	}
	
#kontakt_formular .input_aktiv_button
 {
	 background:#5C6C01;
		color:#FFFFFF;
		width:452px;
		height:28px;
	}	

#kontakt_formular label 
 {
	 display:block;
		float:left;
		width:135px;
		margin:8px 0;
		font-size:12px;
		line-height:12px;
		color:#141414;
	}
	
textarea
 {
	 width:420px;
		height:110px;
		font-size:12px;
	 font-family:Verdana, sans-serif;
		color:#ffffff;
		margin-top:20px;
		margin-bottom:5px;
		padding:5px 5px 5px 5px;
		background:#193862;
		border: none;
	}		

#kontakt_formular p 
 {
		font-size:12px;
		line-height:14px;
		color:#141414;
 }
	
#kontakt_formular .button
 {
		width:430px;
		height:30px;
		font-size:18px;
		color:#fff;
		font-family:Verdana, sans-serif;
		font-weight:bold;
		background:#193862;
		border:0;
		padding: 2px;
	}
	
#kontakt_formular .radio
 {
		width:25px;
		height:25px;
 	vertical-align:middle;
		background:none;
	}
	
#kontakt_formular .checkbox
 {
		width:25px;
		height:25px;
 	vertical-align:middle;
		background:none;
	}
	
#kontakt_formular td
 {
		font-size:18px;
		line-height:24px;
		text-align:center;
	}
/* ++++++++++ ENDE FORMULAR-FORMATIERUNGEN ++++++++++ */



/* ++++++++++ FORMATIERUNGEN FOTOGALERIE ++++++++++ */	
.shine {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	cursor: url('../_scripts/highslide/graphics/zoomin.cur'), pointer;
    outline: none;
	border: none;
	margin:3px;
}


.highslide-image {
    border: 0;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	width: 207px;
	height: 20px;
	line-height: 20px;
	color: white;
	font-size: 9px;
	font-weight: bold;
    text-decoration: none;
	text-align: right;
	border-top: 1px solid #686868;
	border-bottom: 1px solid #686868;
    background-color: black;
    background-image: url('../_scripts/highslide/graphics/loader.gif');
    background-repeat: no-repeat;
    background-position: 95px 2px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-overlay {
	display: none;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/* ++++++++++ ENDE FORMATIERUNGEN FOTOGALERIE ++++++++++ */