/* Basics für Ritterhof zur Rose */

* {
margin:0;
padding:0;
list-style:none
}

body { /* Hintergrundfarbe */
background-color:#f9f3ed;
background-image: url(../images/basic/bg_verlauf.jpg);
background-repeat:repeat-x;
}

#seitenbereich1 { /* Hintergrundgrafik Rosen */
background-image: url(../images/basic/bg_rosen.jpg);
width:907px;
height:889px;
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
z-index:1;
}

#seitenbereich2 { /* Seitenbereich02 */
background-image: url(../images/basic/bg_weiss.gif);
width:810px;
height:556px;
margin-top:62px;
margin-right:0px;
margin-bottom:0px;
margin-left:57px;
position:absolute; 
z-index:2;
}

#logo { /* Logo */
width:85px;
height:109px;
margin-top:44px;
margin-right:0px;
margin-bottom:0px;
margin-left:42px;
position:absolute; 
z-index:3;
}

#header { /* Logo */
background-color:white;
width:625px;
height:170px;
margin-top:20px;
margin-right:0px;
margin-bottom:0px;
margin-left:165px;
position:absolute; 
z-index:4;
}

#linie { /* Linie */
background-image: url(../images/basic/linie.jpg);
width:770px;
height:9px;
margin-top:190px;
margin-right:0px;
margin-bottom:0px;
margin-left:20px;
position:absolute; 
background-repeat:repeat-y;
z-index:5;
}

/*//////////////////////////////// LINKE NAVIGATION//////////////////////////////////////*/

#navigation { /* Navigation Abstände */
background-image: url(../images/basic/bg_navigation.jpg);
width:145px;
height:315px;
margin-top:199px;
margin-right:0px;
margin-bottom:0px;
margin-left:20px;
padding-top:22px;
position:absolute; 
z-index:6;
}

ul li {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
width:112px; /*Breite*/
padding-left:18px;
list-style:none; /* Die Listenpunkte verschwinden */
line-height:1.1; /*Vertikale Zentrierung und Höhenbestimmung der Links */
margin-bottom:4px; /* Ein wenig Platz nach unten hin schaffen */
text-align:left; /* Und der Text darin soll links ausgerichtet sein */
border:0px
}


a:link.navi1, a:visited.navi1, a:active.navi1 {
display:block; /* Damit der ganze Listenpunkt verlinkt wird */
width:100%; /*Für den IE, der braucht das bei display:block;*/
color:#392700;
text-decoration:none
}

a:hover.navi1 {
color:#bd0129;
}

a:link.naviaktiv, a:visited.naviaktiv, a:active.naviaktiv, a:hover.naviaktiv {
display:block; /* Damit der ganze Listenpunkt verlinkt wird */
width:100%; /*Für den IE, der braucht das bei display:block;*/
color:#bd0129;
text-decoration:none
}

a:link.navi2, a:visited.navi2, a:active.navi2 {
padding-left:8px;
display:block; /* Damit der ganze Listenpunkt verlinkt wird */
width:100%; /*Für den IE, der braucht das bei display:block;*/
font-weight:normal;
color:#bd0129;
text-decoration:none
}

a:hover.navi2 {
color:#bd0129;
background:url(../images/basic/navi_punkt.gif) 0 0 no-repeat;
}

a:link.navi2aktiv, a:visited.navi2aktiv, a:active.navi2aktiv, a:hover.navi2aktiv {
padding-left:8px;
display:block; /* Damit der ganze Listenpunkt verlinkt wird */
width:100%; /*Für den IE, der braucht das bei display:block;*/
font-weight:normal;
color:#bd0129;
text-decoration:none;
background:url(../images/basic/navi_punkt.gif) 0 0 no-repeat;
}


a:link.naviunten, a:visited.naviunten, a:active.naviunten {
display:block; /* Damit der ganze Listenpunkt verlinkt wird */
width:100%; /*Für den IE, der braucht das bei display:block;*/
color:#805937;
text-decoration:none
}

