/* - MISC STYLE - */


* 	      				{margin: 0px; padding: 0px;}
html 	       			{width: 100%; height: 100.05%;}


body 	       			{
	text-align: center;
	color: #000;
    background-image: url(../images/back_cam.jpg), url(../images/back_main1.jpg); 
    background-repeat: no-repeat, repeat;
	background-attachment: fixed, fixed;
	font-family: 'Gudea', sans-serif;
	font-size: 14px;
	line-height: 19px;
}


.clear 	       			{clear: both; height: 0px; font-size: 0px; display: block; width: 100%;}

td 						{font-family: 'Gudea', sans-serif;font-size: 14px;line-height: 19px;}

ul 	    				{margin: 0px; padding: 0px;}
li 	    				{list-style: none}

form 	      			{margin: 0px; padding: 0px;}
img 	      			{border: none;}

a 	     				{color: #f55e05; text-decoration: none; background: transparent;}
a:hover       			{color: #000; text-decoration: underline; background: transparent;}


/* - LAYER + CONTAINER  + WRAPPER - */


#layer 	      			{
	position:relative;
	text-align:left;
	margin: 0px auto;
	width:960px;
	-moz-box-shadow: 10px 10px 5px #141414;
	-webkit-box-shadow: 10px 10px 5px #141414;
	box-shadow: 10px 10px 5px #141414;
	border-left: 1px solid #000;
	}


#container    			{
	float:left;
	position:relative;
	display:block;
	background:#fff;
	border-left:220px solid #fff;
	}
#wrapper       			{width:960px; display:block; margin-left:-220px;}


/* - HEADER - */


#header        			{position:relative; width:100%; height:180px; margin: 0px; padding: 0px; background: #323232 url(../images/header.jpg) repeat-x;}
#logo 					{position: absolute; top: 0px; left: 15px; padding: 0px; width: 400px; height:180px;}
#claims 				{position: absolute; top: 10px; right: 15px; margin: 0px; padding: 0px; text-align: justify; width: 240px; font-family: "Arial"; font-size: 11px; font-weight: bold; color: #fff; text-align:right;}
#player        			{position:relative; width:550px; height:180px; margin: 0px 0px 0px -15px; padding: 0px; background: transparent; }
#slogan {
	margin-top: 45px;
	margin-left: -80px;
	float: left;
	width: 156px;
	height:71px;
	line-height:14px;
	overflow:hidden;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background:url('../images/slogan1.png') no-repeat top left;
	padding: 15px 40px 30px 40px;
}


/* - MENU - */


#menulayer 						{position:relative; width:auto; height:26px; margin: 25px 0px 0px 0px; padding: 0px 25px 0px 0px; line-height: 20px; background: #848484;}
#menulayer #menu 				{color: #fff; background: transparent; margin: 0px 0px 0px 0px;}
#menulayer #menu ul 			{margin: 0px; padding: 0px;}
#menulayer #menu li 			{float: left; display: inline; list-style: none; margin: 0px 0px 0px 0px; padding: 0px; border-right: 1px solid #e9e9e9;}
#menulayer #menu li a 			{display:block; padding: 3px 12px 3px 12px; text-decoration: none; font-size: 14px; color: #fff; background: transparent; margin-right:0px;}
#menulayer #menu li a:hover 		{padding: 3px 12px 3px 12px; text-decoration: none; font-size: 14px; color: #fff; font-weight: normal; background: #323232; margin-right:0px;}
#menulayer #menu li a.aktiv  		{padding: 3px 12px 3px 12px; text-decoration: none; font-size: 14px; color: #fff; font-weight: normal; background: #323232; margin-right:0px;}
#menulayer #menu li a.aktiv:hover	{padding: 3px 12px 3px 12px; text-decoration: none; font-size: 14px; color: #fff; font-weight: normal; background: #323232; margin-right:0px;}


/* - SITE + TIME - */


#sitelayer 						 	{position: relative; float:left; width:100%; height: 30px; margin: 0px; padding: 0px; background: #323232; color: #fff;}
#sitelayer #seite      		       	{position:relative; float:left; width:220px; left:10px; margin: 0px; line-height: 28px; color: #fff; background: transparent;}
#sitelayer #seite a 		       	{text-decoration: none; color: #fff;}
#sitelayer #seite a:hover	       	{text-decoration: none; color: #fff;}
#sitelayer #timedate 		       	{position:relative; float:right; padding: 0px 15px 0px 0px; line-height: 28px; color: #fff; font-size: 10px;}


/* - CONTENT - */

