/* CSS Document */

html {height: 100.1%; font-size: 62.5%; }
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	background-image: url(../images/system/kachel.gif);
	background-attachment:fixed;
	margin: 0px; 
	padding: 0px; 
	border: 0px;
	text-align: center;
	}


a {color: #e51851; text-decoration:none;}
a:hover {text-decoration:underline}
a img{ border: 0px;}

h2 { color: #e51851; font-weight: bold; font-size: 11px; margin:0;}
b {color:#e51851; font-weight:normal}


/* Startseite ##################################################################################### */

div#wrapper_start {
	width: 720px;
	height: 600px;
	margin: 25px auto 50px auto;
	text-align:left;
}
div#wrapper_start div#logo {width: 720px; height: 90px; }

div#wrapcontent_start{
		width: 720px;
		height: 468px;
		background: #ffffff;
		border: 1px solid #e51851;
		}
		
		div#hintergrund_start {
	position:absolute;
	z-index: 0;
	background-image: url(Abbildung%20auf%20der%20Startseite%20mit%20Braut%20mit%20Blumenstrau%C3%9F);
		}
		
		div#index_text {
			width: 255px;
			height: 180px;
			top: 70px;
			left:358px;
			position: relative;
			z-index: 1;
		}
		div#index_text img.headline {margin: 0 0 0 0;}
		div#index_text p {margin: 0 0 0 30px}
		div#index_text h2 {margin: 6px 0 0 30px}
		
		div#linkreihe {
			width: 720px;
			height: 150px;
			top: 79px;
			position: relative;
			z-index: 2;
		}
		
		div#linkreihe table {float: right; margin-top: 10px}
		div#linkreihe table tr td {width: 100px}
		div#linkreihe table tr td img {border: 1px solid #e51851; margin-bottom: 2px;}
		div#linkreihe table tr td a {color: #e51851; font-size: 12px; margin: 2px 0 0 1px;}

div#wrapper_start div#footer{width: 720px; height: 90px; }

/* Inhaltsseiten ##################################################################################*/

