@CHARSET "UTF-8";

/* Reset
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* IE Png behavior
*/
img	{ behavior: url(/includes/iepngfix/iepngfix.htc); }

/* Typographie	
*/


body 
	{
	color: DimGray;
	font-family: Arial;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	background-color: #FFF;
	}
	
	
h1	{
color: black;
font-size: 22px;
font-weight: normal;
line-height: 30px;
margin: 0 0 20px;
}

h2	{
color: black;
font-size: 16px;
font-weight: normal;
line-height: 20px;
margin: 0 0 3px;
}

.clightgrey { color:#c0cacf; }
.cgreen		{ color:#98bb6f; }
.cblack		{ color:#000; }
.cred 		{ color:#e48897; }
.cblue 		{ color:#336699; }
.cgrey 		{ color:#6a8291; }
.big 		{ font-size:18px; line-height:24px; }
.normal 	{ font-size:16px; line-height:24px; }
.small 		{ font-size:12px; line-height:18px; }
.ultrasmall { font-size:11px; line-height:16px; }
.b 			{ font-weight: bold; }
.tac		{ text-align: center; }
.l 			{ text-align: left; }
.r 			{ text-align: right; }
.fr 		{ float:right; }	
.fl 		{ float:left; }
.tac		{ text-align: center;}

a:link, a:visited, a:active { color: #0080c3; text-decoration:underline; }
a:hover { color: #00a7ff;  }


/* Basics	
*/

hr { border-top:solid #e9ebed 1px; border-bottom:solid #FFFFFF 1px; border-right:solid #FFFFFF 1px; border-left:solid #FFFFFF 1px; margin:0px; padding:0px; }

.border-right {
padding-right:40px;
background-image:url('/includes/gfx/vertical-line.gif');
background-repeat:repeat-y;
background-position:right;
}




#navigation	{ margin:0px; padding:3px 15px; padding-top:7px; border-bottom:solid #e9ebed 1px; font-size:12px; }
#navigation a { text-decoration: none; color:#6a8291;  }
#navigation a:hover { color: #00a7ff; }

#subnavigation li .a { color: black; text-decoration: none; }


#header 	{ margin:0px; padding:10px 0px; border-bottom:solid #e9ebed 1px; }
#breadcrumb	{ margin:0px; padding:5px 0px; border-bottom:solid #e9ebed 1px; font-size:11px;  }
#footer		{ margin:0px; padding:10px 0px; font-size:13px; }




li.tab { display:inline; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:8px; }


.message_icon { background-image: url('/includes/gfx/16x16/mail.png'); background-repeat:no-repeat; padding-left:20px; }







.niceborder 
	{ 
	border:1px solid #c0cacf; 
	padding: 6px 10px; 
	}

.niceborder_headline 
	{
	background-color: #c0cacf;
	padding:3px 10px;  
	color:#FFF;
	}

.gallery_thumbnail { border:solid #e9ebed 1px; padding:6px; }
.gallery_thumbnail:hover { border:solid #b9c3cd 1px; }

.vave_message { background-color: #f8f8e3; padding: 16px; margin-bottom:20px; font-size:14px; line-height:20px; }
.vave_message_border { border-top:solid #e3e3bd 1px; border-bottom:solid #f8f8e3 1px; 
border-right:solid #f8f8e3 1px; border-left:solid #f8f8e3 1px; margin:0px; padding:0px; margin-top:6px; margin-bottom:6px;}



/* Forms	
*/

input
	{
	padding:4px;
	font-size: 16px;
	display:block;
	margin-bottom:6px;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	}

input:focus, textarea:focus
	{
	background-color: lightyellow;
	}

label span		{ font-weight: normal; }

.dropdown 
	{
	margin-right:5px;
	font-size: 16px;
	margin-top:4px;
	margin-bottom:14px;
	}


.blogtextarea 
	{
	color:#00a7ff;
	width: 450px; 
	padding: 3px; 
	height: 22px; 
	display: block; 
	font-size: 18px;
	font-family: Arial;
	margin-bottom:3px;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb; 
	}


.blog_comment 
	{
	
	color:#c0cacf;
	width: 440px; 
	padding: 3px;
	padding-left:6px; 
	height: 14px; 
	display: block; 
	font-size: 12px;
	font-family: Arial;
	margin-bottom:3px;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb; 
	}


.textarea 
	{ 
	padding: 3px; 
	height: 22px; 
	display: block; 
	font-size: 16px;
	font-family: Arial;
	margin-bottom:3px;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb; 
	}




/* Flash-Message*/

.flashmessage
	{
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
    position: absolute; bottom: 0; right: 0;
    border:solid 1px #d6d6a3;
    font-size: 16px;
    background-color: #eeeebe; 
	color:#343407;
	padding:8px 30px;
	margin:10px ;
    }



/* Flash-Message*/
.render_progress
	{
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
    position: absolute; bottom: 0; left: 0;
    border:solid 1px #d6d6a3;
    font-size: 16px;
    background-color: #eeeebe; 
	color:#343407;
	padding:8px 30px;
	margin:10px ;
    }











.code {border:solid 1px #d6d6a3; font-size: 10px; background-color: #eeeebe; 
color:#343407; padding:10px; width:584px;  }


/* Error-Message*/ 
.error
	{
    border:solid 1px #ff0000;
    background-color: #ffe8e8; 
	color:#ff0000;
	padding:10px 20px;
	margin-top:3px;
    } 
  
  
  




/* BUTTONS */


.buttons a, .buttons button, .buttons a, .buttons a:link, .buttons a:visited, .buttons a:active {
	
	text-decoration: none; 
    display:block;
    float:left;
    margin:0 7px 7px 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family: Arial;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:21px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
    text-decoration: none;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    text-decoration: none;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
    text-decoration: none;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
    
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
     text-decoration: none;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}







.usr_btn { padding:5px 10px; border:1px solid #FFF; background-color:#FFF; 
-moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #ddd; }
.usr_btn:hover { background-color:#eeeeee; border:1px solid #dddddd;  }	


.profilpicture a:link, .profilpicture a:visited, .profilpicture a:active { text-decoration: none; }




/* USER BUTTONS ICONS*/

a.delete {
	cursor: pointer;
	height: 18px; width:18px; 
	background: url(/includes/gfx/delete.gif); 
	float:left; display:inline; no-repeat top left;
	background-position: 0px 0px;
	}
	
a.delete:hover { background-position: 0px -18px; }




/* USER BUTTONS */




.awesome_btn a:link, .awesome_btn a:visited, .awesome_btn a:active { text-decoration: none; color: #fff; }

.awesome, .awesome:visited 
	{
	margin: 0px 1px;
	background: #222 url(/includes/gfx/btn.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px 10px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
	}
 
	.awesome:hover									{ background-color: #111; color: #fff; }
	.awesome:active									{ top: 1px; }
	
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	
	.awesome, .awesome:visited,
	
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	
	.green.awesome, .green.awesome:visited			{ background-color: #91bd09; }
	.green.awesome:hover							{ background-color: #749a02; }
	
	.blue.awesome, .blue.awesome:visited			{ background-color: #1b97da; }
	.blue.awesome:hover								{ background-color: #1785c0; }
	
	.grey.awesome, .grey.awesome:visited			{ background-color: #adbac1; }
	.grey.awesome:hover								{ background-color: #98a5ac; }