/***********************************************/
/*** Stadt Karlsruhe - Karlsruhe handelt!    ***/
/***            		                     ***/
/*** BASIC CSS                               ***/
/*** by UpShapes Interactive                 ***/
/*** www.upshapes.de                         ***/
/***********************************************/


/***********************************************
	 BASIC SETUP
***********************************************/

body {
     overflow : auto;
     margin : 0;
     text-align : left;
     font : 12px arial, sans-serif;
     color : #ffffff;
     background-color : #FFFFFF;
}

#container {
     position : absolute;
     left : 50%;
     margin-left : -490px;
     width : 980px;
     text-align : left;
}

#header {
     width : 980px;
     height : 210px;
}

#navigation {
     float: right;
     width : 930px;
     text-align : right;
     text-transform : uppercase;
     padding : 7px 25px 7px 25px;
	 background-color: #F7B234;
}

#contents {
     width : 930px;
	 float: right;
     padding : 5px 25px 20px 25px;
     background-color: #000000;
}

.content-right {
     width : 570px;
	 float : right;
	 margin : 20px 0px 5px 0px;
}

.content-left {
     width : 360px;
	 float : left;
	 height : 345px;
}

#footer {
     width : 980px;
     text-align: center;
     background-color: #ffffff;
	 font : 18px arial, sans-serif;
	 color : #000000;
}

img {
     border : 0 none;
}

/***********************************************
     HEADLINES / TEXT / HYPERLINKS
***********************************************/

h1 {
     font : 12px arial, sans-serif;
	 font-weight : bold;
     color : #F7B234;
     line-height : 180%;
	 text-transform : uppercase;
}

h2 {
     font : 12px arial, sans-serif;
	 font-weight : normal;
	 display : inline;	
     color : #F7B234;
}

a:link, a:visited {
     font : 12px arial, sans-serif;
     color: #ffffff;
	 text-decoration: underline;
}

a:hover, a:active {
     font : 12px arial, sans-serif;
     color: #F7B234;
	 text-decoration: none;
}

#navigation a:link, #navigation a:visited, #subnavigation a:link, #subnavigation a:visited {
     font : 11px arial, sans-serif;
     color: #000000;
	 text-decoration: none;
}

#navigation a:hover, #navigation a:active, #subnavigation a:hover, #subnavigation a:active {
     font : 11px arial, sans-serif;
     color: #ffffff;
	 text-decoration: none;
}

.current {
     font : 11px verdana, sans-serif;
     color: #ffffff;
	 text-decoration: none;
}