#content 	{position:relative; float:left; left:220px; margin: 0px; padding: 0px; width:740px; overflow: hidden; color: #000; background: transparent;}

h3 			{font-weight: normal; margin: 0px 0px 5px 0px; color: #606060; font-family: 'Gudea', sans-serif; font-size: 14px; line-height: 19px; letter-spacing: 2px;}


/* - CONTENT ... TEXT - */

#content #text 				{position:relative; margin: 0px; padding: 30px 65px 35px 45px; text-align: left; color: #000; background: url(../images/strip_vert.png) repeat-y right top; line-height: 20px;}
#content #text h1 			{font-family: "Homenaje"; font-size: 26px; font-weight: normal; margin: 0px 0px 20px 0px; color: #b5ba6a; text-transform: none; letter-spacing: -1px;}
#content #text h2 			{font-size: 22px; font-weight: normal; margin: 0px 0px 20px 0px; color: #000; font-family: "Homenaje"; text-transform: uppercase; letter-spacing: 0px;}
#content #text h3 			{font-size: 18px; font-weight: normal; margin: 0px 0px 5px 0px; color: #606060;	font-family: "Homenaje"; letter-spacing: 2px;}
#content #text h4 			{font-size: 14px; font-weight: bold; margin: 0px 0px 10px 0px; color: #fff; font-family: "Arial", "Helvetica"; letter-spacing: 1px;}
#content #text h5 			{font-size: 12px; font-weight: bold; margin: 0px 0px 6px 0px; color: #404040; font-family: "Arial", "Helvetica"; letter-spacing: 1px;}
#content #text h6 			{font-size: 11px; font-weight: normal; margin: 0px 0px 0px 0px; color: #AFAFAF; font-family: "Arial", "Helvetica"; letter-spacing: 0px;}
#content #text p 			{margin: 0px 0px 15px 0px; color: #000;}
#content #text hr 			{border-top: 1px solid #D7D7D7; border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0px 0px 15px 0px; height: 2px;}
#content #text a 			{color: #f55e05; text-decoration: none;}
#content #text a:hover 		{color: #f55e05; text-decoration: underline;}
#content #text ul 			{margin: 0px 0px 0px 15px;}
#content #text ul li 		{list-style: square; line-height: 20px;}
#content #text ul li ul li 	{list-style: square; line-height: 20px; margin: 0px 0px 0px 5px;}


/* - SIDEBARLEFT - */


#sidebarleft 				{position:relative; float:left; left:-740px; width:220px; color: #000; background: transparent;}


/* - BOXES - */

#sidebarleft .box {position:relative; color:#000; background: #f1f1f1; border:1px solid; border-color: #BBBBBB; margin: 5px 0px 10px 0px; 
}
#sidebarleft .box h4 {color:#fff; font-size: 100%; background: #323232 url(../images/boxheader.gif) repeat-x; padding:2px 5px 2px 5px; margin:0px;
}
#sidebarleft .box p {padding: 4px 5px 6px 5px; margin:0px;
}


/* - SUBMENU - */

#submenu 		    		{position:relative; float:left; width: 200px; margin: 20px 0px 20px 0px; padding: 0px 10px 0px 10px; overflow:hidden;}
#submenu ul 				{float:left; width: 180px; margin: 0px; padding: 0px 10px 0px 10px; background: #fff; margin-bottom: -1px;}
#submenu ul li 	       	    {float:left; display:block; width: 180px; margin: 0px; padding: 0px; border-bottom: 1px dotted #E0E0E0; height:35px; line-height:26px;}
#submenu ul li a 	    	{font-weight:400;display:block; padding: 5px 12px 4px 12px; text-decoration: none; font-size: 14px; color: #848484; background: transparent;}
#submenu ul li a:hover 		{padding: 5px 6px 4px 12px; text-decoration: none; font-size: 14px; color: #323232; background: transparent;}
#submenu ul li a.aktiv 		{padding: 4px 6px 5px 12px; text-decoration: none; font-size: 14px; font-weight: bold; color: #323232; background: transparent;}
#submenu ul li a.aktiv:hover{padding: 4px 6px 5px 12px; text-decoration: none; font-size: 14px; font-weight: bold; color: #323232; background: transparent;}


/* - FOOTER - */