a:hover.naviunten {
color:#bd0129;
}

ul li#navilinie a { /* Navigationslinie */
display:block; /* Damit der ganze Listenpunkt verlinkt wird */
width:100%; /*Für den IE, der braucht das bei display:block;*/
background: url(../images/basic/navi_linie.gif) 0 0 no-repeat;
width:110px;
padding-top:2px;
height:2px;
}

a.weiter_button:link, a.weiter_button:visited, a.weiter_button:hover {
	text-decoration: none;
	background: url(../images/basic/weiter_a.gif);
	display: block;
	width: 53px;
	text-align: right;
	height: 17px;
	float: right;
}

a.weiter_button:hover {
	background: url(../images/basic/weiter_b.gif);
}

a.zurueck_button:link, a.zurueck_button:visited, a.zurueck_button:hover {
	text-decoration: none;
	background: url(../images/basic/zurueck_a.gif);
	display: block;
	width: 53px;
	text-align: right;
	height: 17px;
	float: right;
}

a.zurueck_button:hover {
	background: url(../images/basic/zurueck_b.gif);
}

/*//////////////////////////////// CONTENT//////////////////////////////////////*/

h1 { /* Überschrift */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
line-height:17px;
font-weight:bold;
color:#392700;
margin-bottom:22px;
text-transform: uppercase;
}

#textbereich { /* Fließtext */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:15px;
	font-weight:normal;
	font-variant:normal;
	color:#392700;
	margin-top:220px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:196px;
	width:540px;
	height:316px;
	padding-right:30px;
	position:absolute;
	z-index:9;
	left: 8px;
}

#textbereich2 { /* Fließtext */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:15px;
	font-weight:normal;
	font-variant:normal;
	color:#392700;
	margin-top:254px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:196px;
	width:260px;
	height:270px;
	padding-right:30px;
	position:absolute;
	z-index:9;
	left: 300px;
}

.zeilenhoehe {
line-height:24px;

}

#weiter { /* Weiterbutton */
width:53px;
height:17px;
margin-top:520px;
margin-right:0px;
margin-bottom:0px;
margin-left:738px;
position:absolute; 
z-index:10;
}

#back { /* Zurückbutton */
width:53px;
height:17px;
margin-top:520px;
margin-right:0px;
margin-bottom:0px;
margin-left:680px;
position:absolute; 
z-index:11;
}


#textbereich a:link, 
#textbereich a:visited, 
#textbereich a:active { /* content link*/
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:15px;
font-weight:normal;
font-variant:normal;
color:#805937;
text-decoration:underline;
}
#textbereich a:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:15px;
font-weight:normal;
font-variant:normal;
color:#bd0129;
text-decoration:underline;
}

#galerie { /* Bildergalerie */
	color:#392700;
	margin-top:220px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:196px;
	width:600px;
	height:316px;
	position:absolute;
	left: 8px;
	z-index:12;
}

.thumbnail{
	padding: 0px 0px 0px 0px;
	float: left;
	margin-right: 23px;
	margin-bottom: 23px;
	}
	
		
/*......................FORMULAR......................*/


input
{
background-color:white; 
text-align: left;
font-family:verdana,helvetica,arial,sans-serif;
padding-left:5px;
padding-right:5px;
font-size: 10px;
color:#bd0129;
border: 1px solid #DDDDDD;
height:17px;
}

textarea
{
background-color:white; 
text-align: left;
font-family:verdana,helvetica,arial,sans-serif;
font-size: 10px;
color:#bd0129;
border: 1px solid #DDDDDD;
}

textarea, select, input {

	margin-bottom: 0.8em;

}



fieldset.csc-mailform {

   border: 0;

}



fieldset.csc-mailform .csc-mailform-field label {

   display: block;

   font-weight: bold;

   width: 258px;

   float: left;

}