/*

Style Sheet by Jan-Kiesewetter.de
abi09-gw.de v.1

Verlinkt in: index.php

*/

body {
	color:#363636;
	font-size:8pt;
	font-family: Helvetica,arial,verdana;
	scrollbar-face-color:#F9F9F8;
	scrollbar-track-color:#F9F9F8;
	scrollbar-arrow-color:#333333;
	scrollbar-shadow-color:#F9F9F8;
	scrollbar-darkshadow-color:#333333;
	scrollbar-highlight-color:#333333;
	scrollbar-3dlight-color:#F9F9F8;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#F9F9F8;
}

b, strong { font-weight:bold; }
i { font-style:italic; }
em { font-style:italic; font-weight:bold;}
table, td { 
	color:#212121; 
	font-size:8pt; 
	font-family:Helvetica,arial,verdana;}


/* ------------------------------------------------ DESIGN ------------------------------------------------ */

#master { /* Main Frame */
	background-image:url(gfx/back_master.gif); 
	background-repeat:repeat-y; 
	background-position:left;
	margin-left: auto; 
	margin-right: auto; 
	width:999px;
	text-align:left;}
	
#header { /* Header */
	background-image:url(gfx/back_top.gif); 
	background-repeat:no-repeat;
	width:930px;
	height:318px;
	padding-left:25px;
	margin-left:1px;}
	
#content_box { /* Content Box */
	width:917px;
	padding-left:10px;
	margin:0px;}
	
#box_left { /* Navigation Links */
	float: left;
	width:195px;
	margin:0px;
	padding-left:20px;
	background:url(gfx/nav.gif) no-repeat left top;}
	
#middle_boxes { /* Boxen in der Mitte */
	margin-left:220px;
	width:217px;
	padding:0px;}

	#middle_box1 { /* Boxen in der Mitte */
		width:211px;
		height:210px;
		padding-left:20px;
		background:url(gfx/box_favorite.png) no-repeat;
		text-align:left;}
		
	#middle_box2 { /* Boxen in der Mitte */
		width:211px;
		height:220px;
		padding-left:20px;
		background:url(gfx/box_lt.png) no-repeat;
		text-align:left;}
		
	#middle_box3 { /* Boxen in der Mitte */
		width:211px;
		height:40px;
		padding-left:20px;
		background:url(gfx/box_foto.png) no-repeat;
		text-align:left;}
		
		#middle_box3_middle {
			width:211px;
			padding-left:20px;
			background:url(gfx/box_middle.jpg) repeat-y;
			text-align:left;}
			
		#middle_box3_bottom {
			width:211px;
			height:42px;
			padding-left:20px;
			background:url(gfx/box_bottom.jpg) no-repeat;
			text-align:left;}
			
		#mini_foto {
			background:url(gfx/minifoto.gif) no-repeat;
			padding-left:4px;
			padding-top:4px;
			width:73px; height:68px;}
	
#content { /* Inhalt */
	float: right;
	width:447px;
	background-color:#f9f9f9;
	padding:10px;
	text-align:left;}
	
#footer { /* Footer */
	text-align:center;
	width:901px;
	height:178px;
	background-image:url(gfx/footer.gif);
	background-repeat:no-repeat;}
	
	/* ------------------------------------------------ FORMULAR ------------------------------------------------ */

input {
	color:#4b4b4b;
	font-size:8pt;
	font-family:Verdana; 
	background-color:transparent; 
	border:1px solid #d7d7d7;
	height:16px;}
	
select {
	color:#4b4b4b;
	font-size:8pt; 
	font-family:Verdana; 
	background:#FFFFFF; 
	border:1px solid #d7d7d7;
	height:16px;
	width:120px;}
	
