/*
	last update: 01.07.10
	version: 1.0
	authors: jn, ys
	notes: final
	farben:
	braun: #9d8f84
*/

/* Standard Tags */
* 			{ margin: 0; padding: 0 }
html 			{ zoom: 1; overflow-y:scroll; } /* IE; horizontales Springen vermeiden */
* :focus, * :active 	{ outline: 0 none; -moz-outline: 0 none; }
.clear			{ clear:both }
ul 		 	{ list-style:none; }

/* Seitenlayout */
#snp_wrapper		{ width: 1020px; margin-left:auto; margin-right:auto }
#snp_wrappertable	{ border:none }
#snp_shadow_left	{ width:20px; vertical-align:top }
#snp_shadow_right	{ width:20px; vertical-align:top }
#snp_shadow_bottom	{ height:30px; }
#snp_contentarea	{ width:980px; }

/* Hintergrundgrafiken links, rechts, unten */
/* Die Bildnamen nicht ändern, auch nicht die Breiten. Breite links und rechts : 100px, unten: 1180px */
*/#snp_shadow_left	{ background-image: url("/css/images/shadow_left.png"); background-repeat: no-repeat; background-position: right 0 }*/
*/#snp_shadow_right	{ background-image: url("/css/images/shadow_right.png"); background-repeat: no-repeat; }*/
*/#snp_shadow_bottom	{ background-image: url("/css/images/shadow_bottom.png"); background-repeat: no-repeat; }*/

/* Header, Navigation, Content */
/* snp_contentwrapper umschließt Header, Navigation und Content. Durch das umlaufende padding ergibt sich somit ein allseitiger Rand von 20px. */
/* Änderungen dieses paddings erfordern weitere Änderungen an den umschlossenen Elementen, Bildern und Miniaturansichten */
#snp_contentwrapper { padding:20px }

/* Navigation */
/* margins und paddings stehen in Abhängigkeit vom padding des #snp_contentwrapper */
#snp_horizontal_navigation { margin-left:-20px; margin-right:-20px; padding-left:20px; }
/* funktionale Eigenschaften, nicht ändern */
#snp_horizontal_navigation div, #snp_horizontal_navigation a { float:left; display:inline-block; vertical-align:middle; }

/* Contentarea */
/* Bildbereich unterhalb der Navigation */
#snp_imagecontent .snp_img	{ border:0; margin-bottom:40px }
#snp_imagecontent .snp_textarea { padding:0 20px 5px 0px }

/* Schmalerer Content mit rechter Spalte */
#snp_content_675 { width:675px; float:left; }
#snp_content_675 .snp_img	{ border:0; margin-bottom:40px }
#snp_content_675 .snp_textarea  { padding:0 20px 20px 20px }

/* Boxbereich unterhalb des Bildbereichs */
#snp_boxcontent .snp_textarea { float:left; display:inline }
#snp_boxcontent .snp_textarea { 
	margin-left:20px;	/* Rand links */
	width:420px;		/* Breite Text. Maximalbreite: 460px */
}
#snp_boxcontent .snp_textarea_wide { float:left; display:inline }
#snp_boxcontent .snp_textarea_wide { 
	margin-left:20px;	/* Rand links */
	width:660px;		/* Breite Text. Maximalbreite: 460px */
}
/* 3 mittelbreite Kästen, floatend im Boxbereich unterhalb des Bildbereichs */
#snp_boxcontent .snp_box_wide { float:left; margin-right:14px; }
#snp_boxcontent #snp_box_ws3 { margin-right:0; } /* Rechte Box ohne rechten Rand */

/* Rechte Spalte, enthält schmale Kästen */
#snp_boxcontent_right { float:right; width:230px; }
#snp_boxcontent_right .snp_box_narrow { margin-bottom:32px; }
/* Kästen schmal, mit Hintergrundgrafiken */
#snp_boxcontent .snp_box_narrow { float:right; margin-left:10px; }

/* Box-Überschriften (Kästen schmal) */
.snp_box_narrow .snp_box_content h1,
.snp_box_narrow .snp_box_content h2,
.snp_box_narrow .snp_box_content h3,
.snp_box_narrow .snp_box_content h4,
.snp_box_narrow .snp_box_content h5,
.snp_box_narrow .snp_box_content h6 {
	margin-left:0;
}

/* Grundlegende Tabellen-Definitionen in schmalen Kästen */
.snp_box_narrow .snp_box_content .boxtable { width:100%; }
.snp_box_narrow .snp_box_content .boxtable td { vertical-align:top; }

/* Grundlegende Tabellen-Definitionen in mittelbreiten Kästen */
.snp_box_wide .snp_box_content .boxtable { width:100%; }
.snp_box_wide .snp_box_content .boxtable td { vertical-align:top; }

/* Galerie */
.snp_gallery { width:945px; margin-left:-5px; margin-right:-5px; }
.snp_gallery p.galimg { float:left; display:inline }


/* Footer */
#snp_footer {
	padding-left:20px;	/* Abstand links */	
	padding-right:20px;	/* Abstand rechts */	
}
/* Gruppe Schriftgrößen-Buttons im Footer  */
#snp_fontsizebuttons	{ float:left; width:80px; margin-top:10px; display:inline }
/* Gruppe Footer-Navigation  */
#snp_footernavigation	{ float:left; margin-top:10px; display:inline; }
/* Notfall-Link rechts unten im Footer */
#snp_emergency		{ float:right; text-align:right; display:inline; }

form { margin-left:0px;}
p label { width:150px;display:block;float:left; margin-bottom:8px; }
input, textarea { width:250px;float:left; margin-bottom:8px; }
form p { clear:both; }
form p input#formInput_submit { margin-left:150px; width: 100px;  }

/* Standardformulare */
form p { margin-bottom: 10px; }
form p label { float: left; width: 150px; margin-left:20px; cursor: pointer;   }
form select#form_Anrede { width: 80px; }
form p textarea { width: 330px; height:100px; font-size:10pt; padding:2px; }
form .textinput { width: 330px; font-size:10pt; padding:2px; }
form p input#formInput_submit { margin-left:170px; width: 100px; }
form .longleft { width: 255px; font-size:9pt; padding:2px;}
form .shortright { width: 62px; margin-left:5px; font-size:9pt; padding:2px;}
form .shortleft { width: 62px; font-size:9pt; padding:2px;}
form .longright { width: 255px; margin-left:5px; font-size:9pt; padding:2px;}