@charset "utf-8";
/* CSS Document */

body	{
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0;
	background-color: #CCCCCC;
}

.titel_rose {
	font-size: 15px;
	font-weight: bold;
	color: #8FAFBC;
}

.titel {
	font-size: 20px;
	font-weight: bold;
	color: #f5b3b3;
}

.bold {
	font-weight: bold;
	color: #8FAFBC;
}

.large {
	font-size: 20px;
	font-weight: bold;
}

.false {
	color:#f5b3b3;
	font-weight: bold;
}

.send_ok {
	color: #66CC00;
	font-weight: bold;
}

.input_login_red {
	border: solid;
	border-color: #f5b3b3;
}


.link 				{ color: #999999; text-decoration: underline; font-size:12px; font-weight: normal; }
a.link:visited 	{ color: #999999; text-decoration: underline; font-size:12px; font-weight: normal; }
a.link:hover 		{ color: #999999; text-decoration: none; font-size:12px; font-weight: normal; }
a.link:active 		{ color: #999999; font-size:12px; font-weight: normal;}

.link 				{ color: #999999; text-decoration: none; font-size:12px; font-weight: normal; }
a.link:visited 	{ color: #999999; text-decoration: none; font-size:12px; font-weight: normal; }
a.link:hover 		{ color: #999999; text-decoration: underline; font-size:12px; font-weight: normal; }
a.link:active 		{ color: #999999; font-size:12px; font-weight: normal;}

.link_bold				{ color: #8FAFBC; text-decoration: underline; font-size:12px; font-weight: bold; }
a.link_bold:visited 	{ color: #8FAFBC; text-decoration: underline; font-size:12px; font-weight: bold; }
a.link_bold:hover 		{ color: #8FAFBC; text-decoration: none; font-size:12px; font-weight: bold; }
a.link_bold:active 		{ color: #8FAFBC; font-size:12px; font-weight: bold;}


.info 				{ color: #666666; text-decoration: underline; font-size:9px; font-weight: normal; }
a.info:visited 	{ color: #666666; text-decoration: underline; font-size:9px; font-weight: normal; }
a.info:hover 		{ color: #666666; text-decoration: none; font-size:9px; font-weight: normal; }
a.info:active 		{ color: #666666; font-size:9px; font-weight: normal;}

.titel_link 				{ color: #f5b3b3; text-decoration: underline; font-size:20px; font-weight: normal; }
a.titel_link:visited 	{ color: #f5b3b3; text-decoration: underline; font-size:20px; font-weight: normal; }
a.titel_link:hover 		{ color: #f5b3b3; text-decoration: none; font-size:20px; font-weight: normal; }
a.titel_link:active 		{ color: #f5b3b3; font-size:20px; font-weight: normal;}

.menu_bold 				{ color: #f5b3b3; text-decoration: none; font-size:20px; font-weight: normal; }
a.menu_bold:visited 	{ color: #f5b3b3; text-decoration: none; font-size:20px; font-weight: normal; }
a.menu_bold 		{ color: #f5b3b3; text-decoration: none; font-size:20px; font-weight: normal; }
a.menu_bold:active 		{ color: #f5b3b3; font-size:20px; font-weight: normal;}

.email 				{ color: #8FAFBC; text-decoration: underline; font-size:12px; font-weight: normal; }
a.email:visited 	{ color: #8FAFBC; text-decoration: underline; font-size:12px; font-weight: normal; }
a.email 		{ color: #8FAFBC; text-decoration: none; font-size:12px; font-weight: normal; }
a.email:active 		{ color: #8FAFBC; font-size:12px; font-weight: normal;}


#block {
	margin: 0px auto;
	width:980px;
	background-color:#FFFFFF;

}

#block_menu {
	width:980px;
	height: 236px;

}

#menu {
	width: 980px;
	height: 44px;
	float: left;
	margin-top: -146px;
	background-image: url(image/menu_hg.jpg);
	background-repeat: no-repeat;
	z-index: 2;
	position: absolute;
}

#block_logo {
	width:361px;
	height: 236px;
	float: left;
	background-color: #FFFFFF;
}

#logo {
	width:361px;
	height: 143px;
}

#logo_unten {
	height: 53px;
	width: 336px;
	padding-left: 25px;
	padding-top: 40px;
	font-size: 20px;
	font-weight: bold;
	color: #f5b3b3;
}

#fb-button {
	position: absolute;
	margin-top: 153px;
	margin-left: 530px;
	z-index:3;
}

#rose {
	width:619px;
	height: 203px;
	color: #8FAFBC;
	padding-top: 33px;
	text-align: left;
	float: left;
	background-image:url(image/animierte_rose.gif);
	z-index: 1;
	position: absolute;
	margin-left: 361px;
}


#content {
	width: 915px;
	min-height: 300px;
	padding-left: 25px;
	padding-right: 40px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	float: left;
}

#content_left {
	width: 500px;
	float: left;
}

#content_right {
	width: 415px;
	float: right;
	text-align: right;
}

#form_left {
	width: 220px;
	float: left;

}

#form_right {
	width: 220px;
	float: left;

}

#menu_foto {
	margin-top: 110px;
	width:619px;
	height: 50px;
	float: left;
}

#temp_out {
	width: 785px;
	padding-left: 130px;
}

#photo_out {
	width: 130px;
	height: 130px;
	background-color: #FFFFFF;
	padding-top: 20px;
	text-align: center;
	margin-right: 50px;
	float: left;
}

#ref_out{
	float: left;
	margin-top: 80px;
}

#end {
	width: 980px;
	height: 13px;
	float: left;
	font-size: 9px;
	padding-top: 65px;
	text-align: center;
	background-image:url(image/end_hg.jpg);
}

/* FORM CSS*/

input[type="text"], input[type="password"], textarea {
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background-color:#fff; 
	border: 1px solid #999999;
	/* Textfarbe inaktiv */
	color: #000;
	font-weight: normal; 
	font-size:13px;
	padding: 3px;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background-color:#fff; 
	border: 1px solid #ccc;
	color:#000;
	font-weight: normal; 
	font-size:13px;
	padding: 3px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background-color:#fff; 
	border: 1px solid #999999;
	/* Textfarbe aktiv */
	color:#666; 
	font-weight: normal; 
	font-size:13px;
	padding: 3px;
}

select {
	border: 1px solid #90cfff;
}

select:hover{border: 1px solid #0090ff;}
{border: 1px solid #0090ff;}

#false_input {
	border: 1px solid #F00;
}

.notice {
	border:1px solid gold;
	background:lightyellow;
	padding:10px 10px 10px 10px;
	margin:5px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#DEAE00;
	line-height:120%;
	width: 350px;
	vertical-align: center;
	text-shadow:0px 1px rgba(255,255,255,0.5);
	position:relative;
	top:0;
	left:0;
	clear:both;
}

.notice.warning{}/*default*/
.notice.error{border:1px solid red;background:pink;color:red;}
.notice.success{border:1px solid green;background:lightgreen;color:green;}
.notice .icon{color:inherit;margin-right:10px;margin-bottom:-5px;*margin-top:-5px;}
.notice a.icon.close,
.notice a.icon.close:active,
.notice a.icon.close:visited{font-size:12px;position:absolute;top:5px;right:-5px;left:auto;color:inherit;}