button {
	color:#4b4b4b;
	font-size:8pt; 
	font-family:Helvetica; 
	background:#FFFFFF; 
	border:1px solid #d7d7d7;}

textbox {
	color:#4b4b4b;
	font-size:8pt; 
	font-family:Verdana; 
	background:#FFFFFF; 
	border:1px solid #d7d7d7;}
	
/* ------------------------------------------------ Classes ------------------------------------------------ */

.title {color:#448ccb; font-weight: bold; font-size:11pt;}
.title2 {color:#ffffff; font-weight: bold; font-size:11pt;}
.profile_title {border-top:1px solid #0056a2; width:100%; background:#448ccb; padding:2px;}
 a.title:link {font-size:11pt; text-decoration:none; color:#448ccb; font-family:Helvetica,arial,verdana;}
 a.title:visited {font-size:11pt; text-decoration:none; color:#448ccb;font-family:Helvetica,arial,verdana;}
 a.title:active {font-size:11pt; text-decoration:none;color:#448ccb;font-family:Helvetica,arial,verdana; }
 a.title:hover {font-size:11pt; text-decoration:none; color:#fe9d01;font-family:Helvetica,arial,verdana; }
 
.box_text {color:#45431c; font-size:8pt; padding-top:10px;}
.box_text2 {color:#45431c; font-size:8pt; }
.box_link {color:#45431c; font-size:8pt;}
 a.box_link:link {font-size:8pt; text-decoration:none; color:#45431c; font-family:Helvetica,arial,verdana;}
 a.box_link:visited {font-size:8pt; text-decoration:none; color:#45431c;font-family:Helvetica,arial,verdana;}
 a.box_link:active {font-size:8pt; text-decoration:none;color:#45431c;font-family:Helvetica,arial,verdana; }
 a.box_link:hover {font-size:8pt; text-decoration:none; color:#448ccb;font-family:Helvetica,arial,verdana; }
 
.red {color:red;}
.blue {color:#448ccb; font-weight: bold;}
.small {font-size:7pt;}
.palish {color:#666666;}
.comment {color: #000000;font-size: 10px;font-family: Verdana,Arial,Tahoma,Sans-Sarif; padding-top:5px;}

#eintragen {background:url(gfx/eintragen.gif) no-repeat; width:139px; height:29px; margin:4px;}
#eintragen a:link {background:url(gfx/eintragen.gif) no-repeat;}
#eintragen a:visited {background:url(gfx/eintragen.gif) no-repeat;}
#eintragen a:hover {background:url(gfx/eintragenb.gif) no-repeat; font-size:100pt;}

#discription {background:#FFFFFF; width:400px; float: left; padding:5px; margin:5px; text-align:left;}

#calendar {background:#FFFFFF; width:190px; float: left; padding:5px; margin:5px; text-align:left;}

#calendar_day a:link {background:#FFFFFF; width:26px; height:26px; float: left; text-align:left;}
#calendar_day a:visited {background:#FFFFFF; width:26px; height:26px; float: left; text-align:left;}		
#calendar_day a:hover {background:#448ccb; color:#FFFFFF; font-size:10pt; font-weight:bold; width:26px; height:26px; float: left; text-align:left;}	

#calendar_event a:link {background:url(gfx/mark.gif) no-repeat; width:26px; height:26px; float: left; text-align:left;}
#calendar_event a:visited {background:url(gfx/mark.gif) no-repeat; width:26px; height:26px; float: left; text-align:left;}		
#calendar_event a:hover {background:#c74848; color:#FFFFFF; font-size:10pt; font-weight:bold; width:26px; height:26px; float: left; text-align:left;}	

#info {background:#FFFFFF;border:1px solid #d7d7d7; width:95%; margin-top:10px; margin-bottom:10px; text-align:right; padding:5px; float:left;} /* Infoboxen mit Stats */

#fotos {padding:10px; width:108px; height:95px;}
#fotos a:link { width:108px; height:95px;}
#fotos a:visited {width:108px; height:95px;}
#fotos a:hover {width:108px; height:95px; border:3px solid #cdcdcd;}

#foto_back {background:#fcfbc4; width:136px; height:136px; padding:3px;  border:1px solid #d2cf43; margin-bottom:10px;}

#comment {background:#e9e9e9; border:1px solid #d7d7d7; width:380px; margin-left:10px; margin-top:10px; padding:5px;} /* Commentboxen */

#galery {border:1px solid #00BB2D; background-color:#FFFFFF; padding:3px; margin:3px; width:340px; font-size:9px;} 

#album a:link { background:url(gfx/folder.gif) no-repeat; width:240px; height:60px; float: left; text-align:left; margin:5px; padding:10px 20px 10px 160px; border:1px solid #d7d7d7;}
#album a:visited { background:url(gfx/folder.gif) no-repeat; width:240px; height:60px; float: left; text-align:left; margin:5px; padding:10px 20px 10px 160px; border:1px solid #d7d7d7;}		
#album a:hover { background:url(gfx/folderb.gif) no-repeat; width:240px; height:150px; float: left; text-align:left; margin:5px; padding-right:20px; border:1px solid #d7d7d7;}

.big {color:#000000; font-weight:bold; font-size:16pt;}
#title_akt {color:#FFFFFF; font-weight: bold; margin-left:11px; margin-top:10px; width:222px; height:27px;}
#aktiv_box1 {background-image:url(gfx/akt_back2.gif); width:240px; padding-left:5px; margin-top:40px;}
#aktiv_box2 {background-image:url(gfx/akt_back2.gif); width:240px; padding-left:5px;}
#aktiv_box3 {background-image:url(gfx/akt_back2.gif); width:175px; padding-left:5px;}
#aktiv_tabelle {background-image:url(gfx/akt_back.gif); background-repeat:no-repeat;}
 
.impressum {font-size:8pt;color:#B4B4B4; font-family:Helvetica,arial,verdana;} /* Impressumszeile Bottom */
 a.impressum:link {font-size:8pt; text-decoration:none; color:#B4B4B4; font-family:Helvetica,arial,verdana;}
 a.impressum:visited {font-size:8pt; text-decoration:none; color:#B4B4B4;font-family:Helvetica,arial,verdana;}
 a.impressum:hover {font-size:10pt; text-decoration:none; color:#3D3D3D;font-family:Helvetica,arial,verdana; }
 a.impressum:active {font-size:8pt; text-decoration:none;color:#B4B4B4;font-family:Helvetica,arial,verdana; }
 
 a:link { color: #363636; font-family:Helvetica,arial,verdana; text-decoration:none; }
 a:visited { color:#363636; font-family:Helvetica,arial,verdana; text-decoration:none; }
 a:active { color:#363636; font-family:Helvetica,arial,verdana; text-decoration:none; }
 a:hover { color:#448ccb; font-family:Helvetica,arial,verdana; text-decoration:none; }