#footer 					{clear:both; position:relative; float:left; width:100%; height: 75px; margin: 0px; padding: 0px; font-size: 10px; color: #000; line-height: 15px; background: #fff; border-top: 1px solid #E9E9E9; border-bottom: 5px solid #fff;}
#footer #seitenanfang  		{position:relative; float:left; padding: 15px 0px 0px 15px; margin: 0px; width: 220px; color: #000;}
#footer #footercontent 		{position:relative; float:left; margin: 0px; padding: 15px 15px 0px 5px; width: 705px; text-align:right; color: rgb(192, 192, 192);}
#footer a 	      			{text-decoration: none; color: rgb(192, 192, 192); font-weight: normal; font-size: 10px;}
#footer a:hover       		{text-decoration: none; color: #707070; font-weight: normal; font-size: 10px;}
#footer a.w3b 	     		{text-decoration: none; color: rgb(192, 192, 192); font-weight: normal; font-size: 10px;}
#footer a:hover.w3b  		{text-decoration: none; color: rgb(192, 192, 192); font-weight: normal; font-size: 10px;}
#footersmall				{text-decoration: none; color: #707070; font-size: 9px; width: 900px; text-align: center; margin-left: auto; margin-right: auto;}
#footersmall1				{text-decoration: none; color: #707070; font-size: 9px; width: 960px; text-align: center; margin-left: auto; margin-right: auto; background: #fff;}


/* - FOOTER-BOXEN - */

#footer-boxen				{float:left; width:100%; margin: 0px; padding-top: 10px; padding: 0px; font-size: 10px; color: #000; line-height: 15px; background: #fff; border-top: 1px solid #E9E9E9;}

/* - SPEZIAL - */

#hidden{
   position:absolute;
   top:-50000px;
   left:-300px;
   width:5px;
   height:1px;
   
} 

#spalten td {font-size: 10px; line-height: 16px; background-color: #f6f6f6; background: url(../images/back-tab.jpg) repeat-y right top;}

/* Gestaltung von blockquote */

   blockquote {
   background: #e9f2d6 url(quote.gif) no-repeat 5px 5px;
   color: #404040;
   letter-spacing: 1px;
   padding: 1em 1em 5px 40px; 
   border-bottom: 1px solid #848484;
   border-right: 1px solid #848484;
   margin-left: 0; /* keine Zentrierung */
   margin-bottom: 10px;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;

border-radius-topleft: 10px;
border-radius-topright: 10px;
border-radius-bottomright: 10px;
border-radius-bottomleft: 10px;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;   
   }
   blockquote cite {
   display: block; 
   font-size: 90%; 
   font-style: normal; 
   letter-spacing: 1px; 
   text-align: right;
   background: url(unquote.gif) no-repeat right bottom;
   padding: 10px 40px 0 0; 
   }

.hervorgehoben {
   float:right;
   width: 25em;
   letter-spacing: 0.7px;
   line-height: 120%;
   font-size: 98%;
   color: #323232;
   background-color: #c2c2c2;
   border-top: 3px solid #848484;
   border-bottom: 3px solid #848484; 
   border-left: 3px solid #848484;
   border-right: 3px solid #848484;
   margin: 10px;
   padding: 10px 10px 0px 40px;
}

/* Lastnews */

.lastnews a			{color: #f55e05; text-decoration: none; background: transparent;}
.lastnews a:hover	{color: #000; text-decoration: none; background: transparent;}

/* - Test runde Ecken - */

#box-runde-ecken {

background-color: #e9f2d6;
padding: 10px;
border-right:1px solid;
border-bottom:1px solid;
border-color: #848484;
font-family: 'Gudea', sans-serif;
font-size: 10,5px;
line-height: 15px;
text-align: left;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;

border-radius-topleft: 10px;
border-radius-topright: 10px;
border-radius-bottomright: 10px;
border-radius-bottomleft: 10px;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}

#box-runde-ecken2 {

background-color: #e9f2d6;
padding: 10px;
border-right:1px solid;
border-bottom:1px solid;
border-color: #848484;
font-family: 'Gudea', sans-serif;
font-size: 10,5px;
line-height: 15px;
text-align: left;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;

border-radius-topleft: 10px;
border-radius-topright: 10px;
border-radius-bottomright: 10px;
border-radius-bottomleft: 10px;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}

#box-runde-ecken3 {

background-color: #ecf4db;
padding: 10px;
border-right:1px solid #848484;
border-bottom:1px solid #848484;
border-left:1px solid #9ac434;
border-top:1px solid #9ac434;
font-family: 'Gudea', sans-serif;
font-size: 10,5px;
line-height: 15px;
text-align: justify;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-radius-topleft: 10px;
border-radius-topright: 10px;
border-radius-bottomright: 10px;
border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}

#roundbox {