div#wrapper {
	width: 920px;
	height: 935px;
	margin: 0px auto 50px auto;
	text-align:left;
}

	div#header {width: 918px; height: 269px;}
	
		div#logo {width: 920px; height: 90px; }
		div#logo img {margin: 6px 10px 10px 10px; float:left;}
		div#standardlinks{ width: 250px; float: right; color: #e51851; font-size: 12px; text-align: right; margin-top: 70px; margin-right: 10px;}
	
		div#header_image { width: 920px; height: 161px;}
		div#header_image img {border: 1px solid #e51851;}
		
		div#navi { width: 920px; height: 18px; background: #e51851;}
		div#navi iframe{ width: 918px; height: 18px; background: #e51851; border-left: 1px solid #e51185; border-right: 1px solid #e51185; background: }
	
	div#wrapcontent{
		width: 918px;
		height: 589px;
		background: #ffffff url(../images/bogen_neutral.jpg) top left no-repeat;
		border: 1px solid #e51851;
		}
		
		/* Angaben für Textseiten ##################################################################### */
		div.bild_im_bogen { width: 429px; height: 589px; float: left}
		div.textseite {width: 485px; height: 589px; float: right; }
		div.textseite img.headline{margin: 28px 0 8px 0;}
		div.textseite p { margin: 0 20px 16px 30px;}
		div.textseite table { margin: 0 20px 16px 30px; valign:top;}
		div.textseite table#messe_tabelle img {margin-bottom: 10px}
		
		
		
		/* Angaben für Galerieseiten ################################################################## */
		div.galerie_text { width: 209px; height: 589px; float: left}	
		div.galerie_box {width: 709px; height: 589px; float: right; }	
		div.galerie_text img.headline{margin: 28px 0 8px 0;}
		div.galerie_text p { margin: 0 20px 3px 20px;}
		div.galerie_text h2 { margin: 6px 20px 3px 20px;}
		
			/* Kollektionen ############################################################################# */
			div#koll {width: 117px; height: 500px; margin: 40px 0 0 0; float: left; overflow: auto; background: url(../images/system/bogen_iframe_kollektionen.jpg) top left no-repeat; text-align:left; background-attachment:fixed;}
			div.koll_nr {width: 80px;  background:#e51851; color:#ffffff; margin-bottom: 10px; margin-left: 3px;} 
			div.koll_nr img {border: none; border: 1px solid #e51851; margin:0;}
			div.koll_nr p {background:#e51851; margin: 0px; padding-left: 3px; line-height: 12px; border-bottom: 1px solid #e51851;} 
			
			/* Galerie ################################################################################## */
			div#galerie {width: 592px; height: 549px; margin: 40px 0 0 0; float:left; text-align:left}
			div#galerie iframe	{width: 574px; height: 500px;}
			body#gal {background: url(../images/system/bogen_iframe_fotog.jpg) top left no-repeat; background-attachment:fixed; }
			body#gal div#col1 {width: 383px; height: 500px;  float:left}
			body#gal div#col1 iframe {position:fixed; top: 0px; left:0px;}
			body#gal div#col2 {width: 150px; height: 100%;  float:left; text-align:left; margin-left: 14px; background:#ffffff;}
			body#gal table img	{margin-right: 14px; border: 1px solid #ffd7da;}
			body#gal table img:hover	{border: 1px solid #e51851;}
			body#gal table p {margin: 0 1px 3px 1px}
			body#gal table p:hover {text-decoration: underline;}
				
			/* fotog #################################################################################### */
			div#fotog {width: 383px; height: 500px; margin: 40px 0 0 0; float:left}
			div#fotog iframe {width: 383px; height: 500px;}
			body#fg {background: url(../images/system/bogen_iframe_fotog.jpg) top left no-repeat; text-align:left; background-attachment:fixed;}
			body#fg div#fg_foto	{width:360px; height:480px ; margin-left: 23px}
			body#fg div#fg_foto img {width: 358px; height: 478px; border: 1px solid #e51185}
			body#fg div#fg_text {width:360px; height:20px ; margin: 4px 0 0 23px; font-size: 14px;}
	
	
	/* Kontaktformular ############################################################################## */
	
	form#kontakt {width: 485px; }
	fieldset#kontakt_wrap  {position: relative; height: 350px}
	form#kontakt fieldset#kontakt_wrap { margin: 0px 20px 8px 20px; border: 1px solid #e51851; padding: 10px; background: #fff9eb; }
	legend {position: absolute; top: -5px; left: 6px;font-weight: bold; font-size: 12px; color: #e51851}
	input {width: 175px; margin-bottom: 7px; border: 1px solid #cccccc; font-size: 11px; padding: 2px 5px;}
	label {font-weight:bold; text-indent: 5px;}
		
		/* Teil 1 linke Spalte Kontaltangaben ##########################################################*/
		fieldset#teil1, fieldset#teil2 { width: 180px; border: 0px; padding: 0px; float:left; margin-top: 10px}
		fieldset#teil1 label, fieldset#teil1 input, fieldset#teil2 label, fieldset#teil2 input, fieldset#teil2 select {display:block}
		fieldset#teil1 legend {display: none; }
		
		/* teil 2 rechte Spalte mit Textfeld und Senden-Button #########################################*/
		fieldset#teil2 {width: 210px; border: padding: 0px; float:right;}
		fieldset#teil2 textarea#text {width: 100%; height: 250px; padding: 2px 5px; position: relative; right: 10px; border: 1px solid #cccccc; font-family: Arial, Verdana, sans-serif; font-size:11px; }
		fieldset#teil2 div#submit_button { height: 20px; width:200px; margin: 10px 0 0 0; border: none; background: #cccccc;	border: 1px solid #999999; border-color: #cccccc #999999 #999999 #cccccc; text-align:center }
		fieldset#teil2 div#submit_button:hover {border-color: #ffd7da #b5264e #b5264e #ffd7da; background: #e51851; color:#FFFFFF;}
		fieldset#teil2 div#submit_button input {background: none; border:0px; width:100%;  }
		fieldset#teil2 div#submit_button input:hover {background: #e51851; color:#FFFFFF; font-weight:bold;}




	div#footer { width: 900px; height: 30px; padding: 10px; font-size: 12px; text-align: center; color: #e51851; }