font-family: "Arial", "Helvetica";
font-size: 12px;
line-height: 19px;
padding: 10px 10px 10px 15px;
margin-bottom: 10px;
color: #000;
background-color:#b5ba6a;
border-width:1px;
border-color:#424242;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow:3px 3px 3px 3px #8c918a;
-webkit-box-shadow:3px 3px 3px 3px #8c918a;
box-shadow:3px 3px 3px 3px #8c918a;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=5, direction=135, color='#8c918a');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=5, Direction=135, Color='#8c918a')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
/*IE DOES NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/
background: -moz-linear-gradient(top, #b5ba6a, #d2d2d2);
background: -webkit-gradient(linear, center top, center bottom, from(#8a8a8a), to(#000000));
background: -o-linear-gradient(top, #b5ba6a, #d2d2d2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5ba6a', endColorstr='#d2d2d2');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5ba6a', endColorstr='#d2d2d2')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background: linear-gradient(top, #b5ba6a, #d2d2d2);
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
opacity:0.75;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
/*-ms-filter must come before filter*/
filter: alpha(opacity=75);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/

}

#roundbox_gr {

font-family: "Arial", "Helvetica";
font-size: 12px;
line-height: 19px;
padding: 10px 10px 10px 15px;
margin-bottom: 10px;
color: #fff;
background-color:#B5BA6A;
border-width:1px;
border-color:#424242;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow:3px 3px 3px 3px #8c918a;
-webkit-box-shadow:3px 3px 3px 3px #8c918a;
box-shadow:3px 3px 3px 3px #8c918a;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=5, direction=135, color='#8c918a');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=5, Direction=135, Color='#8c918a')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
/*IE DOES NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/
background: -moz-linear-gradient(top, #B5BA6A, #7a7a7a);
background: -webkit-gradient(linear, center top, center bottom, from(#B5BA6A), to(#7a7a7a));
background: -o-linear-gradient(top, #B5BA6A, #7a7a7a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B5BA6A', endColorstr='#7a7a7a');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B5BA6A', endColorstr='#7a7a7a')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background: linear-gradient(top, #B5BA6A, #7a7a7a);
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
opacity:0.75;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
/*-ms-filter must come before filter*/
filter: alpha(opacity=75);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/

}


/* RICHTIGE ROUNDBOX */

#roundbox1 {

font-family: "Arial", "Helvetica";
font-size: 11px;
line-height: 17px;
padding: 10px 10px 10px 15px;
margin-bottom: 10px;
color: #fff;
text-align: left;
background-color:#444444;
border-width:2px;
border-color:#222222;

-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;

border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 15px;

-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
}

#roundbox2	{

font-family: "Arial", "Helvetica";
font-size: 11px;
line-height: 17px;
padding: 10px 10px 10px 15px;
margin-bottom: 10px;
color: #000;
text-align: left;
background-color:#b5ba6a;
border-width:1px;
border-color:#424242;

-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;

border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 15px;

-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
}

/* Tooltip */

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-style: bold;
border-bottom:0px dotted #4dbcf3;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 200px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #4dbcf3;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
}

/* - CONTENT BOXES - */

/* - CBOX HEADER - */

#header .cbox_angebote { position: absolute; top: 15px; left: 260px; margin: 0px; padding: 0px; text-align: center; width: 350px; height: 120px; 
font-family: "Arial"; font-size: 15px; font-weight: bold; color: #F0F0F0; background: transparent; line-height: 25px;
}
#header .cbox_angebote p { padding: 7px 6px 7px 6px;
}

/* - CBOX spaltenlinks - */

#content #text .cbox_set_spaltenlinks  { padding:0px; margin:0px; 
}

#content #text .cbox_set_spaltenlinks .cbox_outlay {
	float:left;
	width: 305px;
	padding:2px;
	margin:0px 0px 5px 0px;
	border: 1px solid #fff;
}

#content #text .cbox_set_spaltenlinks .cbox_inlay {
	border: 1px solid #d2d2d2;
	padding:10px 10px 10px 10px;
	margin:0px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;

	border-radius-topleft: 15px;
	border-radius-topright: 15px;
	border-radius-bottomright: 15px;
	border-radius-bottomleft: 15px;

	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

#content #text .cbox_set_spaltenlinks .cbox_head h3 { font-size: 110%; background: #e6e6e6 url(../images/box_top_bg.jpg) bottom right no-repeat; 
padding:0px 0px 0px 6px; margin:0px 0px 5px 0px; height:26px; line-height:26px;
}

#content #text .cbox_set_spaltenlinks .cbox_spaltenlinks { padding: 7px 6px 7px 6px; margin: 0px; 
}


